@ardium-ui/ui 1.0.2 → 2.0.1

package/esm2022/lib/icon/icon.component.mjs

@@ -1,85 +1,50 @@
-import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation, ViewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, input, viewChild, } from '@angular/core';
 import { coerceBooleanProperty, coerceNumberProperty } from '@ardium-ui/devkit';
 import { isDefined } from 'simple-bool';
 import * as i0 from "@angular/core";
 import * as i1 from "./icon.pipe";
 export class ArdiumIconComponent {
     constructor() {
-        this._isMemoUpToDate = false;
-        this._fontVariationMemo = this.fontVariationSettings;
-    }
-    get filled() {
-        return this._filled;
-    }
-    set filled(v) {
-        this._filled = coerceBooleanProperty(v);
-        this._isMemoUpToDate = false;
-    }
-    get weight() {
-        return this._weight;
-    }
-    set weight(v) {
-        this._weight = coerceNumberProperty(v, 400);
-        this._isMemoUpToDate = false;
-    }
-    get grade() {
-        return this._grade;
-    }
-    set grade(v) {
-        this._grade = coerceNumberProperty(v, 0);
-        this._isMemoUpToDate = false;
-    }
-    get opticalSize() {
-        return this._opticalSize;
-    }
-    set opticalSize(v) {
-        this._opticalSize = coerceNumberProperty(v, 40);
-        this._isMemoUpToDate = false;
-    }
-    get fontVariationSettings() {
-        if (!this._isMemoUpToDate) {
-            this._isMemoUpToDate = true;
+        this.ariaLabel = input('');
+        this.icon = input(undefined);
+        this.filled = input(false, { transform: v => coerceBooleanProperty(v) });
+        this.weight = input(400, {
+            transform: v => coerceNumberProperty(v, 400),
+        });
+        this.grade = input(0, {
+            transform: v => coerceNumberProperty(v, 0),
+        });
+        this.opticalSize = input(40, {
+            transform: v => coerceNumberProperty(v, 40),
+        });
+        this.fontVariationSettings = computed(() => {
             //map values to different properties defined by google icons
-            let propObject = {
-                FILL: isDefined(this.filled) ? Number(this.filled) : undefined,
-                wght: this.weight,
-                GRAD: this.grade,
-                opsz: this.opticalSize,
+            const propObject = {
+                FILL: isDefined(this.filled()) ? Number(this.filled()) : undefined,
+                wght: this.weight(),
+                GRAD: this.grade(),
+                opsz: this.opticalSize(),
             };
             //map the object to an array of strings
-            let propObjectAsArray = Object.entries(propObject) //object to array
+            const propObjectAsArray = Object.entries(propObject) //object to array
                 .filter(v => isDefined(v[1])) //filter undefined values
                 .map(v => `"${v[0]}" ${v[1]}`) //map key-value pairs to strings
                 .flat(); //flatten
             //create the final string only if any of the properties are defined
-            this._fontVariationMemo = propObjectAsArray.length === 0 ? '' : ['font-variation-settings: ', ...propObjectAsArray].join('');
-        }
-        return this._fontVariationMemo;
+            return propObjectAsArray.length === 0 ? '' : ['font-variation-settings: ', propObjectAsArray.join(', ')].join('');
+        });
+        this.contentWrapper = viewChild('contentWrapperEl');
     }
     ngAfterViewInit() {
-        if (!this.icon && !this.contentWrapper.nativeElement.innerText)
-            console.warn(`Using <ard-icon> without specifying the [icon] field.`);
+        if (!this.icon() && !this.contentWrapper()?.nativeElement.innerText) {
+            console.warn(`ARD-FT9000: Using <ard-icon> without specifying the [icon] field.`);
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: ArdiumIconComponent, selector: "ard-icon", inputs: { ariaLabel: "ariaLabel", icon: "icon", filled: "filled", weight: "weight", grade: "grade", opticalSize: "opticalSize" }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }], ngImport: i0, template: "<span class=\"ard-icon material-symbols-outlined\"\r\n    [attr.aria-hidden]=\"ariaLabel != undefined\"\r\n    [attr.aria-label]=\"ariaLabel\"\r\n    [style]=\"fontVariationSettings\"\r\n>\r\n    {{ icon ?? contentWrapper.innerText | icon }}\r\n</span>\r\n\r\n\r\n<div #contentWrapper class=\"ard-icon-content-wrapper\">\r\n    <ng-content></ng-content>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200\";ard-icon{font-variation-settings:\"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 48;font-size:1.5em;width:1em;height:1em;display:inline-block;-webkit-user-select:none;user-select:none;background-repeat:no-repeat;fill:currentColor;overflow:hidden;flex-shrink:0}ard-icon .ard-icon{font-variation-settings:inherit;font-size:inherit}ard-icon .ard-icon-content-wrapper{display:none}\n"], dependencies: [{ kind: "pipe", type: i1.ArdiumIconPipe, name: "icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.2", type: ArdiumIconComponent, selector: "ard-icon", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, filled: { classPropertyName: "filled", publicName: "filled", isSignal: true, isRequired: false, transformFunction: null }, weight: { classPropertyName: "weight", publicName: "weight", isSignal: true, isRequired: false, transformFunction: null }, grade: { classPropertyName: "grade", publicName: "grade", isSignal: true, isRequired: false, transformFunction: null }, opticalSize: { classPropertyName: "opticalSize", publicName: "opticalSize", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapperEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<span\n  class=\"ard-icon material-symbols-outlined\"\n  [attr.aria-hidden]=\"ariaLabel() !== undefined\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [style]=\"fontVariationSettings()\"\n>\n  {{ icon() ?? contentWrapperEl.innerText | icon }}\n</span>\n\n<div\n  #contentWrapperEl\n  class=\"ard-icon-content-wrapper\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200\";ard-icon{font-variation-settings:\"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 48;font-size:1.5em;width:1em;height:1em;display:inline-block;-webkit-user-select:none;user-select:none;background-repeat:no-repeat;fill:currentColor;overflow:hidden;flex-shrink:0}ard-icon .ard-icon{font-variation-settings:inherit;font-size:inherit}ard-icon .ard-icon-content-wrapper{display:none}\n"], dependencies: [{ kind: "pipe", type: i1.ArdiumIconPipe, name: "icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumIconComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ard-icon', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"ard-icon material-symbols-outlined\"\r\n    [attr.aria-hidden]=\"ariaLabel != undefined\"\r\n    [attr.aria-label]=\"ariaLabel\"\r\n    [style]=\"fontVariationSettings\"\r\n>\r\n    {{ icon ?? contentWrapper.innerText | icon }}\r\n</span>\r\n\r\n\r\n<div #contentWrapper class=\"ard-icon-content-wrapper\">\r\n    <ng-content></ng-content>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200\";ard-icon{font-variation-settings:\"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 48;font-size:1.5em;width:1em;height:1em;display:inline-block;-webkit-user-select:none;user-select:none;background-repeat:no-repeat;fill:currentColor;overflow:hidden;flex-shrink:0}ard-icon .ard-icon{font-variation-settings:inherit;font-size:inherit}ard-icon .ard-icon-content-wrapper{display:none}\n"] }]
-        }], propDecorators: { ariaLabel: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], filled: [{
-                type: Input
-            }], weight: [{
-                type: Input
-            }], grade: [{
-                type: Input
-            }], opticalSize: [{
-                type: Input
-            }], contentWrapper: [{
-                type: ViewChild,
-                args: ['contentWrapper']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2ljb24vaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2ljb24vaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBaUIsU0FBUyxFQUFjLE1BQU0sZUFBZSxDQUFDO0FBQ25JLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2hGLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxhQUFhLENBQUM7OztBQWtCeEMsTUFBTSxPQUFPLG1CQUFtQjtJQVBoQztRQW1EVSxvQkFBZSxHQUFHLEtBQUssQ0FBQztRQUN4Qix1QkFBa0IsR0FBVyxJQUFJLENBQUMscUJBQXFCLENBQUM7S0E2QmpFO0lBckVDLElBQ0ksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBQ0QsSUFBSSxNQUFNLENBQUMsQ0FBTTtRQUNmLElBQUksQ0FBQyxPQUFPLEdBQUcscUJBQXFCLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDeEMsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUM7SUFDL0IsQ0FBQztJQUdELElBQ0ksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBQ0QsSUFBSSxNQUFNLENBQUMsQ0FBMEM7UUFDbkQsSUFBSSxDQUFDLE9BQU8sR0FBRyxvQkFBb0IsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFpQixDQUFDO1FBQzVELElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO0lBQy9CLENBQUM7SUFHRCxJQUNJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUNELElBQUksS0FBSyxDQUFDLENBQXdDO1FBQ2hELElBQUksQ0FBQyxNQUFNLEdBQUcsb0JBQW9CLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBZ0IsQ0FBQztRQUN4RCxJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztJQUMvQixDQUFDO0lBR0QsSUFDSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzNCLENBQUM7SUFDRCxJQUFJLFdBQVcsQ0FBQyxDQUFvRDtRQUNsRSxJQUFJLENBQUMsWUFBWSxHQUFHLG9CQUFvQixDQUFDLENBQUMsRUFBRSxFQUFFLENBQXNCLENBQUM7UUFDckUsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUM7SUFDL0IsQ0FBQztJQUtELElBQUkscUJBQXFCO1FBQ3ZCLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFO1lBQ3pCLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO1lBQzVCLDREQUE0RDtZQUM1RCxJQUFJLFVBQVUsR0FBRztnQkFDZixJQUFJLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUztnQkFDOUQsSUFBSSxFQUFFLElBQUksQ0FBQyxNQUFNO2dCQUNqQixJQUFJLEVBQUUsSUFBSSxDQUFDLEtBQUs7Z0JBQ2hCLElBQUksRUFBRSxJQUFJLENBQUMsV0FBVzthQUN2QixDQUFDO1lBQ0YsdUNBQXVDO1lBQ3ZDLElBQUksaUJBQWlCLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsQ0FBQyxpQkFBaUI7aUJBQ2pFLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLHlCQUF5QjtpQkFDdEQsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxnQ0FBZ0M7aUJBQzlELElBQUksRUFBRSxDQUFDLENBQUMsU0FBUztZQUVwQixtRUFBbUU7WUFDbkUsSUFBSSxDQUFDLGtCQUFrQixHQUFHLGlCQUFpQixDQUFDLE1BQU0sS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQywyQkFBMkIsRUFBRSxHQUFHLGlCQUFpQixDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1NBQzlIO1FBQ0QsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUM7SUFDakMsQ0FBQztJQUlELGVBQWU7UUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsYUFBYSxDQUFDLFNBQVM7WUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLHVEQUF1RCxDQUFDLENBQUM7SUFDeEksQ0FBQzs4R0F6RVUsbUJBQW1CO2tHQUFuQixtQkFBbUIsb1NDcEJoQyw2V0FXTTs7MkZEU08sbUJBQW1CO2tCQVAvQixTQUFTOytCQUNFLFVBQVUsaUJBR0wsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBSUYsTUFBTTtzQkFEVCxLQUFLO2dCQVdGLE1BQU07c0JBRFQsS0FBSztnQkFXRixLQUFLO3NCQURSLEtBQUs7Z0JBV0YsV0FBVztzQkFEZCxLQUFLO2dCQWtDdUIsY0FBYztzQkFBMUMsU0FBUzt1QkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24sIEFmdGVyVmlld0luaXQsIFZpZXdDaGlsZCwgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhblByb3BlcnR5LCBjb2VyY2VOdW1iZXJQcm9wZXJ0eSB9IGZyb20gJ0BhcmRpdW0tdWkvZGV2a2l0JztcbmltcG9ydCB7IGlzRGVmaW5lZCB9IGZyb20gJ3NpbXBsZS1ib29sJztcblxudHlwZSBXZWlnaHROdW1iZXIgPSAxMDAgfCAyMDAgfCAzMDAgfCA0MDAgfCA1MDAgfCA2MDAgfCA3MDAgfCA4MDAgfCA5MDA7XG50eXBlIFdlaWdodFN0cmluZyA9ICcxMDAnIHwgJzIwMCcgfCAnMzAwJyB8ICc0MDAnIHwgJzUwMCcgfCAnNjAwJyB8ICc3MDAnIHwgJzgwMCcgfCAnOTAwJztcblxudHlwZSBHcmFkZU51bWJlciA9IC0yNSB8IDAgfCAyMDA7XG50eXBlIEdyYWRlU3RyaW5nID0gJy0yNScgfCAnMCcgfCAnMjAwJztcblxudHlwZSBPcHRpY2FsU2l6ZU51bWJlciA9IDIwIHwgMjQgfCA0MCB8IDQ4O1xudHlwZSBPcHRpY2FsU2l6ZVN0cmluZyA9ICcyMCcgfCAnMjQnIHwgJzQwJyB8ICc0OCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FyZC1pY29uJyxcbiAgdGVtcGxhdGVVcmw6IGAuL2ljb24uY29tcG9uZW50Lmh0bWxgLFxuICBzdHlsZVVybHM6IFsnLi9pY29uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBcmRpdW1JY29uQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBJbnB1dCgpIGFyaWFMYWJlbD86IHN0cmluZztcbiAgQElucHV0KCkgaWNvbj86IHN0cmluZyB8IG51bGw7XG5cbiAgcHJpdmF0ZSBfZmlsbGVkPzogYm9vbGVhbjtcbiAgQElucHV0KClcbiAgZ2V0IGZpbGxlZCgpOiBib29sZWFuIHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gdGhpcy5fZmlsbGVkO1xuICB9XG4gIHNldCBmaWxsZWQodjogYW55KSB7XG4gICAgdGhpcy5fZmlsbGVkID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHYpO1xuICAgIHRoaXMuX2lzTWVtb1VwVG9EYXRlID0gZmFsc2U7XG4gIH1cblxuICBwcml2YXRlIF93ZWlnaHQ/OiBXZWlnaHROdW1iZXI7XG4gIEBJbnB1dCgpXG4gIGdldCB3ZWlnaHQoKTogV2VpZ2h0TnVtYmVyIHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gdGhpcy5fd2VpZ2h0O1xuICB9XG4gIHNldCB3ZWlnaHQodjogV2VpZ2h0TnVtYmVyIHwgV2VpZ2h0U3RyaW5nIHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy5fd2VpZ2h0ID0gY29lcmNlTnVtYmVyUHJvcGVydHkodiwgNDAwKSBhcyBXZWlnaHROdW1iZXI7XG4gICAgdGhpcy5faXNNZW1vVXBUb0RhdGUgPSBmYWxzZTtcbiAgfVxuXG4gIHByaXZhdGUgX2dyYWRlPzogR3JhZGVOdW1iZXI7XG4gIEBJbnB1dCgpXG4gIGdldCBncmFkZSgpOiBHcmFkZU51bWJlciB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuX2dyYWRlO1xuICB9XG4gIHNldCBncmFkZSh2OiBHcmFkZU51bWJlciB8IEdyYWRlU3RyaW5nIHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy5fZ3JhZGUgPSBjb2VyY2VOdW1iZXJQcm9wZXJ0eSh2LCAwKSBhcyBHcmFkZU51bWJlcjtcbiAgICB0aGlzLl9pc01lbW9VcFRvRGF0ZSA9IGZhbHNlO1xuICB9XG5cbiAgcHJpdmF0ZSBfb3B0aWNhbFNpemU/OiBPcHRpY2FsU2l6ZU51bWJlcjtcbiAgQElucHV0KClcbiAgZ2V0IG9wdGljYWxTaXplKCk6IE9wdGljYWxTaXplTnVtYmVyIHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gdGhpcy5fb3B0aWNhbFNpemU7XG4gIH1cbiAgc2V0IG9wdGljYWxTaXplKHY6IE9wdGljYWxTaXplTnVtYmVyIHwgT3B0aWNhbFNpemVTdHJpbmcgfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLl9vcHRpY2FsU2l6ZSA9IGNvZXJjZU51bWJlclByb3BlcnR5KHYsIDQwKSBhcyBPcHRpY2FsU2l6ZU51bWJlcjtcbiAgICB0aGlzLl9pc01lbW9VcFRvRGF0ZSA9IGZhbHNlO1xuICB9XG5cbiAgcHJpdmF0ZSBfaXNNZW1vVXBUb0RhdGUgPSBmYWxzZTtcbiAgcHJpdmF0ZSBfZm9udFZhcmlhdGlvbk1lbW86IHN0cmluZyA9IHRoaXMuZm9udFZhcmlhdGlvblNldHRpbmdzO1xuXG4gIGdldCBmb250VmFyaWF0aW9uU2V0dGluZ3MoKTogc3RyaW5nIHtcbiAgICBpZiAoIXRoaXMuX2lzTWVtb1VwVG9EYXRlKSB7XG4gICAgICB0aGlzLl9pc01lbW9VcFRvRGF0ZSA9IHRydWU7XG4gICAgICAvL21hcCB2YWx1ZXMgdG8gZGlmZmVyZW50IHByb3BlcnRpZXMgZGVmaW5lZCBieSBnb29nbGUgaWNvbnNcbiAgICAgIGxldCBwcm9wT2JqZWN0ID0ge1xuICAgICAgICBGSUxMOiBpc0RlZmluZWQodGhpcy5maWxsZWQpID8gTnVtYmVyKHRoaXMuZmlsbGVkKSA6IHVuZGVmaW5lZCxcbiAgICAgICAgd2dodDogdGhpcy53ZWlnaHQsXG4gICAgICAgIEdSQUQ6IHRoaXMuZ3JhZGUsXG4gICAgICAgIG9wc3o6IHRoaXMub3B0aWNhbFNpemUsXG4gICAgICB9O1xuICAgICAgLy9tYXAgdGhlIG9iamVjdCB0byBhbiBhcnJheSBvZiBzdHJpbmdzXG4gICAgICBsZXQgcHJvcE9iamVjdEFzQXJyYXkgPSBPYmplY3QuZW50cmllcyhwcm9wT2JqZWN0KSAvL29iamVjdCB0byBhcnJheVxuICAgICAgICAuZmlsdGVyKHYgPT4gaXNEZWZpbmVkKHZbMV0pKSAvL2ZpbHRlciB1bmRlZmluZWQgdmFsdWVzXG4gICAgICAgIC5tYXAodiA9PiBgXCIke3ZbMF19XCIgJHt2WzFdfWApIC8vbWFwIGtleS12YWx1ZSBwYWlycyB0byBzdHJpbmdzXG4gICAgICAgIC5mbGF0KCk7IC8vZmxhdHRlblxuXG4gICAgICAvL2NyZWF0ZSB0aGUgZmluYWwgc3RyaW5nIG9ubHkgaWYgYW55IG9mIHRoZSBwcm9wZXJ0aWVzIGFyZSBkZWZpbmVkXG4gICAgICB0aGlzLl9mb250VmFyaWF0aW9uTWVtbyA9IHByb3BPYmplY3RBc0FycmF5Lmxlbmd0aCA9PT0gMCA/ICcnIDogWydmb250LXZhcmlhdGlvbi1zZXR0aW5nczogJywgLi4ucHJvcE9iamVjdEFzQXJyYXldLmpvaW4oJycpO1xuICAgIH1cbiAgICByZXR1cm4gdGhpcy5fZm9udFZhcmlhdGlvbk1lbW87XG4gIH1cblxuICBAVmlld0NoaWxkKCdjb250ZW50V3JhcHBlcicpIGNvbnRlbnRXcmFwcGVyITogRWxlbWVudFJlZjxIVE1MRWxlbWVudD47XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5pY29uICYmICF0aGlzLmNvbnRlbnRXcmFwcGVyLm5hdGl2ZUVsZW1lbnQuaW5uZXJUZXh0KSBjb25zb2xlLndhcm4oYFVzaW5nIDxhcmQtaWNvbj4gd2l0aG91dCBzcGVjaWZ5aW5nIHRoZSBbaWNvbl0gZmllbGQuYCk7XG4gIH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwiYXJkLWljb24gbWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZFwiXHJcbiAgICBbYXR0ci5hcmlhLWhpZGRlbl09XCJhcmlhTGFiZWwgIT0gdW5kZWZpbmVkXCJcclxuICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsXCJcclxuICAgIFtzdHlsZV09XCJmb250VmFyaWF0aW9uU2V0dGluZ3NcIlxyXG4+XHJcbiAgICB7eyBpY29uID8/IGNvbnRlbnRXcmFwcGVyLmlubmVyVGV4dCB8IGljb24gfX1cclxuPC9zcGFuPlxyXG5cclxuXHJcbjxkaXYgI2NvbnRlbnRXcmFwcGVyIGNsYXNzPVwiYXJkLWljb24tY29udGVudC13cmFwcGVyXCI+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvZGl2PiJdfQ==
+            args: [{ selector: 'ard-icon', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n  class=\"ard-icon material-symbols-outlined\"\n  [attr.aria-hidden]=\"ariaLabel() !== undefined\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [style]=\"fontVariationSettings()\"\n>\n  {{ icon() ?? contentWrapperEl.innerText | icon }}\n</span>\n\n<div\n  #contentWrapperEl\n  class=\"ard-icon-content-wrapper\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200\";ard-icon{font-variation-settings:\"FILL\" 0,\"wght\" 400,\"GRAD\" 0,\"opsz\" 48;font-size:1.5em;width:1em;height:1em;display:inline-block;-webkit-user-select:none;user-select:none;background-repeat:no-repeat;fill:currentColor;overflow:hidden;flex-shrink:0}ard-icon .ard-icon{font-variation-settings:inherit;font-size:inherit}ard-icon .ard-icon-content-wrapper{display:none}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2ljb24vaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2ljb24vaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFFVCxpQkFBaUIsRUFDakIsUUFBUSxFQUNSLEtBQUssRUFDTCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHFCQUFxQixFQUFFLG9CQUFvQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDaEYsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7O0FBbUJ4QyxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBUVcsY0FBUyxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUM5QixTQUFJLEdBQUcsS0FBSyxDQUFtQixTQUFTLENBQUMsQ0FBQztRQUUxQyxXQUFNLEdBQUcsS0FBSyxDQUFlLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNsRixXQUFNLEdBQUcsS0FBSyxDQUFrRSxHQUFHLEVBQUU7WUFDNUYsU0FBUyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBaUI7U0FDN0QsQ0FBQyxDQUFDO1FBQ00sVUFBSyxHQUFHLEtBQUssQ0FBK0QsQ0FBQyxFQUFFO1lBQ3RGLFNBQVMsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLG9CQUFvQixDQUFDLENBQUMsRUFBRSxDQUFDLENBQWdCO1NBQzFELENBQUMsQ0FBQztRQUNNLGdCQUFXLEdBQUcsS0FBSyxDQUFpRixFQUFFLEVBQUU7WUFDL0csU0FBUyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBc0I7U0FDakUsQ0FBQyxDQUFDO1FBRU0sMEJBQXFCLEdBQUcsUUFBUSxDQUFTLEdBQUcsRUFBRTtZQUNyRCw0REFBNEQ7WUFDNUQsTUFBTSxVQUFVLEdBQUc7Z0JBQ2pCLElBQUksRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUztnQkFDbEUsSUFBSSxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUU7Z0JBQ25CLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFO2dCQUNsQixJQUFJLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRTthQUN6QixDQUFDO1lBQ0YsdUNBQXVDO1lBQ3ZDLE1BQU0saUJBQWlCLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsQ0FBQyxpQkFBaUI7aUJBQ25FLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLHlCQUF5QjtpQkFDdEQsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxnQ0FBZ0M7aUJBQzlELElBQUksRUFBRSxDQUFDLENBQUMsU0FBUztZQUVwQixtRUFBbUU7WUFDbkUsT0FBTyxpQkFBaUIsQ0FBQyxNQUFNLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsMkJBQTJCLEVBQUUsaUJBQWlCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3BILENBQUMsQ0FBQyxDQUFDO1FBRU0sbUJBQWMsR0FBRyxTQUFTLENBQTBCLGtCQUFrQixDQUFDLENBQUM7S0FPbEY7SUFMQyxlQUFlO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsRUFBRSxhQUFhLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDcEUsT0FBTyxDQUFDLElBQUksQ0FBQyxtRUFBbUUsQ0FBQyxDQUFDO1FBQ3BGLENBQUM7SUFDSCxDQUFDOzhHQXZDVSxtQkFBbUI7a0dBQW5CLG1CQUFtQixpN0JDOUJoQyxxV0FlQTs7MkZEZWEsbUJBQW1CO2tCQVAvQixTQUFTOytCQUNFLFVBQVUsaUJBR0wsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBjb21wdXRlZCxcbiAgaW5wdXQsXG4gIHZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHksIGNvZXJjZU51bWJlclByb3BlcnR5IH0gZnJvbSAnQGFyZGl1bS11aS9kZXZraXQnO1xuaW1wb3J0IHsgaXNEZWZpbmVkIH0gZnJvbSAnc2ltcGxlLWJvb2wnO1xuaW1wb3J0IHsgTnVsbGFibGUgfSBmcm9tICcuLi90eXBlcy91dGlsaXR5LnR5cGVzJztcblxudHlwZSBXZWlnaHROdW1iZXIgPSAxMDAgfCAyMDAgfCAzMDAgfCA0MDAgfCA1MDAgfCA2MDAgfCA3MDAgfCA4MDAgfCA5MDA7XG50eXBlIFdlaWdodFN0cmluZyA9ICcxMDAnIHwgJzIwMCcgfCAnMzAwJyB8ICc0MDAnIHwgJzUwMCcgfCAnNjAwJyB8ICc3MDAnIHwgJzgwMCcgfCAnOTAwJztcblxudHlwZSBHcmFkZU51bWJlciA9IC0yNSB8IDAgfCAyMDA7XG50eXBlIEdyYWRlU3RyaW5nID0gJy0yNScgfCAnMCcgfCAnMjAwJztcblxudHlwZSBPcHRpY2FsU2l6ZU51bWJlciA9IDIwIHwgMjQgfCA0MCB8IDQ4O1xudHlwZSBPcHRpY2FsU2l6ZVN0cmluZyA9ICcyMCcgfCAnMjQnIHwgJzQwJyB8ICc0OCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FyZC1pY29uJyxcbiAgdGVtcGxhdGVVcmw6IGAuL2ljb24uY29tcG9uZW50Lmh0bWxgLFxuICBzdHlsZVVybHM6IFsnLi9pY29uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBcmRpdW1JY29uQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIHJlYWRvbmx5IGFyaWFMYWJlbCA9IGlucHV0PHN0cmluZz4oJycpO1xuICByZWFkb25seSBpY29uID0gaW5wdXQ8TnVsbGFibGU8c3RyaW5nPj4odW5kZWZpbmVkKTtcblxuICByZWFkb25seSBmaWxsZWQgPSBpbnB1dDxib29sZWFuLCBhbnk+KGZhbHNlLCB7IHRyYW5zZm9ybTogdiA9PiBjb2VyY2VCb29sZWFuUHJvcGVydHkodikgfSk7XG4gIHJlYWRvbmx5IHdlaWdodCA9IGlucHV0PFdlaWdodE51bWJlciB8IHVuZGVmaW5lZCwgTnVsbGFibGU8V2VpZ2h0TnVtYmVyIHwgV2VpZ2h0U3RyaW5nPj4oNDAwLCB7XG4gICAgdHJhbnNmb3JtOiB2ID0+IGNvZXJjZU51bWJlclByb3BlcnR5KHYsIDQwMCkgYXMgV2VpZ2h0TnVtYmVyLFxuICB9KTtcbiAgcmVhZG9ubHkgZ3JhZGUgPSBpbnB1dDxHcmFkZU51bWJlciB8IHVuZGVmaW5lZCwgTnVsbGFibGU8R3JhZGVOdW1iZXIgfCBHcmFkZVN0cmluZz4+KDAsIHtcbiAgICB0cmFuc2Zvcm06IHYgPT4gY29lcmNlTnVtYmVyUHJvcGVydHkodiwgMCkgYXMgR3JhZGVOdW1iZXIsXG4gIH0pO1xuICByZWFkb25seSBvcHRpY2FsU2l6ZSA9IGlucHV0PE9wdGljYWxTaXplTnVtYmVyIHwgdW5kZWZpbmVkLCBOdWxsYWJsZTxPcHRpY2FsU2l6ZU51bWJlciB8IE9wdGljYWxTaXplU3RyaW5nPj4oNDAsIHtcbiAgICB0cmFuc2Zvcm06IHYgPT4gY29lcmNlTnVtYmVyUHJvcGVydHkodiwgNDApIGFzIE9wdGljYWxTaXplTnVtYmVyLFxuICB9KTtcblxuICByZWFkb25seSBmb250VmFyaWF0aW9uU2V0dGluZ3MgPSBjb21wdXRlZDxzdHJpbmc+KCgpID0+IHtcbiAgICAvL21hcCB2YWx1ZXMgdG8gZGlmZmVyZW50IHByb3BlcnRpZXMgZGVmaW5lZCBieSBnb29nbGUgaWNvbnNcbiAgICBjb25zdCBwcm9wT2JqZWN0ID0ge1xuICAgICAgRklMTDogaXNEZWZpbmVkKHRoaXMuZmlsbGVkKCkpID8gTnVtYmVyKHRoaXMuZmlsbGVkKCkpIDogdW5kZWZpbmVkLFxuICAgICAgd2dodDogdGhpcy53ZWlnaHQoKSxcbiAgICAgIEdSQUQ6IHRoaXMuZ3JhZGUoKSxcbiAgICAgIG9wc3o6IHRoaXMub3B0aWNhbFNpemUoKSxcbiAgICB9O1xuICAgIC8vbWFwIHRoZSBvYmplY3QgdG8gYW4gYXJyYXkgb2Ygc3RyaW5nc1xuICAgIGNvbnN0IHByb3BPYmplY3RBc0FycmF5ID0gT2JqZWN0LmVudHJpZXMocHJvcE9iamVjdCkgLy9vYmplY3QgdG8gYXJyYXlcbiAgICAgIC5maWx0ZXIodiA9PiBpc0RlZmluZWQodlsxXSkpIC8vZmlsdGVyIHVuZGVmaW5lZCB2YWx1ZXNcbiAgICAgIC5tYXAodiA9PiBgXCIke3ZbMF19XCIgJHt2WzFdfWApIC8vbWFwIGtleS12YWx1ZSBwYWlycyB0byBzdHJpbmdzXG4gICAgICAuZmxhdCgpOyAvL2ZsYXR0ZW5cblxuICAgIC8vY3JlYXRlIHRoZSBmaW5hbCBzdHJpbmcgb25seSBpZiBhbnkgb2YgdGhlIHByb3BlcnRpZXMgYXJlIGRlZmluZWRcbiAgICByZXR1cm4gcHJvcE9iamVjdEFzQXJyYXkubGVuZ3RoID09PSAwID8gJycgOiBbJ2ZvbnQtdmFyaWF0aW9uLXNldHRpbmdzOiAnLCBwcm9wT2JqZWN0QXNBcnJheS5qb2luKCcsICcpXS5qb2luKCcnKTtcbiAgfSk7XG5cbiAgcmVhZG9ubHkgY29udGVudFdyYXBwZXIgPSB2aWV3Q2hpbGQ8RWxlbWVudFJlZjxIVE1MRWxlbWVudD4+KCdjb250ZW50V3JhcHBlckVsJyk7XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5pY29uKCkgJiYgIXRoaXMuY29udGVudFdyYXBwZXIoKT8ubmF0aXZlRWxlbWVudC5pbm5lclRleHQpIHtcbiAgICAgIGNvbnNvbGUud2FybihgQVJELUZUOTAwMDogVXNpbmcgPGFyZC1pY29uPiB3aXRob3V0IHNwZWNpZnlpbmcgdGhlIFtpY29uXSBmaWVsZC5gKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxzcGFuXG4gIGNsYXNzPVwiYXJkLWljb24gbWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZFwiXG4gIFthdHRyLmFyaWEtaGlkZGVuXT1cImFyaWFMYWJlbCgpICE9PSB1bmRlZmluZWRcIlxuICBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbCgpXCJcbiAgW3N0eWxlXT1cImZvbnRWYXJpYXRpb25TZXR0aW5ncygpXCJcbj5cbiAge3sgaWNvbigpID8/IGNvbnRlbnRXcmFwcGVyRWwuaW5uZXJUZXh0IHwgaWNvbiB9fVxuPC9zcGFuPlxuXG48ZGl2XG4gICNjb250ZW50V3JhcHBlckVsXG4gIGNsYXNzPVwiYXJkLWljb24tY29udGVudC13cmFwcGVyXCJcbj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/icon/icon.module.mjs

@@ -4,11 +4,11 @@ import { ArdiumIconComponent } from './icon.component';
 import { ArdiumIconPipe } from './icon.pipe';
 import * as i0 from "@angular/core";
 export class ArdiumIconModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: ArdiumIconModule, declarations: [ArdiumIconComponent, ArdiumIconPipe], imports: [CommonModule], exports: [ArdiumIconComponent, ArdiumIconPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumIconModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: ArdiumIconModule, declarations: [ArdiumIconComponent, ArdiumIconPipe], imports: [CommonModule], exports: [ArdiumIconComponent, ArdiumIconPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumIconModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumIconModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumIconModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ArdiumIconComponent, ArdiumIconPipe],

package/esm2022/lib/icon/icon.pipe.mjs

@@ -6,10 +6,10 @@ export class ArdiumIconPipe {
         value = value.replace(/[ -]/g, '_');
         return value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: ArdiumIconPipe, name: "icon" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: ArdiumIconPipe, name: "icon" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumIconPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdiumIconPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'icon',

package/esm2022/lib/icon/index.mjs

@@ -0,0 +1,4 @@
+export * from './icon.module';
+export * from './icon.component';
+export * from './icon.pipe';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2ljb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGFBQWEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vaWNvbi5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9pY29uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2ljb24ucGlwZSc7XG4iXX0=

package/esm2022/lib/inputs/color-input/color-input.directives.mjs

@@ -4,10 +4,10 @@ export class ArdColorInputPlaceholderTemplateDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdColorInputPlaceholderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: ArdColorInputPlaceholderTemplateDirective, selector: "ard-color-input > ng-template[ard-placeholder-tmp]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdColorInputPlaceholderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", type: ArdColorInputPlaceholderTemplateDirective, selector: "ard-color-input > ng-template[ard-placeholder-tmp]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdColorInputPlaceholderTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdColorInputPlaceholderTemplateDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'ard-color-input > ng-template[ard-placeholder-tmp]' }]
         }], ctorParameters: () => [{ type: i0.TemplateRef }] });
@@ -15,10 +15,10 @@ export class ArdColorInputPrefixTemplateDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdColorInputPrefixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: ArdColorInputPrefixTemplateDirective, selector: "ard-color-input > ng-template[ard-prefix-tmp]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdColorInputPrefixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", type: ArdColorInputPrefixTemplateDirective, selector: "ard-color-input > ng-template[ard-prefix-tmp]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdColorInputPrefixTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdColorInputPrefixTemplateDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'ard-color-input > ng-template[ard-prefix-tmp]' }]
         }], ctorParameters: () => [{ type: i0.TemplateRef }] });
