@loyalty-cloud/ui-icons 1.1.49

package/README.md

@@ -0,0 +1,141 @@
+# Documentation
+
+This documentation outlines the steps to add icons, build, publish, and use the LC Icons Angular NPM package in the project.
+
+---
+
+## Adding Icons
+
+To add a new icon to the package, follow these steps:
+
+1. **Locate the Icon Directory**  
+   Navigate to the directory where your SVG icons are stored, e.g., `src/assets/icons/`.
+
+2. **Add the SVG File**  
+   Place the new SVG file in the appropriate folder. Use a consistent naming convention, such as `icon-name.svg`.
+
+3. **Test the Icon**  
+   Ensure the icon is accessible via the custom component. For example:
+
+   ```html
+   <lc-icon 
+      name="new-icon">
+   </lc-icon>
+   ```
+
+---
+
+## Updating the Package Version
+
+Follow these steps to update the version of your NPM package:
+
+1. **Locate the Project Directory**  
+   Navigate to the directory where your NPM package resides, e.g., `projects/lc-icons-npm-package/`.
+
+2. **Run the Update Version Command**  
+   Update the package version using the following command:
+
+   ```bash
+   npm version patch
+   ```
+
+---
+
+## Building the NPM Package
+
+To build the NPM package, follow these steps:
+
+1. **Move to the Project Root Directory**  
+   Navigate to the root directory of the project.
+
+2. **Remove the `dist` Folder**  
+   Ensure that the `dist` folder is deleted from the root directory to avoid conflicts.
+
+3. **Run the Build Command**  
+   Build the package using the Angular CLI command:
+
+   ```bash
+   ng build lc-icons-npm-package
+   ```
+
+---
+
+## Publishing the Package
+
+To publish the package to NPM, follow these steps:
+
+1. **Navigate to the Build Package Directory**  
+   Go to the directory where the build output resides, e.g., `dist/lc-icons-npm-package/`.
+
+2. **Login to NPM**  
+   Authenticate with your NPM account using:
+
+   ```bash
+   npm login
+   ```
+
+3. **Publish the Package**  
+   Publish the package using:
+
+   ```bash
+   npm publish
+   ```
+
+4. **Verify the Package**  
+   Check that your package is available on [npmjs.com](https://www.npmjs.com/).
+
+---
+
+## How to use?
+
+To use the icons, follow these steps:
+
+1. **Install the Package**  
+   Install the package using:
+
+   ```bash
+   npm install lc-icons-npm-package
+   ```
+
+2. **Update `angular.json`**  
+   Add the following configuration in the `assets` block of `angular.json`:
+
+   ```json
+   {
+       "glob": "**/*",
+       "input": "node_modules/lc-icons-npm-package/src/assets/icons",
+       "output": "/assets/icons"
+   }
+   ```
+
+3. **Import the Module**  
+   Import the package module in your `app.module.ts` file:
+
+   ```typescript
+   import { LcIconModule } from '<package-name>';
+
+   @NgModule({
+       declarations: [
+           AppComponent
+       ],
+       imports: [
+           BrowserModule,
+           LcIconModule
+       ],
+       bootstrap: [AppComponent]
+   })
+   export class AppModule { }
+   ```
+
+4. **Use the Icon**  
+   Add the tag in your component:
+
+   ```html
+   <lc-icon name="home"></lc-icon>
+   ```
+
+5. **Customize the Icon**  
+   Add additional attributes like `size` and `color` to customize the icon:
+
+   ```html
+   <lc-icon name="home" size="15" color="#FFFFFF"></lc-icon>

package/esm2020/lib/lc-icon.component.mjs

@@ -0,0 +1,73 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./svg-icon-cache.service";
+export class LcIconComponent {
+    constructor(iconRegistry, cdr) {
+        this.iconRegistry = iconRegistry;
+        this.cdr = cdr;
+        this.name = '';
+        this.category = '';
+        this.size = 24;
+        this.color = 'black';
+        this.disabled = false;
+        this.svgIcon = null;
+        this.disabledColor = '#e0e0e0';
+    }
+    ngOnChanges(changes) {
+        this.loadIcon();
+    }
+    ngOnInit() {
+        this.loadIcon();
+    }
+    loadIcon() {
+        if (!this.name) {
+            console.warn('Icon name is required.');
+            this.svgIcon = null;
+            return;
+        }
+        const iconPath = this.category
+            ? `../assets/icons/${this.category}/${this.name}.svg`
+            : `../assets/icons/${this.name}.svg`;
+        this.iconRegistry
+            .registerIcon(this.name, iconPath, this.size, this.color, this.disabled) // Dynamically register and fetch the icon
+            .subscribe((icon) => {
+            this.svgIcon = icon;
+            this.cdr.detectChanges();
+        }, (error) => {
+            console.error(`Error loading icon "${this.name}":`, error);
+        });
+    }
+}
+LcIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: LcIconComponent, deps: [{ token: i1.SvgIconCacheService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+LcIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: LcIconComponent, selector: "lc-icon", inputs: { name: "name", category: "category", size: "size", color: "color", disabled: "disabled" }, usesOnChanges: true, ngImport: i0, template: `
+    <div 
+      class="icon"
+      [innerHTML]="svgIcon" 
+      [style.width.px]="size" 
+      [style.height.px]="size"
+      [style.color]="color">
+    </div>
+  `, isInline: true, styles: [".icon{display:flex;align-items:center;justify-content:center}\n"], changeDetection: i0.ChangeDetectionStrategy.Default });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: LcIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lc-icon', template: `
+    <div 
+      class="icon"
+      [innerHTML]="svgIcon" 
+      [style.width.px]="size" 
+      [style.height.px]="size"
+      [style.color]="color">
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.Default, styles: [".icon{display:flex;align-items:center;justify-content:center}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.SvgIconCacheService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { name: [{
+                type: Input
+            }], category: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGMtaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9sYy1pY29ucy1ucG0tcGFja2FnZS9zcmMvbGliL2xjLWljb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBcUIsU0FBUyxFQUFFLEtBQUssRUFBeUIsTUFBTSxlQUFlLENBQUM7OztBQW9CcEgsTUFBTSxPQUFPLGVBQWU7SUFVMUIsWUFDVSxZQUFpQyxFQUNqQyxHQUFzQjtRQUR0QixpQkFBWSxHQUFaLFlBQVksQ0FBcUI7UUFDakMsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFYdkIsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUNsQixhQUFRLEdBQVcsRUFBRSxDQUFDO1FBQ3RCLFNBQUksR0FBVyxFQUFFLENBQUM7UUFDbEIsVUFBSyxHQUFXLE9BQU8sQ0FBQztRQUN4QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBRW5DLFlBQU8sR0FBZ0MsSUFBSSxDQUFDO1FBQzVDLGtCQUFhLEdBQVcsU0FBUyxDQUFDO0lBSzlCLENBQUM7SUFFTCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2xCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2xCLENBQUM7SUFFTyxRQUFRO1FBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDZCxPQUFPLENBQUMsSUFBSSxDQUFDLHdCQUF3QixDQUFDLENBQUM7WUFDdkMsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7WUFDcEIsT0FBTztTQUNSO1FBRUQsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVE7WUFDNUIsQ0FBQyxDQUFDLG1CQUFtQixJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxJQUFJLE1BQU07WUFDckQsQ0FBQyxDQUFDLG1CQUFtQixJQUFJLENBQUMsSUFBSSxNQUFNLENBQUM7UUFFdkMsSUFBSSxDQUFDLFlBQVk7YUFDZCxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQywwQ0FBMEM7YUFDbEgsU0FBUyxDQUNSLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDUCxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztZQUNwQixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQzNCLENBQUMsRUFDRCxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQ1IsT0FBTyxDQUFDLEtBQUssQ0FBQyx1QkFBdUIsSUFBSSxDQUFDLElBQUksSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQzdELENBQUMsQ0FDRixDQUFDO0lBQ04sQ0FBQzs7NEdBN0NVLGVBQWU7Z0dBQWYsZUFBZSx3S0FkaEI7Ozs7Ozs7O0dBUVQ7MkZBTVUsZUFBZTtrQkFoQjNCLFNBQVM7K0JBQ0UsU0FBUyxZQUNUOzs7Ozs7OztHQVFULG1CQUlnQix1QkFBdUIsQ0FBQyxPQUFPOzBJQUd2QyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2FmZUh0bWwgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcbmltcG9ydCB7IFN2Z0ljb25DYWNoZVNlcnZpY2UgfSBmcm9tICcuL3N2Zy1pY29uLWNhY2hlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsYy1pY29uJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IFxuICAgICAgY2xhc3M9XCJpY29uXCJcbiAgICAgIFtpbm5lckhUTUxdPVwic3ZnSWNvblwiIFxuICAgICAgW3N0eWxlLndpZHRoLnB4XT1cInNpemVcIiBcbiAgICAgIFtzdHlsZS5oZWlnaHQucHhdPVwic2l6ZVwiXG4gICAgICBbc3R5bGUuY29sb3JdPVwiY29sb3JcIj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbXG4gICAgJ2xjLWljb24uY29tcG9uZW50LnNjc3MnXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuRGVmYXVsdFxufSlcbmV4cG9ydCBjbGFzcyBMY0ljb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBuYW1lOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgY2F0ZWdvcnk6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBzaXplOiBudW1iZXIgPSAyNDtcbiAgQElucHV0KCkgY29sb3I6IHN0cmluZyA9ICdibGFjayc7XG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgc3ZnSWNvbjogU2FmZUh0bWwgfCBudWxsIHwgdW5kZWZpbmVkID0gbnVsbDtcbiAgZGlzYWJsZWRDb2xvcjogc3RyaW5nID0gJyNlMGUwZTAnO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgaWNvblJlZ2lzdHJ5OiBTdmdJY29uQ2FjaGVTZXJ2aWNlLFxuICAgIHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZlxuICApIHsgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICB0aGlzLmxvYWRJY29uKCk7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmxvYWRJY29uKCk7XG4gIH1cblxuICBwcml2YXRlIGxvYWRJY29uKCkge1xuICAgIGlmICghdGhpcy5uYW1lKSB7XG4gICAgICBjb25zb2xlLndhcm4oJ0ljb24gbmFtZSBpcyByZXF1aXJlZC4nKTtcbiAgICAgIHRoaXMuc3ZnSWNvbiA9IG51bGw7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgaWNvblBhdGggPSB0aGlzLmNhdGVnb3J5XG4gICAgICA/IGAuLi9hc3NldHMvaWNvbnMvJHt0aGlzLmNhdGVnb3J5fS8ke3RoaXMubmFtZX0uc3ZnYFxuICAgICAgOiBgLi4vYXNzZXRzL2ljb25zLyR7dGhpcy5uYW1lfS5zdmdgO1xuXG4gICAgdGhpcy5pY29uUmVnaXN0cnlcbiAgICAgIC5yZWdpc3Rlckljb24odGhpcy5uYW1lLCBpY29uUGF0aCwgdGhpcy5zaXplLCB0aGlzLmNvbG9yLCB0aGlzLmRpc2FibGVkKSAvLyBEeW5hbWljYWxseSByZWdpc3RlciBhbmQgZmV0Y2ggdGhlIGljb25cbiAgICAgIC5zdWJzY3JpYmUoXG4gICAgICAgIChpY29uKSA9PiB7XG4gICAgICAgICAgdGhpcy5zdmdJY29uID0gaWNvbjtcbiAgICAgICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICAgIH0sXG4gICAgICAgIChlcnJvcikgPT4ge1xuICAgICAgICAgIGNvbnNvbGUuZXJyb3IoYEVycm9yIGxvYWRpbmcgaWNvbiBcIiR7dGhpcy5uYW1lfVwiOmAsIGVycm9yKTtcbiAgICAgICAgfVxuICAgICAgKTtcbiAgfVxufVxuXG5cblxuIl19

