<h2>Overview</h2>
The Angular Dual-Listbox component is a powerful tool designed for Angular 14 that facilitates an intuitive item selection process through two side-by-side list boxes. Users can easily transfer items between these lists using a user-friendly drag-and-drop feature or by pressing designated buttons. This functionality is essential for applications that require item selection from extensive lists, making the process smoother and more interactive.
Built to be flexible and customizable, the dual-listbox component operates from a source array that holds all options and a destination array for selected items. It provides various integration capabilities and styling options, ensuring that developers can tailor the component to fit seamlessly within their projects.
<h2>Features</h2>
<ul>
<li>
Dual List Interface: Two customizable lists that allow users to select and rearrange items effortlessly.
</li>
<li>
Drag-and-Drop Support: Users can easily move items between lists using simple drag-and-drop functionality, enhancing user experience.
</li>
<li>
Programmatic Control: Developers can programmatically manage the source and destination arrays, adding a layer of flexibility to the component’s functionality.
</li>
<li>
Customizable Styles: Integrates with Bootstrap 3 by default, but allows full customization through custom styles and templates for personalized appearances.
</li>
<li>
Filter and Sort Options: Users can enable filtering and sorting capabilities to streamline the selection process, making it easier to manage large data sets.
</li>
<li>
Event Handling: The component emits events when the destination array changes, allowing developers to respond appropriately to user actions.
</li>
<li>
Configurable Display Parameters: Easily set unique identifier fields and display options for each list item to ensure clarity and usability.
</li>
</ul>

<h2>Overview</h2>
The Angular SVG Icon package is a powerful tool designed for Angular 19 developers looking to incorporate inline SVGs into their applications effortlessly. This service and component not only make it easy to style SVG files using CSS, but also provide a clean way to manage SVG assets via a registry that caches icons for efficient loading. The capability to clone SVG elements directly into the component's inner HTML adds versatility, helping to ensure that developers can maintain control over styling and presentation.
With the continuous advancement of Angular, the latest version introduces significant improvements in performance and usability, especially with the introduction of inject and signal methodologies from @common/core. Whether you're looking to enhance your current project with dynamic SVG icons or streamline your icon management across an expansive application, this package presents a robust solution.
<h2>Features</h2>
<ul>
<li>SVG Registry: Automatically loads and caches SVG files indexed by their URLs, enhancing performance during application runtime.</li>
<li>Stylable Components: Inline SVG files can be easily styled using standard CSS, allowing for consistent design without sacrificing flexibility.</li>
<li>Simplified Imports: Just import the AngularSvgIconModule and HttpClientModule to get started, making integration straightforward with tools like webpack and Angular CLI.</li>
<li>Breaking Changes Management: Clearly outlines breaking changes with each version, ensuring developers can make necessary adjustments seamlessly.</li>
<li>Lazy Loading Support: The package supports lazy loading patterns, allowing shared services across modules while providing encapsulation when needed.</li>
<li>Versatile Usage: Offers simple-to-follow usage examples for loading SVGs, including attributes like <code>src</code> and <code>svgStyle</code> to customize display and styling.</li>
<li>Performance Enhancements: Leveraging the latest Angular features, it enhances app performance while managing SVG components efficiently.</li>
</ul>

Czeckd

Angular Dual Listbox

Angular Svg Icon