@@ -26,10 +26,10 @@ export class ArdColorInputSuffixTemplateDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdColorInputSuffixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: ArdColorInputSuffixTemplateDirective, selector: "ard-color-input > ng-template[ard-suffix-tmp]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdColorInputSuffixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", type: ArdColorInputSuffixTemplateDirective, selector: "ard-color-input > ng-template[ard-suffix-tmp]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdColorInputSuffixTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdColorInputSuffixTemplateDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'ard-color-input > ng-template[ard-suffix-tmp]' }]
         }], ctorParameters: () => [{ type: i0.TemplateRef }] });
@@ -38,10 +38,10 @@ export class ArdColorInputShadeIndicatorTemplateDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdColorInputShadeIndicatorTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: ArdColorInputShadeIndicatorTemplateDirective, selector: "ard-color-input > ng-template[ard-shade-indicator-tmp]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdColorInputShadeIndicatorTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", type: ArdColorInputShadeIndicatorTemplateDirective, selector: "ard-color-input > ng-template[ard-shade-indicator-tmp]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdColorInputShadeIndicatorTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdColorInputShadeIndicatorTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ard-color-input > ng-template[ard-shade-indicator-tmp]',
@@ -51,10 +51,10 @@ export class ArdColorInputHueIndicatorTemplateDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdColorInputHueIndicatorTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: ArdColorInputHueIndicatorTemplateDirective, selector: "ard-color-input > ng-template[ard-hue-indicator-tmp]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdColorInputHueIndicatorTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", type: ArdColorInputHueIndicatorTemplateDirective, selector: "ard-color-input > ng-template[ard-hue-indicator-tmp]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdColorInputHueIndicatorTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdColorInputHueIndicatorTemplateDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'ard-color-input > ng-template[ard-hue-indicator-tmp]' }]
         }], ctorParameters: () => [{ type: i0.TemplateRef }] });