package/esm2020/lib/lc-icon.module.mjs

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { LcIconComponent } from './lc-icon.component';
+import { SafeHtmlPipe } from './safe-html.pipe';
+import { HttpClientModule } from '@angular/common/http';
+import * as i0 from "@angular/core";
+export class LcIconModule {
+}
+LcIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: LcIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LcIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.6", ngImport: i0, type: LcIconModule, declarations: [LcIconComponent, SafeHtmlPipe], imports: [CommonModule, HttpClientModule], exports: [LcIconComponent] });
+LcIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: LcIconModule, imports: [CommonModule, HttpClientModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: LcIconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [LcIconComponent, SafeHtmlPipe],
+                    imports: [CommonModule, HttpClientModule],
+                    exports: [LcIconComponent]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGMtaWNvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9sYy1pY29ucy1ucG0tcGFja2FnZS9zcmMvbGliL2xjLWljb24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDaEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBUXhELE1BQU0sT0FBTyxZQUFZOzt5R0FBWixZQUFZOzBHQUFaLFlBQVksaUJBSlIsZUFBZSxFQUFFLFlBQVksYUFDbEMsWUFBWSxFQUFFLGdCQUFnQixhQUM5QixlQUFlOzBHQUVkLFlBQVksWUFIYixZQUFZLEVBQUUsZ0JBQWdCOzJGQUc3QixZQUFZO2tCQUx4QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGVBQWUsRUFBRSxZQUFZLENBQUM7b0JBQzdDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxnQkFBZ0IsQ0FBQztvQkFDekMsT0FBTyxFQUFFLENBQUMsZUFBZSxDQUFDO2lCQUMzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTGNJY29uQ29tcG9uZW50IH0gZnJvbSAnLi9sYy1pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTYWZlSHRtbFBpcGUgfSBmcm9tICcuL3NhZmUtaHRtbC5waXBlJztcbmltcG9ydCB7IEh0dHBDbGllbnRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbTGNJY29uQ29tcG9uZW50LCBTYWZlSHRtbFBpcGVdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBIdHRwQ2xpZW50TW9kdWxlXSxcbiAgZXhwb3J0czogW0xjSWNvbkNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgTGNJY29uTW9kdWxlIHt9XG4iXX0=

package/esm2020/lib/safe-html.pipe.mjs

@@ -0,0 +1,20 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+export class SafeHtmlPipe {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    transform(value) {
+        return this.sanitizer.bypassSecurityTrustHtml(value);
+    }
+}
+SafeHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+SafeHtmlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.6", ngImport: i0, type: SafeHtmlPipe, name: "safeHtml" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SafeHtmlPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'safeHtml'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2FmZS1odG1sLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9sYy1pY29ucy1ucG0tcGFja2FnZS9zcmMvbGliL3NhZmUtaHRtbC5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDOzs7QUFNcEQsTUFBTSxPQUFPLFlBQVk7SUFDdkIsWUFBb0IsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztJQUFHLENBQUM7SUFFL0MsU0FBUyxDQUFDLEtBQWE7UUFDckIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZELENBQUM7O3lHQUxVLFlBQVk7dUdBQVosWUFBWTsyRkFBWixZQUFZO2tCQUh4QixJQUFJO21CQUFDO29CQUNKLElBQUksRUFBRSxVQUFVO2lCQUNqQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvbVNhbml0aXplciwgU2FmZUh0bWwgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuQFBpcGUoe1xuICBuYW1lOiAnc2FmZUh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIFNhZmVIdG1sUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7fVxuXG4gIHRyYW5zZm9ybSh2YWx1ZTogc3RyaW5nKTogU2FmZUh0bWwge1xuICAgIHJldHVybiB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0SHRtbCh2YWx1ZSk7XG4gIH1cbn1cbiJdfQ==

package/esm2020/lib/svg-icon-cache.service.mjs

@@ -0,0 +1,51 @@
+import { Injectable } from '@angular/core';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+import * as i2 from "@angular/common/http";
+export class SvgIconCacheService {
+    constructor(sanitizer, http) {
+        this.sanitizer = sanitizer;
+        this.http = http;
+        this.iconCache = new Map();
+        this.disabledColor = '#e0e0e0';
+    }
+    registerIcon(name, url, size, color, disabled = false) {
+        const cacheKey = `${name}-${size}-${color}-${disabled}`; // Unique cache key
+        if (this.iconCache.has(cacheKey)) {
+            return of(this.iconCache.get(cacheKey)); // Return the cached icon
+        }
+        return this.http.get(url, { responseType: 'text' }).pipe(map((svg) => {
+            const parser = new DOMParser();
+            const doc = parser.parseFromString(svg, 'image/svg+xml');
+            const svgElement = doc.querySelector('svg');
+            if (svgElement) {
+                // Update size attributes
+                svgElement.setAttribute('width', `${size}`);
+                svgElement.setAttribute('height', `${size}`);
+                // Update color only for elements without a 'fill' attribute
+                const elementsToUpdate = svgElement.querySelectorAll('path, circle, rect, polygon, ellipse');
+                elementsToUpdate.forEach((el) => {
+                    if (!el.hasAttribute('fill')) {
+                        el.setAttribute('fill', disabled ? this.disabledColor : color || 'black');
+                    }
+                });
+                const serializedSvg = new XMLSerializer().serializeToString(svgElement);
+                const sanitizedSvg = this.sanitizer.bypassSecurityTrustHtml(serializedSvg);
+                this.iconCache.set(cacheKey, sanitizedSvg); // Cache using the unique key
+                return sanitizedSvg;
+            }
+            throw new Error(`Invalid SVG content for icon: ${name}`);
+        }));
+    }
+}
+SvgIconCacheService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SvgIconCacheService, deps: [{ token: i1.DomSanitizer }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+SvgIconCacheService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SvgIconCacheService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SvgIconCacheService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i2.HttpClient }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ZnLWljb24tY2FjaGUuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2xjLWljb25zLW5wbS1wYWNrYWdlL3NyYy9saWIvc3ZnLWljb24tY2FjaGUuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNDLE9BQU8sRUFBYyxFQUFFLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDdEMsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBS3JDLE1BQU0sT0FBTyxtQkFBbUI7SUFJOUIsWUFBb0IsU0FBdUIsRUFBVSxJQUFnQjtRQUFqRCxjQUFTLEdBQVQsU0FBUyxDQUFjO1FBQVUsU0FBSSxHQUFKLElBQUksQ0FBWTtRQUg3RCxjQUFTLEdBQUcsSUFBSSxHQUFHLEVBQW9CLENBQUM7UUFDaEQsa0JBQWEsR0FBVyxTQUFTLENBQUM7SUFFdUMsQ0FBQztJQUUxRSxZQUFZLENBQUMsSUFBWSxFQUFFLEdBQVcsRUFBRSxJQUFZLEVBQUUsS0FBYSxFQUFFLFdBQW9CLEtBQUs7UUFDNUYsTUFBTSxRQUFRLEdBQUcsR0FBRyxJQUFJLElBQUksSUFBSSxJQUFJLEtBQUssSUFBSSxRQUFRLEVBQUUsQ0FBQyxDQUFDLG1CQUFtQjtRQUU1RSxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ2hDLE9BQU8sRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBRSxDQUFDLENBQUMsQ0FBQyx5QkFBeUI7U0FDcEU7UUFFRCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRSxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FDdEQsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7WUFDVixNQUFNLE1BQU0sR0FBRyxJQUFJLFNBQVMsRUFBRSxDQUFDO1lBQy9CLE1BQU0sR0FBRyxHQUFHLE1BQU0sQ0FBQyxlQUFlLENBQUMsR0FBRyxFQUFFLGVBQWUsQ0FBQyxDQUFDO1lBQ3pELE1BQU0sVUFBVSxHQUFHLEdBQUcsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7WUFFNUMsSUFBSSxVQUFVLEVBQUU7Z0JBQ2QseUJBQXlCO2dCQUN6QixVQUFVLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRSxHQUFHLElBQUksRUFBRSxDQUFDLENBQUM7Z0JBQzVDLFVBQVUsQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLEdBQUcsSUFBSSxFQUFFLENBQUMsQ0FBQztnQkFFN0MsNERBQTREO2dCQUM1RCxNQUFNLGdCQUFnQixHQUFHLFVBQVUsQ0FBQyxnQkFBZ0IsQ0FBQyxzQ0FBc0MsQ0FBQyxDQUFDO2dCQUM3RixnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRTtvQkFDOUIsSUFBSSxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLEVBQUU7d0JBQzVCLEVBQUUsQ0FBQyxZQUFZLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsS0FBSyxJQUFJLE9BQU8sQ0FBQyxDQUFDO3FCQUMzRTtnQkFDSCxDQUFDLENBQUMsQ0FBQztnQkFFSCxNQUFNLGFBQWEsR0FBRyxJQUFJLGFBQWEsRUFBRSxDQUFDLGlCQUFpQixDQUFDLFVBQVUsQ0FBQyxDQUFDO2dCQUN4RSxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxDQUFDO2dCQUMzRSxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsWUFBWSxDQUFDLENBQUMsQ0FBQyw2QkFBNkI7Z0JBQ3pFLE9BQU8sWUFBWSxDQUFDO2FBQ3JCO1lBRUQsTUFBTSxJQUFJLEtBQUssQ0FBQyxpQ0FBaUMsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUMzRCxDQUFDLENBQUMsQ0FDSCxDQUFDO0lBQ0osQ0FBQzs7Z0hBekNVLG1CQUFtQjtvSEFBbkIsbUJBQW1CLGNBRmxCLE1BQU07MkZBRVAsbUJBQW1CO2tCQUgvQixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEh0dHBDbGllbnQgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XG5pbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVIdG1sIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBvZiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgbWFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290J1xufSlcbmV4cG9ydCBjbGFzcyBTdmdJY29uQ2FjaGVTZXJ2aWNlIHtcbiAgcHJpdmF0ZSBpY29uQ2FjaGUgPSBuZXcgTWFwPHN0cmluZywgU2FmZUh0bWw+KCk7XG4gIGRpc2FibGVkQ29sb3I6IHN0cmluZyA9ICcjZTBlMGUwJztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyLCBwcml2YXRlIGh0dHA6IEh0dHBDbGllbnQpIHsgfVxuXG4gIHJlZ2lzdGVySWNvbihuYW1lOiBzdHJpbmcsIHVybDogc3RyaW5nLCBzaXplOiBudW1iZXIsIGNvbG9yOiBzdHJpbmcsIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2UpOiBPYnNlcnZhYmxlPFNhZmVIdG1sPiB7XG4gICAgY29uc3QgY2FjaGVLZXkgPSBgJHtuYW1lfS0ke3NpemV9LSR7Y29sb3J9LSR7ZGlzYWJsZWR9YDsgLy8gVW5pcXVlIGNhY2hlIGtleVxuXG4gICAgaWYgKHRoaXMuaWNvbkNhY2hlLmhhcyhjYWNoZUtleSkpIHtcbiAgICAgIHJldHVybiBvZih0aGlzLmljb25DYWNoZS5nZXQoY2FjaGVLZXkpISk7IC8vIFJldHVybiB0aGUgY2FjaGVkIGljb25cbiAgICB9XG5cbiAgICByZXR1cm4gdGhpcy5odHRwLmdldCh1cmwsIHsgcmVzcG9uc2VUeXBlOiAndGV4dCcgfSkucGlwZShcbiAgICAgIG1hcCgoc3ZnKSA9PiB7XG4gICAgICAgIGNvbnN0IHBhcnNlciA9IG5ldyBET01QYXJzZXIoKTtcbiAgICAgICAgY29uc3QgZG9jID0gcGFyc2VyLnBhcnNlRnJvbVN0cmluZyhzdmcsICdpbWFnZS9zdmcreG1sJyk7XG4gICAgICAgIGNvbnN0IHN2Z0VsZW1lbnQgPSBkb2MucXVlcnlTZWxlY3Rvcignc3ZnJyk7XG5cbiAgICAgICAgaWYgKHN2Z0VsZW1lbnQpIHtcbiAgICAgICAgICAvLyBVcGRhdGUgc2l6ZSBhdHRyaWJ1dGVzXG4gICAgICAgICAgc3ZnRWxlbWVudC5zZXRBdHRyaWJ1dGUoJ3dpZHRoJywgYCR7c2l6ZX1gKTtcbiAgICAgICAgICBzdmdFbGVtZW50LnNldEF0dHJpYnV0ZSgnaGVpZ2h0JywgYCR7c2l6ZX1gKTtcblxuICAgICAgICAgIC8vIFVwZGF0ZSBjb2xvciBvbmx5IGZvciBlbGVtZW50cyB3aXRob3V0IGEgJ2ZpbGwnIGF0dHJpYnV0ZVxuICAgICAgICAgIGNvbnN0IGVsZW1lbnRzVG9VcGRhdGUgPSBzdmdFbGVtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJ3BhdGgsIGNpcmNsZSwgcmVjdCwgcG9seWdvbiwgZWxsaXBzZScpO1xuICAgICAgICAgIGVsZW1lbnRzVG9VcGRhdGUuZm9yRWFjaCgoZWwpID0+IHtcbiAgICAgICAgICAgIGlmICghZWwuaGFzQXR0cmlidXRlKCdmaWxsJykpIHtcbiAgICAgICAgICAgICAgZWwuc2V0QXR0cmlidXRlKCdmaWxsJywgZGlzYWJsZWQgPyB0aGlzLmRpc2FibGVkQ29sb3IgOiBjb2xvciB8fCAnYmxhY2snKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9KTtcblxuICAgICAgICAgIGNvbnN0IHNlcmlhbGl6ZWRTdmcgPSBuZXcgWE1MU2VyaWFsaXplcigpLnNlcmlhbGl6ZVRvU3RyaW5nKHN2Z0VsZW1lbnQpO1xuICAgICAgICAgIGNvbnN0IHNhbml0aXplZFN2ZyA9IHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RIdG1sKHNlcmlhbGl6ZWRTdmcpO1xuICAgICAgICAgIHRoaXMuaWNvbkNhY2hlLnNldChjYWNoZUtleSwgc2FuaXRpemVkU3ZnKTsgLy8gQ2FjaGUgdXNpbmcgdGhlIHVuaXF1ZSBrZXlcbiAgICAgICAgICByZXR1cm4gc2FuaXRpemVkU3ZnO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBJbnZhbGlkIFNWRyBjb250ZW50IGZvciBpY29uOiAke25hbWV9YCk7XG4gICAgICB9KVxuICAgICk7XG4gIH1cbn1cbiJdfQ==

package/esm2020/loyalty-cloud-ui-icons.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG95YWx0eS1jbG91ZC11aS1pY29ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2xjLWljb25zLW5wbS1wYWNrYWdlL3NyYy9sb3lhbHR5LWNsb3VkLXVpLWljb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=

package/esm2020/public-api.mjs

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface of lc-icons-npm-package
+ */
+export * from './lib/lc-icon.module';
+export * from './lib/lc-icon.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2xjLWljb25zLW5wbS1wYWNrYWdlL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBsYy1pY29ucy1ucG0tcGFja2FnZVxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2xjLWljb24ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xjLWljb24uY29tcG9uZW50JzsiXX0=

package/fesm2015/loyalty-cloud-ui-icons.mjs

@@ -0,0 +1,165 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, ChangeDetectionStrategy, Input, Pipe, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import * as i1 from '@angular/platform-browser';
+import * as i2 from '@angular/common/http';
+import { HttpClientModule } from '@angular/common/http';
+
+class SvgIconCacheService {
+    constructor(sanitizer, http) {
+        this.sanitizer = sanitizer;
+        this.http = http;
+        this.iconCache = new Map();
+        this.disabledColor = '#e0e0e0';
+    }
+    registerIcon(name, url, size, color, disabled = false) {
+        const cacheKey = `${name}-${size}-${color}-${disabled}`; // Unique cache key
+        if (this.iconCache.has(cacheKey)) {
+            return of(this.iconCache.get(cacheKey)); // Return the cached icon
+        }
+        return this.http.get(url, { responseType: 'text' }).pipe(map((svg) => {
+            const parser = new DOMParser();
+            const doc = parser.parseFromString(svg, 'image/svg+xml');
+            const svgElement = doc.querySelector('svg');
+            if (svgElement) {
+                // Update size attributes
+                svgElement.setAttribute('width', `${size}`);
+                svgElement.setAttribute('height', `${size}`);
+                // Update color only for elements without a 'fill' attribute
+                const elementsToUpdate = svgElement.querySelectorAll('path, circle, rect, polygon, ellipse');
+                elementsToUpdate.forEach((el) => {
+                    if (!el.hasAttribute('fill')) {
+                        el.setAttribute('fill', disabled ? this.disabledColor : color || 'black');
+                    }
+                });
+                const serializedSvg = new XMLSerializer().serializeToString(svgElement);
+                const sanitizedSvg = this.sanitizer.bypassSecurityTrustHtml(serializedSvg);
+                this.iconCache.set(cacheKey, sanitizedSvg); // Cache using the unique key
+                return sanitizedSvg;
+            }
+            throw new Error(`Invalid SVG content for icon: ${name}`);
+        }));
+    }
+}
+SvgIconCacheService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SvgIconCacheService, deps: [{ token: i1.DomSanitizer }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+SvgIconCacheService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SvgIconCacheService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SvgIconCacheService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i2.HttpClient }]; } });
+
+class LcIconComponent {
+    constructor(iconRegistry, cdr) {
+        this.iconRegistry = iconRegistry;
+        this.cdr = cdr;
+        this.name = '';
+        this.category = '';
+        this.size = 24;
+        this.color = 'black';
+        this.disabled = false;
+        this.svgIcon = null;
+        this.disabledColor = '#e0e0e0';
+    }
+    ngOnChanges(changes) {
+        this.loadIcon();
+    }
+    ngOnInit() {
+        this.loadIcon();
+    }
+    loadIcon() {
+        if (!this.name) {
+            console.warn('Icon name is required.');
+            this.svgIcon = null;
+            return;
+        }
+        const iconPath = this.category
+            ? `../assets/icons/${this.category}/${this.name}.svg`
+            : `../assets/icons/${this.name}.svg`;
+        this.iconRegistry
+            .registerIcon(this.name, iconPath, this.size, this.color, this.disabled) // Dynamically register and fetch the icon
+            .subscribe((icon) => {
+            this.svgIcon = icon;
+            this.cdr.detectChanges();
+        }, (error) => {
+            console.error(`Error loading icon "${this.name}":`, error);
+        });
+    }
+}
+LcIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: LcIconComponent, deps: [{ token: SvgIconCacheService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+LcIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: LcIconComponent, selector: "lc-icon", inputs: { name: "name", category: "category", size: "size", color: "color", disabled: "disabled" }, usesOnChanges: true, ngImport: i0, template: `
+    <div 
+      class="icon"
+      [innerHTML]="svgIcon" 
+      [style.width.px]="size" 
+      [style.height.px]="size"
+      [style.color]="color">
+    </div>
+  `, isInline: true, styles: [".icon{display:flex;align-items:center;justify-content:center}\n"], changeDetection: i0.ChangeDetectionStrategy.Default });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: LcIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lc-icon', template: `
+    <div 
+      class="icon"
+      [innerHTML]="svgIcon" 
+      [style.width.px]="size" 
+      [style.height.px]="size"
+      [style.color]="color">
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.Default, styles: [".icon{display:flex;align-items:center;justify-content:center}\n"] }]
+        }], ctorParameters: function () { return [{ type: SvgIconCacheService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { name: [{
+                type: Input
+            }], category: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+
+class SafeHtmlPipe {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    transform(value) {
+        return this.sanitizer.bypassSecurityTrustHtml(value);
+    }
+}
+SafeHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+SafeHtmlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.6", ngImport: i0, type: SafeHtmlPipe, name: "safeHtml" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SafeHtmlPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'safeHtml'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; } });
+
+class LcIconModule {
+}
+LcIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: LcIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LcIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.6", ngImport: i0, type: LcIconModule, declarations: [LcIconComponent, SafeHtmlPipe], imports: [CommonModule, HttpClientModule], exports: [LcIconComponent] });
+LcIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: LcIconModule, imports: [CommonModule, HttpClientModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: LcIconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [LcIconComponent, SafeHtmlPipe],
+                    imports: [CommonModule, HttpClientModule],
+                    exports: [LcIconComponent]
+                }]
+        }] });
+
+/*
+ * Public API Surface of lc-icons-npm-package
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LcIconComponent, LcIconModule };
+//# sourceMappingURL=loyalty-cloud-ui-icons.mjs.map

package/fesm2015/loyalty-cloud-ui-icons.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loyalty-cloud-ui-icons.mjs","sources":["../../../projects/lc-icons-npm-package/src/lib/svg-icon-cache.service.ts","../../../projects/lc-icons-npm-package/src/lib/lc-icon.component.ts","../../../projects/lc-icons-npm-package/src/lib/safe-html.pipe.ts","../../../projects/lc-icons-npm-package/src/lib/lc-icon.module.ts","../../../projects/lc-icons-npm-package/src/public-api.ts","../../../projects/lc-icons-npm-package/src/loyalty-cloud-ui-icons.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { Observable, of } from 'rxjs';\nimport { map } from 'rxjs/operators';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class SvgIconCacheService {\n  private iconCache = new Map<string, SafeHtml>();\n  disabledColor: string = '#e0e0e0';\n\n  constructor(private sanitizer: DomSanitizer, private http: HttpClient) { }\n\n  registerIcon(name: string, url: string, size: number, color: string, disabled: boolean = false): Observable<SafeHtml> {\n    const cacheKey = `${name}-${size}-${color}-${disabled}`; // Unique cache key\n\n    if (this.iconCache.has(cacheKey)) {\n      return of(this.iconCache.get(cacheKey)!); // Return the cached icon\n    }\n\n    return this.http.get(url, { responseType: 'text' }).pipe(\n      map((svg) => {\n        const parser = new DOMParser();\n        const doc = parser.parseFromString(svg, 'image/svg+xml');\n        const svgElement = doc.querySelector('svg');\n\n        if (svgElement) {\n          // Update size attributes\n          svgElement.setAttribute('width', `${size}`);\n          svgElement.setAttribute('height', `${size}`);\n\n          // Update color only for elements without a 'fill' attribute\n          const elementsToUpdate = svgElement.querySelectorAll('path, circle, rect, polygon, ellipse');\n          elementsToUpdate.forEach((el) => {\n            if (!el.hasAttribute('fill')) {\n              el.setAttribute('fill', disabled ? this.disabledColor : color || 'black');\n            }\n          });\n\n          const serializedSvg = new XMLSerializer().serializeToString(svgElement);\n          const sanitizedSvg = this.sanitizer.bypassSecurityTrustHtml(serializedSvg);\n          this.iconCache.set(cacheKey, sanitizedSvg); // Cache using the unique key\n          return sanitizedSvg;\n        }\n\n        throw new Error(`Invalid SVG content for icon: ${name}`);\n      })\n    );\n  }\n}\n","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, SimpleChanges } from '@angular/core';\nimport { SafeHtml } from '@angular/platform-browser';\nimport { SvgIconCacheService } from './svg-icon-cache.service';\n\n@Component({\n  selector: 'lc-icon',\n  template: `\n    <div \n      class=\"icon\"\n      [innerHTML]=\"svgIcon\" \n      [style.width.px]=\"size\" \n      [style.height.px]=\"size\"\n      [style.color]=\"color\">\n    </div>\n  `,\n  styleUrls: [\n    'lc-icon.component.scss'\n  ],\n  changeDetection: ChangeDetectionStrategy.Default\n})\nexport class LcIconComponent implements OnInit {\n  @Input() name: string = '';\n  @Input() category: string = '';\n  @Input() size: number = 24;\n  @Input() color: string = 'black';\n  @Input() disabled: boolean = false;\n\n  svgIcon: SafeHtml | null | undefined = null;\n  disabledColor: string = '#e0e0e0';\n\n  constructor(\n    private iconRegistry: SvgIconCacheService,\n    private cdr: ChangeDetectorRef\n  ) { }\n\n  ngOnChanges(changes: SimpleChanges) {\n    this.loadIcon();\n  }\n\n  ngOnInit() {\n    this.loadIcon();\n  }\n\n  private loadIcon() {\n    if (!this.name) {\n      console.warn('Icon name is required.');\n      this.svgIcon = null;\n      return;\n    }\n\n    const iconPath = this.category\n      ? `../assets/icons/${this.category}/${this.name}.svg`\n      : `../assets/icons/${this.name}.svg`;\n\n    this.iconRegistry\n      .registerIcon(this.name, iconPath, this.size, this.color, this.disabled) // Dynamically register and fetch the icon\n      .subscribe(\n        (icon) => {\n          this.svgIcon = icon;\n          this.cdr.detectChanges();\n        },\n        (error) => {\n          console.error(`Error loading icon \"${this.name}\":`, error);\n        }\n      );\n  }\n}\n\n\n\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n\n@Pipe({\n  name: 'safeHtml'\n})\nexport class SafeHtmlPipe implements PipeTransform {\n  constructor(private sanitizer: DomSanitizer) {}\n\n  transform(value: string): SafeHtml {\n    return this.sanitizer.bypassSecurityTrustHtml(value);\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { LcIconComponent } from './lc-icon.component';\nimport { SafeHtmlPipe } from './safe-html.pipe';\nimport { HttpClientModule } from '@angular/common/http';\n\n\n@NgModule({\n  declarations: [LcIconComponent, SafeHtmlPipe],\n  imports: [CommonModule, HttpClientModule],\n  exports: [LcIconComponent]\n})\nexport class LcIconModule {}\n","/*\n * Public API Surface of lc-icons-npm-package\n */\n\nexport * from './lib/lc-icon.module';\nexport * from './lib/lc-icon.component';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.SvgIconCacheService"],"mappings":"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"}