@eui/eds 23.0.0-alpha.6 → 23.0.0-alpha.7

package/fesm2022/eui-eds-eds-icon-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-eds-eds-icon-button.mjs","sources":["../../eds-icon-button/eds-icon-button.ts","../../eds-icon-button/eds-icon-button.html","../../eds-icon-button/index.ts","../../eds-icon-button/eui-eds-eds-icon-button.ts"],"sourcesContent":["import { Component, HostBinding, Input, Output, EventEmitter, booleanAttribute, OnInit, inject } from '@angular/core';\nimport { EDS_ICON } from '@eui/eds/eds-icon';\nimport { EuiBaseColorVariantsDirective, EuiBaseSizeVariantsDirective } from '@eui/eds/shared';\n\n@Component({\n    // eslint-disable-next-line\n    selector: 'button[edsIconButton]',\n    templateUrl: './eds-icon-button.html',\n    styleUrls: [ './eds-icon-button.scss' ],\n    imports: [ ...EDS_ICON ],\n    host: {\n        '[tabIndex]': 'euiDisabled ? -1 : 0',\n        '[attr.ariaLabel]': 'ariaLabel',\n        '(click)': 'onClick($any($event))',\n    },\n    hostDirectives: [\n        {\n            directive: EuiBaseSizeVariantsDirective,\n            inputs: [\n                'euiSize2XS',\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeVariant',\n            ],\n        },        \n        {\n            directive: EuiBaseColorVariantsDirective,\n            inputs: [\n                'euiNeutral',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiCritical',\n                'euiDisabled',\n                'euiColorVariant',\n            ],\n        },\n    ],    \n})\nexport class EdsIconButton {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eds-icon-button',\n            this.sizeVariantsBase.getCssClasses('eds-icon-button'),\n            this.colorVariantsBase.getCssClasses('eds-icon-button'),\n            this.euiRounded ? 'eds-icon-button--rounded': '',\n            this.euiDisabled ? 'eds-icon-button--disabled': '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    /**\n     * The name of the icon to display from the eUI icon library.\n     */\n    @Input() icon!: string;\n\n    /**\n     * Accessible label for screen readers describing the button's purpose.\n     * @default 'eUI Icon button'\n     */\n    @Input() ariaLabel = 'eUI Icon button';\n\n    /**\n     * Applies rounded corners to the button shape instead of default square corners. Default: false\n     */\n    @Input({ transform: booleanAttribute }) euiRounded = false;\n    @Input({ transform: booleanAttribute }) euiDisabled = false;\n\n    protected sizeVariantsBase: EuiBaseSizeVariantsDirective = inject(EuiBaseSizeVariantsDirective);\n    protected colorVariantsBase: EuiBaseColorVariantsDirective = inject(EuiBaseColorVariantsDirective);\n\n    /**\n     * Emitted when the button is clicked. Payload contains the native click Event object.\n     */\n    @Output() buttonClick = new EventEmitter<Event>();\n\n    onClick(event: Event): void {\n        this.buttonClick.emit(event);\n    }\n}\n","<eds-icon [icon]=\"icon\" [euiColorVariant]=\"colorVariantsBase.euiColorVariant\" [euiSizeVariant]=\"sizeVariantsBase.euiSizeVariant\">\n    <ng-content select=\"eui-badge\"/>\n</eds-icon>\n","import { EdsIconButton } from './eds-icon-button';\n\nexport * from './eds-icon-button';\n\nexport const EDS_ICON_BUTTON = [\n    EdsIconButton,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-eds-eds-icon-button.mjs","sources":["../../eds-icon-button/eds-icon-button.ts","../../eds-icon-button/eds-icon-button.html","../../eds-icon-button/index.ts","../../eds-icon-button/eui-eds-eds-icon-button.ts"],"sourcesContent":["import { Component, input, output, booleanAttribute, inject, computed } from '@angular/core';\nimport { EDS_ICON } from '@eui/eds/eds-icon';\nimport { EdsBaseColorVariantsDirective, EdsBaseSizeVariantsDirective } from '@eui/eds/shared';\n\n@Component({\n    // eslint-disable-next-line\n    selector: 'button[edsIconButton]',\n    templateUrl: './eds-icon-button.html',\n    styleUrls: [ './eds-icon-button.scss' ],\n    imports: [ ...EDS_ICON ],\n    host: {\n        '[class]': 'hostClasses()',\n        '[tabIndex]': 'edsDisabled() ? -1 : 0',\n        '[attr.ariaLabel]': 'ariaLabel()',\n        '(click)': 'onClick($any($event))',\n    },\n    hostDirectives: [\n        {\n            directive: EdsBaseSizeVariantsDirective,\n            inputs: [\n                'edsSize2XS',\n                'edsSizeXS',\n                'edsSizeS',\n                'edsSizeM',\n                'edsSizeL',\n                'edsSizeVariant',\n            ],\n        },\n        {\n            directive: EdsBaseColorVariantsDirective,\n            inputs: [\n                'edsBrand',\n                'edsNeutral',\n                'edsSuccess',\n                'edsInfo',\n                'edsWarning',\n                'edsCritical',\n                'edsDisabled',\n                'edsColorVariant',\n            ],\n        },\n    ],\n})\nexport class EdsIconButton {\n    hostClasses = computed(() => {\n        return [\n            'eds-icon-button',\n            this.sizeVariantsBase.getCssClasses('eds-icon-button'),\n            this.colorVariantsBase.getCssClasses('eds-icon-button'),\n            this.edsRounded() ? 'eds-icon-button--rounded': '',\n            this.edsDisabled() ? 'eds-icon-button--disabled': '',\n        ]\n            .join(' ')\n            .trim();\n    });\n\n    /**\n     * The name of the icon to display from the eUI icon library.\n     */\n    icon = input<string>('');\n\n    /**\n     * Accessible label for screen readers describing the button's purpose.\n     * @default 'EDS Icon button'\n     */\n    ariaLabel = input('EDS Icon button');\n\n    /**\n     * Applies rounded corners to the button shape instead of default square corners. Default: false\n     */\n    edsRounded = input(false, { transform: booleanAttribute });\n    edsDisabled = input(false, { transform: booleanAttribute });\n\n    protected sizeVariantsBase: EdsBaseSizeVariantsDirective = inject(EdsBaseSizeVariantsDirective);\n    protected colorVariantsBase: EdsBaseColorVariantsDirective = inject(EdsBaseColorVariantsDirective);\n\n    /**\n     * Emitted when the button is clicked. Payload contains the native click Event object.\n     */\n    readonly buttonClick = output<Event>();\n\n    onClick(event: Event): void {\n        this.buttonClick.emit(event);\n    }\n}\n","<eds-icon [icon]=\"icon()\" [edsColorVariant]=\"colorVariantsBase.edsColorVariant\" [edsSizeVariant]=\"sizeVariantsBase.edsSizeVariant\">\n    <ng-content select=\"eds-badge\"/>\n</eds-icon>\n","import { EdsIconButton } from './eds-icon-button';\n\nexport * from './eds-icon-button';\n\nexport const EDS_ICON_BUTTON = [\n    EdsIconButton,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-eds-eds-icon-state.mjs

@@ -1,59 +1,63 @@
 import * as i0 from '@angular/core';
-import { inject, Input, HostBinding, Component } from '@angular/core';
+import { computed, input, inject, Component } from '@angular/core';
 import * as i2 from '@eui/eds/eds-icon';
 import { EDS_ICON } from '@eui/eds/eds-icon';
 import * as i1 from '@eui/eds/shared';
-import { EuiBaseSizeVariantsDirective, EuiBaseColorVariantsDirective } from '@eui/eds/shared';
+import { EdsBaseSizeVariantsDirective, EdsBaseColorVariantsDirective } from '@eui/eds/shared';
 
 class EdsIconState {
     constructor() {
-        this.sizeVariantsBase = inject(EuiBaseSizeVariantsDirective);
-        this.colorVariantsBase = inject(EuiBaseColorVariantsDirective);
-    }
-    get cssClasses() {
-        return [
-            'eds-icon-state',
-            this.sizeVariantsBase.getCssClasses('eds-icon-state'),
-            this.colorVariantsBase.getCssClasses('eds-icon-state'),
-        ].join(' ').trim();
+        this.hostClasses = computed(() => {
+            return [
+                'eds-icon-state',
+                this.sizeVariantsBase.getCssClasses('eds-icon-state'),
+                this.colorVariantsBase.getCssClasses('eds-icon-state'),
+            ].join(' ').trim();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+        /**
+         * Accessible label for screen readers describing the icon's purpose or meaning.
+         * Required for accessibility when the icon conveys semantic information.
+         */
+        this.ariaLabel = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+        this.sizeVariantsBase = inject(EdsBaseSizeVariantsDirective);
+        this.colorVariantsBase = inject(EdsBaseColorVariantsDirective);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsIconState, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsIconState, isStandalone: true, selector: "eds-icon-state", inputs: { ariaLabel: "ariaLabel" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.EuiBaseSizeVariantsDirective, inputs: ["euiSize2XS", "euiSize2XS", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeVariant", "euiSizeVariant"] }, { directive: i1.EuiBaseColorVariantsDirective, inputs: ["euiNeutral", "euiNeutral", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiCritical", "euiCritical", "euiColorVariant", "euiColorVariant"] }], ngImport: i0, template: "@if (colorVariantsBase.euiSuccess) {\n    <eds-icon icon=\"check-circle\" aria-label=\"eUI success icon\" euiSuccess [euiSizeVariant]=\"sizeVariantsBase.euiSizeVariant\" />\n} @else if (colorVariantsBase.euiWarning) {\n    <eds-icon icon=\"warning\" aria-label=\"eUI warning icon\" euiWarning [euiSizeVariant]=\"sizeVariantsBase.euiSizeVariant\" />\n} @else if (colorVariantsBase.euiCritical) {\n    <eds-icon icon=\"warning-circle\" aria-label=\"eUI danger icon\" euiCritical [euiSizeVariant]=\"sizeVariantsBase.euiSizeVariant\" />\n} @else if (colorVariantsBase.euiInfo) {\n    <eds-icon icon=\"info\" aria-label=\"eUI info icon\" euiInfo [euiSizeVariant]=\"sizeVariantsBase.euiSizeVariant\" />\n}\n", dependencies: [{ kind: "component", type: i2.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "ariaLabel", "ariaHidden"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsIconState, isStandalone: true, selector: "eds-icon-state", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, hostDirectives: [{ directive: i1.EdsBaseSizeVariantsDirective, inputs: ["edsSize2XS", "edsSize2XS", "edsSizeXS", "edsSizeXS", "edsSizeS", "edsSizeS", "edsSizeM", "edsSizeM", "edsSizeL", "edsSizeL", "edsSizeVariant", "edsSizeVariant"] }, { directive: i1.EdsBaseColorVariantsDirective, inputs: ["edsNeutral", "edsNeutral", "edsSuccess", "edsSuccess", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "@if (colorVariantsBase.edsSuccess) {\n    <eds-icon icon=\"check-circle\" aria-label=\"EDS success icon\" edsSuccess [edsSizeVariant]=\"sizeVariantsBase.edsSizeVariant\" />\n} @else if (colorVariantsBase.edsWarning) {\n    <eds-icon icon=\"warning\" aria-label=\"EDS warning icon\" edsWarning [edsSizeVariant]=\"sizeVariantsBase.edsSizeVariant\" />\n} @else if (colorVariantsBase.edsCritical) {\n    <eds-icon icon=\"warning-circle\" aria-label=\"EDS danger icon\" edsCritical [edsSizeVariant]=\"sizeVariantsBase.edsSizeVariant\" />\n} @else if (colorVariantsBase.edsInfo) {\n    <eds-icon icon=\"info\" aria-label=\"EDS info icon\" edsInfo [edsSizeVariant]=\"sizeVariantsBase.edsSizeVariant\" />\n}\n", dependencies: [{ kind: "component", type: i2.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "ariaLabel", "ariaHidden"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsIconState, decorators: [{
             type: Component,
             args: [{ selector: 'eds-icon-state', imports: [
                         ...EDS_ICON,
-                    ], hostDirectives: [
+                    ], host: {
+                        '[class]': 'hostClasses()',
+                    }, hostDirectives: [
                         {
-                            directive: EuiBaseSizeVariantsDirective,
+                            directive: EdsBaseSizeVariantsDirective,
                             inputs: [
-                                'euiSize2XS',
-                                'euiSizeXS',
-                                'euiSizeS',
-                                'euiSizeM',
-                                'euiSizeL',
-                                'euiSizeVariant',
+                                'edsSize2XS',
+                                'edsSizeXS',
+                                'edsSizeS',
+                                'edsSizeM',
+                                'edsSizeL',
+                                'edsSizeVariant',
                             ],
                         },
                         {
-                            directive: EuiBaseColorVariantsDirective,
+                            directive: EdsBaseColorVariantsDirective,
                             inputs: [
-                                'euiNeutral',
-                                'euiSuccess',
-                                'euiInfo',
-                                'euiWarning',
-                                'euiCritical',
-                                'euiColorVariant',
+                                'edsNeutral',
+                                'edsSuccess',
+                                'edsInfo',
+                                'edsWarning',
+                                'edsCritical',
+                                'edsColorVariant',
                             ],
                         },
-                    ], template: "@if (colorVariantsBase.euiSuccess) {\n    <eds-icon icon=\"check-circle\" aria-label=\"eUI success icon\" euiSuccess [euiSizeVariant]=\"sizeVariantsBase.euiSizeVariant\" />\n} @else if (colorVariantsBase.euiWarning) {\n    <eds-icon icon=\"warning\" aria-label=\"eUI warning icon\" euiWarning [euiSizeVariant]=\"sizeVariantsBase.euiSizeVariant\" />\n} @else if (colorVariantsBase.euiCritical) {\n    <eds-icon icon=\"warning-circle\" aria-label=\"eUI danger icon\" euiCritical [euiSizeVariant]=\"sizeVariantsBase.euiSizeVariant\" />\n} @else if (colorVariantsBase.euiInfo) {\n    <eds-icon icon=\"info\" aria-label=\"eUI info icon\" euiInfo [euiSizeVariant]=\"sizeVariantsBase.euiSizeVariant\" />\n}\n" }]
-        }], propDecorators: { cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }], ariaLabel: [{
-                type: Input
-            }] } });
+                    ], template: "@if (colorVariantsBase.edsSuccess) {\n    <eds-icon icon=\"check-circle\" aria-label=\"EDS success icon\" edsSuccess [edsSizeVariant]=\"sizeVariantsBase.edsSizeVariant\" />\n} @else if (colorVariantsBase.edsWarning) {\n    <eds-icon icon=\"warning\" aria-label=\"EDS warning icon\" edsWarning [edsSizeVariant]=\"sizeVariantsBase.edsSizeVariant\" />\n} @else if (colorVariantsBase.edsCritical) {\n    <eds-icon icon=\"warning-circle\" aria-label=\"EDS danger icon\" edsCritical [edsSizeVariant]=\"sizeVariantsBase.edsSizeVariant\" />\n} @else if (colorVariantsBase.edsInfo) {\n    <eds-icon icon=\"info\" aria-label=\"EDS info icon\" edsInfo [edsSizeVariant]=\"sizeVariantsBase.edsSizeVariant\" />\n}\n" }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
 
 const EDS_ICON_STATE = [
     EdsIconState,

package/fesm2022/eui-eds-eds-icon-state.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-eds-eds-icon-state.mjs","sources":["../../eds-icon-state/eds-icon-state.ts","../../eds-icon-state/eds-icon-state.html","../../eds-icon-state/index.ts","../../eds-icon-state/eui-eds-eds-icon-state.ts"],"sourcesContent":["import { Component, HostBinding, Input, inject } from '@angular/core';\nimport { EDS_ICON } from '@eui/eds/eds-icon';\nimport { EuiBaseColorVariantsDirective, EuiBaseSizeVariantsDirective } from '@eui/eds/shared';\n\n@Component({\n    selector: 'eds-icon-state',\n    templateUrl: './eds-icon-state.html',\n    imports: [\n        ...EDS_ICON,\n    ],\n    hostDirectives: [\n        {\n            directive: EuiBaseSizeVariantsDirective,\n            inputs: [\n                'euiSize2XS',\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeVariant',\n            ],\n        },        \n        {\n            directive: EuiBaseColorVariantsDirective,\n            inputs: [\n                'euiNeutral',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiCritical',\n                'euiColorVariant',\n            ],\n        },\n    ],  \n})\nexport class EdsIconState {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eds-icon-state',\n            this.sizeVariantsBase.getCssClasses('eds-icon-state'),\n            this.colorVariantsBase.getCssClasses('eds-icon-state'),\n        ].join(' ').trim();\n    }\n    /**\n     * Accessible label for screen readers describing the icon's purpose or meaning.\n     * Required for accessibility when the icon conveys semantic information.\n     */\n    @Input() ariaLabel!: string;\n\n    protected sizeVariantsBase: EuiBaseSizeVariantsDirective = inject(EuiBaseSizeVariantsDirective);\n    protected colorVariantsBase: EuiBaseColorVariantsDirective = inject(EuiBaseColorVariantsDirective);\n}\n","@if (colorVariantsBase.euiSuccess) {\n    <eds-icon icon=\"check-circle\" aria-label=\"eUI success icon\" euiSuccess [euiSizeVariant]=\"sizeVariantsBase.euiSizeVariant\" />\n} @else if (colorVariantsBase.euiWarning) {\n    <eds-icon icon=\"warning\" aria-label=\"eUI warning icon\" euiWarning [euiSizeVariant]=\"sizeVariantsBase.euiSizeVariant\" />\n} @else if (colorVariantsBase.euiCritical) {\n    <eds-icon icon=\"warning-circle\" aria-label=\"eUI danger icon\" euiCritical [euiSizeVariant]=\"sizeVariantsBase.euiSizeVariant\" />\n} @else if (colorVariantsBase.euiInfo) {\n    <eds-icon icon=\"info\" aria-label=\"eUI info icon\" euiInfo [euiSizeVariant]=\"sizeVariantsBase.euiSizeVariant\" />\n}\n","import { EdsIconState } from './eds-icon-state';\n\nexport * from './eds-icon-state';\n\nexport const EDS_ICON_STATE = [\n    EdsIconState,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAmCa,YAAY,CAAA;AA/BzB,IAAA,WAAA,GAAA;AA8Cc,QAAA,IAAA,CAAA,gBAAgB,GAAiC,MAAM,CAAC,4BAA4B,CAAC;AACrF,QAAA,IAAA,CAAA,iBAAiB,GAAkC,MAAM,CAAC,6BAA6B,CAAC;AACrG,IAAA;AAhBG,IAAA,IACI,UAAU,GAAA;QACV,OAAO;YACH,gBAAgB;AAChB,YAAA,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,gBAAgB,CAAC;AACrD,YAAA,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC,gBAAgB,CAAC;AACzD,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;IACtB;8GARS,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,2nBCnCzB,+rBASA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,KAAA,EAAA,WAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FD0Ba,YAAY,EAAA,UAAA,EAAA,CAAA;kBA/BxB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,OAAA,EAEjB;AACL,wBAAA,GAAG,QAAQ;qBACd,EAAA,cAAA,EACe;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,4BAA4B;AACvC,4BAAA,MAAM,EAAE;gCACJ,YAAY;gCACZ,WAAW;gCACX,UAAU;gCACV,UAAU;gCACV,UAAU;gCACV,gBAAgB;AACnB,6BAAA;AACJ,yBAAA;AACD,wBAAA;AACI,4BAAA,SAAS,EAAE,6BAA6B;AACxC,4BAAA,MAAM,EAAE;gCACJ,YAAY;gCACZ,YAAY;gCACZ,SAAS;gCACT,YAAY;gCACZ,aAAa;gCACb,iBAAiB;AACpB,6BAAA;AACJ,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,+rBAAA,EAAA;;sBAGA,WAAW;uBAAC,OAAO;;sBAYnB;;;AE5CE,MAAM,cAAc,GAAG;IAC1B,YAAY;;;ACLhB;;AAEG;;;;"}
+{"version":3,"file":"eui-eds-eds-icon-state.mjs","sources":["../../eds-icon-state/eds-icon-state.ts","../../eds-icon-state/eds-icon-state.html","../../eds-icon-state/index.ts","../../eds-icon-state/eui-eds-eds-icon-state.ts"],"sourcesContent":["import { Component, input, inject, computed } from '@angular/core';\nimport { EDS_ICON } from '@eui/eds/eds-icon';\nimport { EdsBaseColorVariantsDirective, EdsBaseSizeVariantsDirective } from '@eui/eds/shared';\n\n@Component({\n    selector: 'eds-icon-state',\n    templateUrl: './eds-icon-state.html',\n    imports: [\n        ...EDS_ICON,\n    ],\n    host: {\n        '[class]': 'hostClasses()',\n    },\n    hostDirectives: [\n        {\n            directive: EdsBaseSizeVariantsDirective,\n            inputs: [\n                'edsSize2XS',\n                'edsSizeXS',\n                'edsSizeS',\n                'edsSizeM',\n                'edsSizeL',\n                'edsSizeVariant',\n            ],\n        },        \n        {\n            directive: EdsBaseColorVariantsDirective,\n            inputs: [\n                'edsNeutral',\n                'edsSuccess',\n                'edsInfo',\n                'edsWarning',\n                'edsCritical',\n                'edsColorVariant',\n            ],\n        },\n    ],  \n})\nexport class EdsIconState {\n    hostClasses = computed(() => {\n        return [\n            'eds-icon-state',\n            this.sizeVariantsBase.getCssClasses('eds-icon-state'),\n            this.colorVariantsBase.getCssClasses('eds-icon-state'),\n        ].join(' ').trim();\n    });\n    /**\n     * Accessible label for screen readers describing the icon's purpose or meaning.\n     * Required for accessibility when the icon conveys semantic information.\n     */\n    ariaLabel = input<string>('');\n\n    protected sizeVariantsBase: EdsBaseSizeVariantsDirective = inject(EdsBaseSizeVariantsDirective);\n    protected colorVariantsBase: EdsBaseColorVariantsDirective = inject(EdsBaseColorVariantsDirective);\n}\n","@if (colorVariantsBase.edsSuccess) {\n    <eds-icon icon=\"check-circle\" aria-label=\"EDS success icon\" edsSuccess [edsSizeVariant]=\"sizeVariantsBase.edsSizeVariant\" />\n} @else if (colorVariantsBase.edsWarning) {\n    <eds-icon icon=\"warning\" aria-label=\"EDS warning icon\" edsWarning [edsSizeVariant]=\"sizeVariantsBase.edsSizeVariant\" />\n} @else if (colorVariantsBase.edsCritical) {\n    <eds-icon icon=\"warning-circle\" aria-label=\"EDS danger icon\" edsCritical [edsSizeVariant]=\"sizeVariantsBase.edsSizeVariant\" />\n} @else if (colorVariantsBase.edsInfo) {\n    <eds-icon icon=\"info\" aria-label=\"EDS info icon\" edsInfo [edsSizeVariant]=\"sizeVariantsBase.edsSizeVariant\" />\n}\n","import { EdsIconState } from './eds-icon-state';\n\nexport * from './eds-icon-state';\n\nexport const EDS_ICON_STATE = [\n    EdsIconState,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAsCa,YAAY,CAAA;AAlCzB,IAAA,WAAA,GAAA;AAmCI,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;YACxB,OAAO;gBACH,gBAAgB;AAChB,gBAAA,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,gBAAgB,CAAC;AACrD,gBAAA,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC,gBAAgB,CAAC;AACzD,aAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;QACtB,CAAC;wFAAC;AACF;;;AAGG;QACH,IAAA,CAAA,SAAS,GAAG,KAAK,CAAS,EAAE;sFAAC;AAEnB,QAAA,IAAA,CAAA,gBAAgB,GAAiC,MAAM,CAAC,4BAA4B,CAAC;AACrF,QAAA,IAAA,CAAA,iBAAiB,GAAkC,MAAM,CAAC,6BAA6B,CAAC;AACrG,IAAA;8GAhBY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,quBCtCzB,+rBASA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,KAAA,EAAA,WAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FD6Ba,YAAY,EAAA,UAAA,EAAA,CAAA;kBAlCxB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,OAAA,EAEjB;AACL,wBAAA,GAAG,QAAQ;qBACd,EAAA,IAAA,EACK;AACF,wBAAA,SAAS,EAAE,eAAe;qBAC7B,EAAA,cAAA,EACe;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,4BAA4B;AACvC,4BAAA,MAAM,EAAE;gCACJ,YAAY;gCACZ,WAAW;gCACX,UAAU;gCACV,UAAU;gCACV,UAAU;gCACV,gBAAgB;AACnB,6BAAA;AACJ,yBAAA;AACD,wBAAA;AACI,4BAAA,SAAS,EAAE,6BAA6B;AACxC,4BAAA,MAAM,EAAE;gCACJ,YAAY;gCACZ,YAAY;gCACZ,SAAS;gCACT,YAAY;gCACZ,aAAa;gCACb,iBAAiB;AACpB,6BAAA;AACJ,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,+rBAAA,EAAA;;;AEhCE,MAAM,cAAc,GAAG;IAC1B,YAAY;;;ACLhB;;AAEG;;;;"}

package/fesm2022/eui-eds-eds-icon.mjs

@@ -1,129 +1,114 @@
 import * as i0 from '@angular/core';
-import { inject, booleanAttribute, HostBinding, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, booleanAttribute, computed, inject, ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
 import { EUI_CONFIG_TOKEN } from '@eui/core';
 import * as i1 from '@eui/eds/shared';
-import { EuiBaseSizeVariantsDirective, EuiBaseColorVariantsDirective } from '@eui/eds/shared';
+import { EdsBaseSizeVariantsDirective, EdsBaseColorVariantsDirective } from '@eui/eds/shared';
 
 class EdsIcon {
     constructor() {
-        this.ariaRole = 'img';
+        /**
+         * Name of the icon to display, optionally including the icon set using 'iconName:setName' format.
+         * When format includes colon separator, automatically splits into icon and set properties.
+         */
+        this.icon = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
         /**
          * Icon set library to load the icon from.
-         * Determines the source directory for icon SVG files.
-         * @default 'eui'
+         * @default 'regular'
          */
-        this.set = 'regular';
-        this.assetsBaseUrl = 'assets';
+        this.set = input('regular', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "set" }] : /* istanbul ignore next */ []));
+        /**
+         * Accessible label for screen readers describing the icon's purpose.
+         */
+        this.ariaLabel = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
         /**
          * Hides the icon from assistive technologies when purely decorative.
-         * Set to false when icon conveys meaningful information requiring announcement.
          * @default true
          */
-        this.ariaHidden = true;
-        this.sizeVariantsBase = inject(EuiBaseSizeVariantsDirective);
-        this.colorVariantsBase = inject(EuiBaseColorVariantsDirective);
+        this.ariaHidden = input(true, { ...(ngDevMode ? { debugName: "ariaHidden" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.hostClasses = computed(() => {
+            return [
+                'eds-icon',
+                this.sizeVariantsBase.getCssClasses('eds-icon'),
+                this.colorVariantsBase.getCssClasses('eds-icon'),
+            ]
+                .join(' ')
+                .trim();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+        /** Resolved icon name (parsed from 'icon:set' format). */
+        this.iconName = computed(() => {
+            const raw = this.icon();
+            if (raw && raw.indexOf(':') > -1) {
+                return raw.split(':')[0];
+            }
+            return raw;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "iconName" }] : /* istanbul ignore next */ []));
+        /** Resolved icon set (parsed from 'icon:set' format or defaults to set input). */
+        this.resolvedSet = computed(() => {
+            const raw = this.icon();
+            if (raw && raw.indexOf(':') > -1) {
+                return raw.split(':')[1] || 'regular';
+            }
+            return this.set() || 'regular';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedSet" }] : /* istanbul ignore next */ []));
+        this.assetsBaseUrl = 'assets';
+        this.sizeVariantsBase = inject(EdsBaseSizeVariantsDirective);
+        this.colorVariantsBase = inject(EdsBaseColorVariantsDirective);
         this.config = inject(EUI_CONFIG_TOKEN, { optional: true });
     }
-    get cssClasses() {
-        return [
-            'eds-icon',
-            this.sizeVariantsBase.getCssClasses('eds-icon'),
-            this.colorVariantsBase.getCssClasses('eds-icon'),
-        ]
-            .join(' ')
-            .trim();
-    }
     ngOnInit() {
         const assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl;
         if (assetsBaseUrl) {
-            this.assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl || 'assets';
-        }
-    }
-    ngOnChanges(c) {
-        if (c && c.set) {
-            if (c.set.currentValue !== c.set.previousValue) {
-                this._setIconAndSet();
-            }
-        }
-        if (c && c.icon) {
-            if (c.icon.currentValue !== c.icon.previousValue) {
-                this._setIconAndSet();
-            }
-        }
-    }
-    ngAfterContentInit() {
-        this._setIconAndSet();
-    }
-    _setIconAndSet() {
-        if (this.icon && this.icon.indexOf(':') > -1) {
-            const iconSet = this.icon.split(':');
-            this.icon = iconSet[0];
-            this.set = iconSet[1];
-        }
-        if (!this.set || this.set === '') {
-            this.set = 'regular';
-        }
-        else {
-            this.iconName = this.icon;
+            this.assetsBaseUrl = assetsBaseUrl;
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsIcon, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.0.5", type: EdsIcon, isStandalone: true, selector: "eds-icon, span[edsIcon]", inputs: { icon: "icon", set: "set", ariaLabel: "ariaLabel", ariaHidden: ["ariaHidden", "ariaHidden", booleanAttribute] }, host: { properties: { "attr.role": "this.ariaRole", "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel", "ariaHidden": "this.ariaHidden" } }, usesOnChanges: true, hostDirectives: [{ directive: i1.EuiBaseSizeVariantsDirective, inputs: ["euiSize2XS", "euiSize2XS", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSize3XL", "euiSize3XL", "euiSize4XL", "euiSize4XL", "euiSizeVariant", "euiSizeVariant"] }, { directive: i1.EuiBaseColorVariantsDirective, inputs: ["euiPrimary", "euiPrimary", "euiNeutral", "euiNeutral", "euiHighlight", "euiHighlight", "euiInfo", "euiInfo", "euiSuccess", "euiSuccess", "euiWarning", "euiWarning", "euiCritical", "euiCritical", "euiDisabled", "euiDisabled", "euiColorVariant", "euiColorVariant"] }], ngImport: i0, template: "<svg\n    class=\"eds-icon-svg eds-sprite-{{icon}}\"\n    [attr.aria-hidden]=\"ariaRole === 'button' ? true : ariaHidden\"\n    [attr.role]=\"ariaRole === 'button' ? null : 'img'\">\n    <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n</svg>\n<ng-content />\n", styles: [".eui-21 :host.eds-icon{--_size: var(--_icon-size, var(--eds-is-m));--_color: var(--_on-surface)}.eui-21 :host.eds-icon.eds-icon--size-2xs{--_size: var(--eds-is-2xs)}.eui-21 :host.eds-icon.eds-icon--size-xs{--_size: var(--eds-is-xs)}.eui-21 :host.eds-icon.eds-icon--size-s{--_size: var(--eds-is-s)}.eui-21 :host.eds-icon.eds-icon--size-m{--_size: var(--eds-is-m)}.eui-21 :host.eds-icon.eds-icon--size-l{--_size: var(--eds-is-l)}.eui-21 :host.eds-icon.eds-icon--size-xl{--_size: var(--eds-is-xl)}.eui-21 :host.eds-icon.eds-icon--size-2xl{--_size: var(--eds-is-2xl)}.eui-21 :host.eds-icon.eds-icon--size-3xl{--_size: var(--eds-is-3xl)}.eui-21 :host.eds-icon.eds-icon--size-4xl{--_size: var(--eds-is-4xl)}.eui-21 :host.eds-icon.eds-icon--neutral{--_color: var(--eds-c-foreground)}.eui-21 :host.eds-icon.eds-icon--neutral-subtle{--_color: var(--eds-c-foreground-subtle)}.eui-21 :host.eds-icon.eds-icon--neutral-subtler{--_color: var(--eds-c-foreground-subtler)}.eui-21 :host.eds-icon.eds-icon--primary{--_color: var(--eds-c-foreground-primary)}.eui-21 :host.eds-icon.eds-icon--highlight{--_color: var(--eds-c-foreground-highlight)}.eui-21 :host.eds-icon.eds-icon--info{--_color: var(--eds-c-foreground-info)}.eui-21 :host.eds-icon.eds-icon--success{--_color: var(--eds-c-foreground-success)}.eui-21 :host.eds-icon.eds-icon--warning{--_color: var(--eds-c-foreground-warning)}.eui-21 :host.eds-icon.eds-icon--critical{--_color: var(--eds-c-foreground-critical)}.eui-21 :host.eds-icon.eds-icon--disabled{--_color: var(--eds-c-foreground-disabled)}.eui-21 :host.eds-icon{display:inline-flex;position:relative}.eui-21 :host.eds-icon .eds-icon-svg{height:var(--_size);width:var(--_size);fill:var(--_color);color:var(--_color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsIcon, isStandalone: true, selector: "eds-icon, span[edsIcon]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, set: { classPropertyName: "set", publicName: "set", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaHidden: { classPropertyName: "ariaHidden", publicName: "ariaHidden", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "img" }, properties: { "class": "hostClasses()", "attr.aria-label": "ariaLabel()", "attr.aria-hidden": "ariaHidden()" } }, hostDirectives: [{ directive: i1.EdsBaseSizeVariantsDirective, inputs: ["edsSize2XS", "edsSize2XS", "edsSizeXS", "edsSizeXS", "edsSizeS", "edsSizeS", "edsSizeM", "edsSizeM", "edsSizeL", "edsSizeL", "edsSizeXL", "edsSizeXL", "edsSize2XL", "edsSize2XL", "edsSize3XL", "edsSize3XL", "edsSize4XL", "edsSize4XL", "edsSizeVariant", "edsSizeVariant"] }, { directive: i1.EdsBaseColorVariantsDirective, inputs: ["edsPrimary", "edsPrimary", "edsNeutral", "edsNeutral", "edsHighlight", "edsHighlight", "edsInfo", "edsInfo", "edsSuccess", "edsSuccess", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsDisabled", "edsDisabled", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "<svg\n    class=\"eds-icon-svg eds-sprite-{{iconName()}}\"\n    aria-hidden=\"true\">\n    <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + resolvedSet() + '.svg#' + iconName()\"></use>\n</svg>\n<ng-content />\n", styles: [".eui-21 :host.eds-icon{--_size: var(--_icon-size, var(--eds-is-m));--_color: var(--_on-surface)}.eui-21 :host.eds-icon.eds-icon--size-2xs{--_size: var(--eds-is-2xs)}.eui-21 :host.eds-icon.eds-icon--size-xs{--_size: var(--eds-is-xs)}.eui-21 :host.eds-icon.eds-icon--size-s{--_size: var(--eds-is-s)}.eui-21 :host.eds-icon.eds-icon--size-m{--_size: var(--eds-is-m)}.eui-21 :host.eds-icon.eds-icon--size-l{--_size: var(--eds-is-l)}.eui-21 :host.eds-icon.eds-icon--size-xl{--_size: var(--eds-is-xl)}.eui-21 :host.eds-icon.eds-icon--size-2xl{--_size: var(--eds-is-2xl)}.eui-21 :host.eds-icon.eds-icon--size-3xl{--_size: var(--eds-is-3xl)}.eui-21 :host.eds-icon.eds-icon--size-4xl{--_size: var(--eds-is-4xl)}.eui-21 :host.eds-icon.eds-icon--neutral{--_color: var(--eds-c-foreground)}.eui-21 :host.eds-icon.eds-icon--neutral-subtle{--_color: var(--eds-c-foreground-subtle)}.eui-21 :host.eds-icon.eds-icon--neutral-subtler{--_color: var(--eds-c-foreground-subtler)}.eui-21 :host.eds-icon.eds-icon--primary{--_color: var(--eds-c-foreground-primary)}.eui-21 :host.eds-icon.eds-icon--highlight{--_color: var(--eds-c-foreground-highlight)}.eui-21 :host.eds-icon.eds-icon--info{--_color: var(--eds-c-foreground-info)}.eui-21 :host.eds-icon.eds-icon--success{--_color: var(--eds-c-foreground-success)}.eui-21 :host.eds-icon.eds-icon--warning{--_color: var(--eds-c-foreground-warning)}.eui-21 :host.eds-icon.eds-icon--critical{--_color: var(--eds-c-foreground-critical)}.eui-21 :host.eds-icon.eds-icon--disabled{--_color: var(--eds-c-foreground-disabled)}.eui-21 :host.eds-icon{display:inline-flex;position:relative}.eui-21 :host.eds-icon .eds-icon-svg{height:var(--_size);width:var(--_size);fill:var(--_color);color:var(--_color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsIcon, decorators: [{
             type: Component,
-            args: [{ selector: 'eds-icon, span[edsIcon]', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+            args: [{ selector: 'eds-icon, span[edsIcon]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class]': 'hostClasses()',
+                        role: 'img',
+                        '[attr.aria-label]': 'ariaLabel()',
+                        '[attr.aria-hidden]': 'ariaHidden()',
+                    }, hostDirectives: [
                         {
-                            directive: EuiBaseSizeVariantsDirective,
+                            directive: EdsBaseSizeVariantsDirective,
                             inputs: [
-                                'euiSize2XS',
-                                'euiSizeXS',
-                                'euiSizeS',
-                                'euiSizeM',
-                                'euiSizeL',
-                                'euiSizeXL',
-                                'euiSize2XL',
-                                'euiSize3XL',
-                                'euiSize4XL',
-                                'euiSizeVariant',
+                                'edsSize2XS',
+                                'edsSizeXS',
+                                'edsSizeS',
+                                'edsSizeM',
+                                'edsSizeL',
+                                'edsSizeXL',
+                                'edsSize2XL',
+                                'edsSize3XL',
+                                'edsSize4XL',
+                                'edsSizeVariant',
                             ],
                         },
                         {
-                            directive: EuiBaseColorVariantsDirective,
+                            directive: EdsBaseColorVariantsDirective,
                             inputs: [
-                                'euiPrimary',
-                                'euiNeutral',
-                                'euiHighlight',
-                                'euiInfo',
-                                'euiSuccess',
-                                'euiWarning',
-                                'euiCritical',
-                                'euiDisabled',
-                                'euiColorVariant',
+                                'edsPrimary',
+                                'edsNeutral',
+                                'edsHighlight',
+                                'edsInfo',
+                                'edsSuccess',
+                                'edsWarning',
+                                'edsCritical',
+                                'edsDisabled',
+                                'edsColorVariant',
                             ],
                         },
-                    ], template: "<svg\n    class=\"eds-icon-svg eds-sprite-{{icon}}\"\n    [attr.aria-hidden]=\"ariaRole === 'button' ? true : ariaHidden\"\n    [attr.role]=\"ariaRole === 'button' ? null : 'img'\">\n    <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n</svg>\n<ng-content />\n", styles: [".eui-21 :host.eds-icon{--_size: var(--_icon-size, var(--eds-is-m));--_color: var(--_on-surface)}.eui-21 :host.eds-icon.eds-icon--size-2xs{--_size: var(--eds-is-2xs)}.eui-21 :host.eds-icon.eds-icon--size-xs{--_size: var(--eds-is-xs)}.eui-21 :host.eds-icon.eds-icon--size-s{--_size: var(--eds-is-s)}.eui-21 :host.eds-icon.eds-icon--size-m{--_size: var(--eds-is-m)}.eui-21 :host.eds-icon.eds-icon--size-l{--_size: var(--eds-is-l)}.eui-21 :host.eds-icon.eds-icon--size-xl{--_size: var(--eds-is-xl)}.eui-21 :host.eds-icon.eds-icon--size-2xl{--_size: var(--eds-is-2xl)}.eui-21 :host.eds-icon.eds-icon--size-3xl{--_size: var(--eds-is-3xl)}.eui-21 :host.eds-icon.eds-icon--size-4xl{--_size: var(--eds-is-4xl)}.eui-21 :host.eds-icon.eds-icon--neutral{--_color: var(--eds-c-foreground)}.eui-21 :host.eds-icon.eds-icon--neutral-subtle{--_color: var(--eds-c-foreground-subtle)}.eui-21 :host.eds-icon.eds-icon--neutral-subtler{--_color: var(--eds-c-foreground-subtler)}.eui-21 :host.eds-icon.eds-icon--primary{--_color: var(--eds-c-foreground-primary)}.eui-21 :host.eds-icon.eds-icon--highlight{--_color: var(--eds-c-foreground-highlight)}.eui-21 :host.eds-icon.eds-icon--info{--_color: var(--eds-c-foreground-info)}.eui-21 :host.eds-icon.eds-icon--success{--_color: var(--eds-c-foreground-success)}.eui-21 :host.eds-icon.eds-icon--warning{--_color: var(--eds-c-foreground-warning)}.eui-21 :host.eds-icon.eds-icon--critical{--_color: var(--eds-c-foreground-critical)}.eui-21 :host.eds-icon.eds-icon--disabled{--_color: var(--eds-c-foreground-disabled)}.eui-21 :host.eds-icon{display:inline-flex;position:relative}.eui-21 :host.eds-icon .eds-icon-svg{height:var(--_size);width:var(--_size);fill:var(--_color);color:var(--_color)}\n"] }]
-        }], propDecorators: { ariaRole: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], icon: [{
-                type: Input
-            }], set: [{
-                type: Input
-            }], cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }], ariaLabel: [{
-                type: HostBinding,
-                args: ['attr.aria-label']
-            }, {
-                type: Input
-            }], ariaHidden: [{
-                type: HostBinding
-            }, {
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }] } });
+                    ], template: "<svg\n    class=\"eds-icon-svg eds-sprite-{{iconName()}}\"\n    aria-hidden=\"true\">\n    <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + resolvedSet() + '.svg#' + iconName()\"></use>\n</svg>\n<ng-content />\n", styles: [".eui-21 :host.eds-icon{--_size: var(--_icon-size, var(--eds-is-m));--_color: var(--_on-surface)}.eui-21 :host.eds-icon.eds-icon--size-2xs{--_size: var(--eds-is-2xs)}.eui-21 :host.eds-icon.eds-icon--size-xs{--_size: var(--eds-is-xs)}.eui-21 :host.eds-icon.eds-icon--size-s{--_size: var(--eds-is-s)}.eui-21 :host.eds-icon.eds-icon--size-m{--_size: var(--eds-is-m)}.eui-21 :host.eds-icon.eds-icon--size-l{--_size: var(--eds-is-l)}.eui-21 :host.eds-icon.eds-icon--size-xl{--_size: var(--eds-is-xl)}.eui-21 :host.eds-icon.eds-icon--size-2xl{--_size: var(--eds-is-2xl)}.eui-21 :host.eds-icon.eds-icon--size-3xl{--_size: var(--eds-is-3xl)}.eui-21 :host.eds-icon.eds-icon--size-4xl{--_size: var(--eds-is-4xl)}.eui-21 :host.eds-icon.eds-icon--neutral{--_color: var(--eds-c-foreground)}.eui-21 :host.eds-icon.eds-icon--neutral-subtle{--_color: var(--eds-c-foreground-subtle)}.eui-21 :host.eds-icon.eds-icon--neutral-subtler{--_color: var(--eds-c-foreground-subtler)}.eui-21 :host.eds-icon.eds-icon--primary{--_color: var(--eds-c-foreground-primary)}.eui-21 :host.eds-icon.eds-icon--highlight{--_color: var(--eds-c-foreground-highlight)}.eui-21 :host.eds-icon.eds-icon--info{--_color: var(--eds-c-foreground-info)}.eui-21 :host.eds-icon.eds-icon--success{--_color: var(--eds-c-foreground-success)}.eui-21 :host.eds-icon.eds-icon--warning{--_color: var(--eds-c-foreground-warning)}.eui-21 :host.eds-icon.eds-icon--critical{--_color: var(--eds-c-foreground-critical)}.eui-21 :host.eds-icon.eds-icon--disabled{--_color: var(--eds-c-foreground-disabled)}.eui-21 :host.eds-icon{display:inline-flex;position:relative}.eui-21 :host.eds-icon .eds-icon-svg{height:var(--_size);width:var(--_size);fill:var(--_color);color:var(--_color)}\n"] }]
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], set: [{ type: i0.Input, args: [{ isSignal: true, alias: "set", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaHidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaHidden", required: false }] }] } });
 
 class EdsIconImage {
     constructor() {
@@ -135,7 +120,7 @@ class EdsIconImage {
          * @default true
          */
         this.ariaHidden = true;
-        this.sizeVariantsBase = inject(EuiBaseSizeVariantsDirective);
+        this.sizeVariantsBase = inject(EdsBaseSizeVariantsDirective);
         this.config = inject(EUI_CONFIG_TOKEN, { optional: true });
     }
     get cssClasses() {
@@ -153,24 +138,24 @@ class EdsIconImage {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsIconImage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.0.5", type: EdsIconImage, isStandalone: true, selector: "eds-icon-image, span[edsIconImage]", inputs: { iconUrl: "iconUrl", ariaLabel: "ariaLabel", ariaHidden: ["ariaHidden", "ariaHidden", booleanAttribute] }, host: { properties: { "attr.role": "this.ariaRole", "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel", "ariaHidden": "this.ariaHidden" } }, hostDirectives: [{ directive: i1.EuiBaseSizeVariantsDirective, inputs: ["euiSize2XS", "euiSize2XS", "euiSizeXS", "euiSizeXS", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiSizeXL", "euiSizeXL", "euiSize2XL", "euiSize2XL", "euiSize3XL", "euiSize3XL", "euiSize4XL", "euiSize4XL", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: "<svg class=\"eds-icon-svg-image\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.role]=\"'img'\">\n    <image [attr.href]=\"iconUrl\" [class]=\"'eds-icon-svg-image'\"></image>\n</svg>\n", styles: [".eui-21 :host.eds-icon-image{--_size: var(--_icon-size, var(--eds-is-m));--_color: var(--_on-surface)}.eui-21 :host.eds-icon-image.eds-icon-image--size-2xs{--_size: var(--eds-is-2xs)}.eui-21 :host.eds-icon-image.eds-icon-image--size-xs{--_size: var(--eds-is-xs)}.eui-21 :host.eds-icon-image.eds-icon-image--size-s{--_size: var(--eds-is-s)}.eui-21 :host.eds-icon-image.eds-icon-image--size-m{--_size: var(--eds-is-m)}.eui-21 :host.eds-icon-image.eds-icon-image--size-l{--_size: var(--eds-is-l)}.eui-21 :host.eds-icon-image.eds-icon-image--size-xl{--_size: var(--eds-is-xl)}.eui-21 :host.eds-icon-image.eds-icon-image--size-2xl{--_size: var(--eds-is-2xl)}.eui-21 :host.eds-icon-image.eds-icon-image--size-3xl{--_size: var(--eds-is-3xl)}.eui-21 :host.eds-icon-image.eds-icon-image--size-4xl{--_size: var(--eds-is-4xl)}.eui-21 :host.eds-icon-image{display:inline-flex;position:relative}.eui-21 :host.eds-icon-image .eds-icon-svg-image{height:var(--_size);width:var(--_size)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.0.5", type: EdsIconImage, isStandalone: true, selector: "eds-icon-image, span[edsIconImage]", inputs: { iconUrl: "iconUrl", ariaLabel: "ariaLabel", ariaHidden: ["ariaHidden", "ariaHidden", booleanAttribute] }, host: { properties: { "attr.role": "this.ariaRole", "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel", "ariaHidden": "this.ariaHidden" } }, hostDirectives: [{ directive: i1.EdsBaseSizeVariantsDirective, inputs: ["edsSize2XS", "edsSize2XS", "edsSizeXS", "edsSizeXS", "edsSizeS", "edsSizeS", "edsSizeM", "edsSizeM", "edsSizeL", "edsSizeL", "edsSizeXL", "edsSizeXL", "edsSize2XL", "edsSize2XL", "edsSize3XL", "edsSize3XL", "edsSize4XL", "edsSize4XL", "edsSizeVariant", "edsSizeVariant"] }], ngImport: i0, template: "<svg class=\"eds-icon-svg-image\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.role]=\"'img'\">\n    <image [attr.href]=\"iconUrl\" [class]=\"'eds-icon-svg-image'\"></image>\n</svg>\n", styles: [".eui-21 :host.eds-icon-image{--_size: var(--_icon-size, var(--eds-is-m));--_color: var(--_on-surface)}.eui-21 :host.eds-icon-image.eds-icon-image--size-2xs{--_size: var(--eds-is-2xs)}.eui-21 :host.eds-icon-image.eds-icon-image--size-xs{--_size: var(--eds-is-xs)}.eui-21 :host.eds-icon-image.eds-icon-image--size-s{--_size: var(--eds-is-s)}.eui-21 :host.eds-icon-image.eds-icon-image--size-m{--_size: var(--eds-is-m)}.eui-21 :host.eds-icon-image.eds-icon-image--size-l{--_size: var(--eds-is-l)}.eui-21 :host.eds-icon-image.eds-icon-image--size-xl{--_size: var(--eds-is-xl)}.eui-21 :host.eds-icon-image.eds-icon-image--size-2xl{--_size: var(--eds-is-2xl)}.eui-21 :host.eds-icon-image.eds-icon-image--size-3xl{--_size: var(--eds-is-3xl)}.eui-21 :host.eds-icon-image.eds-icon-image--size-4xl{--_size: var(--eds-is-4xl)}.eui-21 :host.eds-icon-image{display:inline-flex;position:relative}.eui-21 :host.eds-icon-image .eds-icon-svg-image{height:var(--_size);width:var(--_size)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsIconImage, decorators: [{
             type: Component,
             args: [{ selector: 'eds-icon-image, span[edsIconImage]', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
-                            directive: EuiBaseSizeVariantsDirective,
+                            directive: EdsBaseSizeVariantsDirective,
                             inputs: [
-                                'euiSize2XS',
-                                'euiSizeXS',
-                                'euiSizeS',
-                                'euiSizeM',
-                                'euiSizeL',
-                                'euiSizeXL',
-                                'euiSize2XL',
-                                'euiSize3XL',
-                                'euiSize4XL',
-                                'euiSizeVariant',
+                                'edsSize2XS',
+                                'edsSizeXS',
+                                'edsSizeS',
+                                'edsSizeM',
+                                'edsSizeL',
+                                'edsSizeXL',
+                                'edsSize2XL',
+                                'edsSize3XL',
+                                'edsSize4XL',
+                                'edsSizeVariant',
                             ],
                         },
                     ], template: "<svg class=\"eds-icon-svg-image\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.role]=\"'img'\">\n    <image [attr.href]=\"iconUrl\" [class]=\"'eds-icon-svg-image'\"></image>\n</svg>\n", styles: [".eui-21 :host.eds-icon-image{--_size: var(--_icon-size, var(--eds-is-m));--_color: var(--_on-surface)}.eui-21 :host.eds-icon-image.eds-icon-image--size-2xs{--_size: var(--eds-is-2xs)}.eui-21 :host.eds-icon-image.eds-icon-image--size-xs{--_size: var(--eds-is-xs)}.eui-21 :host.eds-icon-image.eds-icon-image--size-s{--_size: var(--eds-is-s)}.eui-21 :host.eds-icon-image.eds-icon-image--size-m{--_size: var(--eds-is-m)}.eui-21 :host.eds-icon-image.eds-icon-image--size-l{--_size: var(--eds-is-l)}.eui-21 :host.eds-icon-image.eds-icon-image--size-xl{--_size: var(--eds-is-xl)}.eui-21 :host.eds-icon-image.eds-icon-image--size-2xl{--_size: var(--eds-is-2xl)}.eui-21 :host.eds-icon-image.eds-icon-image--size-3xl{--_size: var(--eds-is-3xl)}.eui-21 :host.eds-icon-image.eds-icon-image--size-4xl{--_size: var(--eds-is-4xl)}.eui-21 :host.eds-icon-image{display:inline-flex;position:relative}.eui-21 :host.eds-icon-image .eds-icon-svg-image{height:var(--_size);width:var(--_size)}\n"] }]

package/fesm2022/eui-eds-eds-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-eds-eds-icon.mjs","sources":["../../eds-icon/eds-icon.ts","../../eds-icon/eds-icon.html","../../eds-icon/eds-icon-image.ts","../../eds-icon/eds-icon-image.html","../../eds-icon/index.ts","../../eds-icon/eui-eds-eds-icon.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Input,\n    HostBinding,\n    OnInit,\n    ViewEncapsulation,\n    OnChanges,\n    SimpleChanges,\n    AfterContentInit,\n    inject,\n    booleanAttribute,\n} from '@angular/core';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\nimport { EuiConfig } from '@eui/core';\nimport { EuiBaseColorVariantsDirective, EuiBaseSizeVariantsDirective } from '@eui/eds/shared';\n\n@Component({\n    selector: 'eds-icon, span[edsIcon]',\n    templateUrl: './eds-icon.html',\n    styleUrls: ['./eds-icon.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    hostDirectives: [\n        {\n            directive: EuiBaseSizeVariantsDirective,\n            inputs: [\n                'euiSize2XS',\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiSize2XL',\n                'euiSize3XL',\n                'euiSize4XL',\n                'euiSizeVariant',\n            ],\n        },\n        {\n            directive: EuiBaseColorVariantsDirective,\n            inputs: [\n                'euiPrimary',\n                'euiNeutral',\n                'euiHighlight',\n                'euiInfo',\n                'euiSuccess',\n                'euiWarning',\n                'euiCritical',\n                'euiDisabled',\n                'euiColorVariant',\n            ],\n        },         \n    ],    \n})\nexport class EdsIcon implements AfterContentInit, OnChanges, OnInit {\n    @HostBinding('attr.role') ariaRole = 'img';\n\n    /**\n     * Name of the icon to display, optionally including the icon set using 'iconName:setName' format.\n     * When format includes colon separator, automatically splits into icon and set properties.\n     * Required for icon display unless iconUrl is provided.\n     */\n    @Input() icon!: string;\n    /**\n     * Icon set library to load the icon from.\n     * Determines the source directory for icon SVG files.\n     * @default 'eui'\n     */\n    @Input() set = 'regular';\n\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            'eds-icon',\n            this.sizeVariantsBase.getCssClasses('eds-icon'),\n            this.colorVariantsBase.getCssClasses('eds-icon'),\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    /**\n     * Accessible label for screen readers describing the icon's purpose.\n     * Provides semantic meaning when icon conveys information beyond decoration.\n     * @default 'Icon'\n     */\n    @HostBinding('attr.aria-label')\n    @Input() ariaLabel!: string;\n\n    public iconName!: string;\n    public assetsBaseUrl = 'assets';\n\n    /**\n     * Hides the icon from assistive technologies when purely decorative.\n     * Set to false when icon conveys meaningful information requiring announcement.\n     * @default true\n     */\n    @HostBinding() @Input({ transform: booleanAttribute }) ariaHidden = true;\n    \n    protected sizeVariantsBase: EuiBaseSizeVariantsDirective = inject(EuiBaseSizeVariantsDirective);\n    protected colorVariantsBase: EuiBaseColorVariantsDirective = inject(EuiBaseColorVariantsDirective);\n\n    private config = inject<EuiConfig>(EUI_CONFIG_TOKEN, { optional: true })!;\n\n    ngOnInit(): void {\n        const assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl;\n        if (assetsBaseUrl) {\n            this.assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl || 'assets';\n        }\n    }\n\n    ngOnChanges(c: SimpleChanges): void {\n        if (c && c.set) {\n            if (c.set.currentValue !== c.set.previousValue) {\n                this._setIconAndSet();\n            }\n        }\n\n        if (c && c.icon) {\n            if (c.icon.currentValue !== c.icon.previousValue) {\n                this._setIconAndSet();\n            }\n        }\n    }\n\n    ngAfterContentInit(): void {\n        this._setIconAndSet();\n    }\n\n    private _setIconAndSet(): void {\n        if (this.icon && this.icon.indexOf(':') > -1) {\n            const iconSet = this.icon.split(':');\n            this.icon = iconSet[0];\n            this.set = iconSet[1];\n        }\n\n        if (!this.set || this.set === '') {\n            this.set = 'regular';\n        } else {\n            this.iconName = this.icon;\n        }\n    }\n}\n","<svg\n    class=\"eds-icon-svg eds-sprite-{{icon}}\"\n    [attr.aria-hidden]=\"ariaRole === 'button' ? true : ariaHidden\"\n    [attr.role]=\"ariaRole === 'button' ? null : 'img'\">\n    <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n</svg>\n<ng-content />\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    Input,\n    HostBinding,\n    OnInit,\n    inject,\n    booleanAttribute,\n} from '@angular/core';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\nimport { EuiConfig } from '@eui/core';\nimport { EuiBaseSizeVariantsDirective } from '@eui/eds/shared';\n\n@Component({\n    selector: 'eds-icon-image, span[edsIconImage]',\n    templateUrl: './eds-icon-image.html',\n    styleUrls: ['./eds-icon-image.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    hostDirectives: [\n        {\n            directive: EuiBaseSizeVariantsDirective,\n            inputs: [\n                'euiSize2XS',\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiSize2XL',\n                'euiSize3XL',\n                'euiSize4XL',\n                'euiSizeVariant',\n            ],\n        },\n    ],\n})\nexport class EdsIconImage implements OnInit {\n    @HostBinding('attr.role') ariaRole = 'img';\n\n    /**\n     * Direct URL to an SVG icon file, bypassing the icon set resolution.\n     * Useful for loading custom or external icons not in configured icon sets.\n     */\n    @Input() iconUrl!: string;\n\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            'eds-icon-image',\n            this.sizeVariantsBase.getCssClasses('eds-icon-image'),\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    /**\n     * Accessible label for screen readers describing the icon's purpose.\n     * Provides semantic meaning when icon conveys information beyond decoration.\n     */\n    @HostBinding('attr.aria-label')\n    @Input() ariaLabel!: string;\n\n    public assetsBaseUrl = 'assets';\n\n    /**\n     * Hides the icon from assistive technologies when purely decorative.\n     * Set to false when icon conveys meaningful information requiring announcement.\n     * @default true\n     */\n    @HostBinding() @Input({ transform: booleanAttribute }) ariaHidden = true;\n    \n    protected sizeVariantsBase: EuiBaseSizeVariantsDirective = inject(EuiBaseSizeVariantsDirective);\n\n    private config = inject<EuiConfig>(EUI_CONFIG_TOKEN, { optional: true })!;\n\n    ngOnInit(): void {\n        const assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl;\n        if (assetsBaseUrl) {\n            this.assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl || 'assets';\n        }\n    }\n}\n","<svg class=\"eds-icon-svg-image\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.role]=\"'img'\">\n    <image [attr.href]=\"iconUrl\" [class]=\"'eds-icon-svg-image'\"></image>\n</svg>\n","import { EdsIcon } from './eds-icon';\nimport { EdsIconImage } from './eds-icon-image';\n\nexport * from './eds-icon';\nexport * from './eds-icon-image';\n\nexport const EDS_ICON = [\n    EdsIcon,\n    EdsIconImage,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-eds-eds-icon.mjs","sources":["../../eds-icon/eds-icon.ts","../../eds-icon/eds-icon.html","../../eds-icon/eds-icon-image.ts","../../eds-icon/eds-icon-image.html","../../eds-icon/index.ts","../../eds-icon/eui-eds-eds-icon.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    OnInit,\n    inject,\n    computed,\n    booleanAttribute,\n    input,\n} from '@angular/core';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\nimport { EuiConfig } from '@eui/core';\nimport { EdsBaseColorVariantsDirective, EdsBaseSizeVariantsDirective } from '@eui/eds/shared';\n\n@Component({\n    selector: 'eds-icon, span[edsIcon]',\n    templateUrl: './eds-icon.html',\n    styleUrls: ['./eds-icon.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[class]': 'hostClasses()',\n        role: 'img',\n        '[attr.aria-label]': 'ariaLabel()',\n        '[attr.aria-hidden]': 'ariaHidden()',\n    },\n    hostDirectives: [\n        {\n            directive: EdsBaseSizeVariantsDirective,\n            inputs: [\n                'edsSize2XS',\n                'edsSizeXS',\n                'edsSizeS',\n                'edsSizeM',\n                'edsSizeL',\n                'edsSizeXL',\n                'edsSize2XL',\n                'edsSize3XL',\n                'edsSize4XL',\n                'edsSizeVariant',\n            ],\n        },\n        {\n            directive: EdsBaseColorVariantsDirective,\n            inputs: [\n                'edsPrimary',\n                'edsNeutral',\n                'edsHighlight',\n                'edsInfo',\n                'edsSuccess',\n                'edsWarning',\n                'edsCritical',\n                'edsDisabled',\n                'edsColorVariant',\n            ],\n        },\n    ],\n})\nexport class EdsIcon implements OnInit {\n    /**\n     * Name of the icon to display, optionally including the icon set using 'iconName:setName' format.\n     * When format includes colon separator, automatically splits into icon and set properties.\n     */\n    icon = input<string>('');\n\n    /**\n     * Icon set library to load the icon from.\n     * @default 'regular'\n     */\n    set = input('regular');\n\n    /**\n     * Accessible label for screen readers describing the icon's purpose.\n     */\n    ariaLabel = input<string>('');\n\n    /**\n     * Hides the icon from assistive technologies when purely decorative.\n     * @default true\n     */\n    ariaHidden = input(true, { transform: booleanAttribute });\n\n    hostClasses = computed(() => {\n        return [\n            'eds-icon',\n            this.sizeVariantsBase.getCssClasses('eds-icon'),\n            this.colorVariantsBase.getCssClasses('eds-icon'),\n        ]\n            .join(' ')\n            .trim();\n    });\n\n    /** Resolved icon name (parsed from 'icon:set' format). */\n    iconName = computed(() => {\n        const raw = this.icon();\n        if (raw && raw.indexOf(':') > -1) {\n            return raw.split(':')[0];\n        }\n        return raw;\n    });\n\n    /** Resolved icon set (parsed from 'icon:set' format or defaults to set input). */\n    resolvedSet = computed(() => {\n        const raw = this.icon();\n        if (raw && raw.indexOf(':') > -1) {\n            return raw.split(':')[1] || 'regular';\n        }\n        return this.set() || 'regular';\n    });\n\n    public assetsBaseUrl = 'assets';\n\n    protected sizeVariantsBase: EdsBaseSizeVariantsDirective = inject(EdsBaseSizeVariantsDirective);\n    protected colorVariantsBase: EdsBaseColorVariantsDirective = inject(EdsBaseColorVariantsDirective);\n\n    private config = inject<EuiConfig>(EUI_CONFIG_TOKEN, { optional: true })!;\n\n    ngOnInit(): void {\n        const assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl;\n        if (assetsBaseUrl) {\n            this.assetsBaseUrl = assetsBaseUrl;\n        }\n    }\n}\n","<svg\n    class=\"eds-icon-svg eds-sprite-{{iconName()}}\"\n    aria-hidden=\"true\">\n    <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + resolvedSet() + '.svg#' + iconName()\"></use>\n</svg>\n<ng-content />\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    Input,\n    HostBinding,\n    OnInit,\n    inject,\n    booleanAttribute,\n} from '@angular/core';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\nimport { EuiConfig } from '@eui/core';\nimport { EdsBaseSizeVariantsDirective } from '@eui/eds/shared';\n\n@Component({\n    selector: 'eds-icon-image, span[edsIconImage]',\n    templateUrl: './eds-icon-image.html',\n    styleUrls: ['./eds-icon-image.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    hostDirectives: [\n        {\n            directive: EdsBaseSizeVariantsDirective,\n            inputs: [\n                'edsSize2XS',\n                'edsSizeXS',\n                'edsSizeS',\n                'edsSizeM',\n                'edsSizeL',\n                'edsSizeXL',\n                'edsSize2XL',\n                'edsSize3XL',\n                'edsSize4XL',\n                'edsSizeVariant',\n            ],\n        },\n    ],\n})\nexport class EdsIconImage implements OnInit {\n    @HostBinding('attr.role') ariaRole = 'img';\n\n    /**\n     * Direct URL to an SVG icon file, bypassing the icon set resolution.\n     * Useful for loading custom or external icons not in configured icon sets.\n     */\n    @Input() iconUrl!: string;\n\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            'eds-icon-image',\n            this.sizeVariantsBase.getCssClasses('eds-icon-image'),\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    /**\n     * Accessible label for screen readers describing the icon's purpose.\n     * Provides semantic meaning when icon conveys information beyond decoration.\n     */\n    @HostBinding('attr.aria-label')\n    @Input() ariaLabel!: string;\n\n    public assetsBaseUrl = 'assets';\n\n    /**\n     * Hides the icon from assistive technologies when purely decorative.\n     * Set to false when icon conveys meaningful information requiring announcement.\n     * @default true\n     */\n    @HostBinding() @Input({ transform: booleanAttribute }) ariaHidden = true;\n    \n    protected sizeVariantsBase: EdsBaseSizeVariantsDirective = inject(EdsBaseSizeVariantsDirective);\n\n    private config = inject<EuiConfig>(EUI_CONFIG_TOKEN, { optional: true })!;\n\n    ngOnInit(): void {\n        const assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl;\n        if (assetsBaseUrl) {\n            this.assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl || 'assets';\n        }\n    }\n}\n","<svg class=\"eds-icon-svg-image\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.role]=\"'img'\">\n    <image [attr.href]=\"iconUrl\" [class]=\"'eds-icon-svg-image'\"></image>\n</svg>\n","import { EdsIcon } from './eds-icon';\nimport { EdsIconImage } from './eds-icon-image';\n\nexport * from './eds-icon';\nexport * from './eds-icon-image';\n\nexport const EDS_ICON = [\n    EdsIcon,\n    EdsIconImage,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}