@@ -62,10 +62,10 @@ export class ArdColorInputOpacityIndicatorTemplateDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdColorInputOpacityIndicatorTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: ArdColorInputOpacityIndicatorTemplateDirective, selector: "ard-color-input > ng-template[ard-opacity-indicator-tmp]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdColorInputOpacityIndicatorTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", type: ArdColorInputOpacityIndicatorTemplateDirective, selector: "ard-color-input > ng-template[ard-opacity-indicator-tmp]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdColorInputOpacityIndicatorTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdColorInputOpacityIndicatorTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ard-color-input > ng-template[ard-opacity-indicator-tmp]',
@@ -75,10 +75,10 @@ export class ArdColorInputColorReferenceTemplateDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdColorInputColorReferenceTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: ArdColorInputColorReferenceTemplateDirective, selector: "ard-color-input > ng-template[ard-color-reference-tmp]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdColorInputColorReferenceTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", type: ArdColorInputColorReferenceTemplateDirective, selector: "ard-color-input > ng-template[ard-color-reference-tmp]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdColorInputColorReferenceTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdColorInputColorReferenceTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ard-color-input > ng-template[ard-color-reference-tmp]',
@@ -89,10 +89,10 @@ export class ArdColorInputActionButtonsTemplateDirective {
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdColorInputActionButtonsTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: ArdColorInputActionButtonsTemplateDirective, selector: "ard-color-picker > ng-template[ard-action-buttons-tmp]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdColorInputActionButtonsTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", type: ArdColorInputActionButtonsTemplateDirective, selector: "ard-color-picker > ng-template[ard-action-buttons-tmp]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdColorInputActionButtonsTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ArdColorInputActionButtonsTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ard-color-picker > ng-template[ard-action-buttons-tmp]',

package/esm2022/lib/inputs/color-input/color-input.types.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItaW5wdXQudHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2lucHV0cy9jb2xvci1pbnB1dC9jb2xvci1pbnB1dC50eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgQ29sb3JJbnB1dEFjdGlvbkJ1dHRvbnNDb250ZXh0ID0ge1xuICBhcHBseTogKCkgPT4gdm9pZDtcbiAgY2FuY2VsOiAoKSA9PiB2b2lkO1xuICByZXNldDogKCkgPT4gdm9pZDtcbn07XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItaW5wdXQudHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2lucHV0cy9jb2xvci1pbnB1dC9jb2xvci1pbnB1dC50eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBDb2xvcklucHV0QWN0aW9uQnV0dG9uc0NvbnRleHQge1xuICBhcHBseTogKCkgPT4gdm9pZDtcbiAgY2FuY2VsOiAoKSA9PiB2b2lkO1xuICByZXNldDogKCkgPT4gdm9pZDtcbn1cbiJdfQ==