@eui/eds 23.0.0-alpha.11 → 23.0.0-alpha.13

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

@@ -1 +1 @@
-{"version":3,"file":"eui-eds-eds-link.mjs","sources":["../../eds-link/eds-link.ts","../../eds-link/index.ts","../../eds-link/eui-eds-eds-link.ts"],"sourcesContent":["import {\n    Directive,\n    ChangeDetectionStrategy,\n    Component,\n    booleanAttribute,\n    input,\n    computed,\n} from '@angular/core';\n\n@Component({\n    // eslint-disable-next-line\n    selector: 'a[edsLink]',\n    template: '<ng-content/>',\n    styleUrl: './eds-link.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[class]': 'hostClasses()',\n        '[attr.data-e2e]': 'e2eAttr()',\n        '[attr.target]': 'edsExternal() ? \"_blank\" : null',\n        '[attr.rel]': 'edsExternal() ? \"noopener noreferrer\" : null',\n    },\n})\nexport class EdsLink {\n    /** @description Data attribute for e2e testing */\n    e2eAttr = input('eds-link');\n\n    /** @description When true, styles the link as an external link (adds icon + target=\"_blank\") */\n    edsExternal = input(false, { transform: booleanAttribute });\n\n    /** @description When true, applies a subtle/muted style */\n    edsSubtle = input(false, { transform: booleanAttribute });\n\n    /** @description When true, removes the underline */\n    edsNoUnderline = input(false, { transform: booleanAttribute });\n\n    /** @description When true, makes the link inherit the parent color */\n    edsInherit = input(false, { transform: booleanAttribute });\n\n    hostClasses = computed(() => {\n        return [\n            'eds-link',\n            this.edsExternal() ? 'eds-link--external' : '',\n            this.edsSubtle() ? 'eds-link--subtle' : '',\n            this.edsNoUnderline() ? 'eds-link--no-underline' : '',\n            this.edsInherit() ? 'eds-link--inherit' : '',\n        ]\n            .join(' ')\n            .trim();\n    });\n}\n","import { EdsLink } from './eds-link';\n\nexport * from './eds-link';\n\n/** Convenience array for importing all eds-link components. */\nexport const EDS_LINK = [\n    EdsLink,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAsBa,OAAO,CAAA;AAbpB,IAAA,WAAA,GAAA;;QAeI,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,UAAU;oFAAC;;QAG3B,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,KAAK,mFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;;QAG3D,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,iFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;;QAGzD,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,KAAK,sFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;;QAG9D,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,KAAK,kFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAE1D,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;YACxB,OAAO;gBACH,UAAU;gBACV,IAAI,CAAC,WAAW,EAAE,GAAG,oBAAoB,GAAG,EAAE;gBAC9C,IAAI,CAAC,SAAS,EAAE,GAAG,kBAAkB,GAAG,EAAE;gBAC1C,IAAI,CAAC,cAAc,EAAE,GAAG,wBAAwB,GAAG,EAAE;gBACrD,IAAI,CAAC,UAAU,EAAE,GAAG,mBAAmB,GAAG,EAAE;AAC/C;iBACI,IAAI,CAAC,GAAG;AACR,iBAAA,IAAI,EAAE;QACf,CAAC;wFAAC;AACL,IAAA;8GA3BY,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAP,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,OAAO,47BAVN,eAAe,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+3tiDAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAUhB,OAAO,EAAA,UAAA,EAAA,CAAA;kBAbnB,SAAS;AAEI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,YACZ,eAAe,EAAA,eAAA,EAER,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACF,wBAAA,SAAS,EAAE,eAAe;AAC1B,wBAAA,iBAAiB,EAAE,WAAW;AAC9B,wBAAA,eAAe,EAAE,iCAAiC;AAClD,wBAAA,YAAY,EAAE,8CAA8C;AAC/D,qBAAA,EAAA,MAAA,EAAA,CAAA,+3tiDAAA,CAAA,EAAA;;;AChBL;AACO,MAAM,QAAQ,GAAG;IACpB,OAAO;;;ACNX;;AAEG;;;;"}
+{"version":3,"file":"eui-eds-eds-link.mjs","sources":["../../eds-link/eds-link.ts","../../eds-link/index.ts","../../eds-link/eui-eds-eds-link.ts"],"sourcesContent":["import {\n    Directive,\n    ChangeDetectionStrategy,\n    Component,\n    booleanAttribute,\n    input,\n    computed,\n} from '@angular/core';\n\n@Component({\n    // eslint-disable-next-line\n    selector: 'a[edsLink]',\n    template: '<ng-content/>',\n    styleUrl: './eds-link.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[class]': 'hostClasses()',\n        '[attr.data-e2e]': 'e2eAttr()',\n        '[attr.target]': 'edsExternal() ? \"_blank\" : null',\n        '[attr.rel]': 'edsExternal() ? \"noopener noreferrer\" : null',\n    },\n})\nexport class EdsLink {\n    /** @description Data attribute for e2e testing */\n    e2eAttr = input('eds-link');\n\n    /** @description When true, styles the link as an external link (adds icon + target=\"_blank\") */\n    edsExternal = input(false, { transform: booleanAttribute });\n\n    /** @description When true, applies a subtle/muted style */\n    edsSubtle = input(false, { transform: booleanAttribute });\n\n    /** @description When true, removes the underline */\n    edsNoUnderline = input(false, { transform: booleanAttribute });\n\n    /** @description When true, makes the link inherit the parent color */\n    edsInherit = input(false, { transform: booleanAttribute });\n\n    hostClasses = computed(() => {\n        return [\n            'eds-link',\n            this.edsExternal() ? 'eds-link--external' : '',\n            this.edsSubtle() ? 'eds-link--subtle' : '',\n            this.edsNoUnderline() ? 'eds-link--no-underline' : '',\n            this.edsInherit() ? 'eds-link--inherit' : '',\n        ]\n            .join(' ')\n            .trim();\n    });\n}\n","import { EdsLink } from './eds-link';\n\nexport * from './eds-link';\n\n/** Convenience array for importing all eds-link components. */\nexport const EDS_LINK = [\n    EdsLink,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAsBa,OAAO,CAAA;AAbpB,IAAA,WAAA,GAAA;;QAeI,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,UAAU;oFAAC;;QAG3B,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,KAAK,mFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;;QAG3D,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,iFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;;QAGzD,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,KAAK,sFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;;QAG9D,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,KAAK,kFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAE1D,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;YACxB,OAAO;gBACH,UAAU;gBACV,IAAI,CAAC,WAAW,EAAE,GAAG,oBAAoB,GAAG,EAAE;gBAC9C,IAAI,CAAC,SAAS,EAAE,GAAG,kBAAkB,GAAG,EAAE;gBAC1C,IAAI,CAAC,cAAc,EAAE,GAAG,wBAAwB,GAAG,EAAE;gBACrD,IAAI,CAAC,UAAU,EAAE,GAAG,mBAAmB,GAAG,EAAE;AAC/C;iBACI,IAAI,CAAC,GAAG;AACR,iBAAA,IAAI,EAAE;QACf,CAAC;wFAAC;AACL,IAAA;8GA3BY,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAP,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,OAAO,47BAVN,eAAe,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,iw5vCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAUhB,OAAO,EAAA,UAAA,EAAA,CAAA;kBAbnB,SAAS;AAEI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,YACZ,eAAe,EAAA,eAAA,EAER,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACF,wBAAA,SAAS,EAAE,eAAe;AAC1B,wBAAA,iBAAiB,EAAE,WAAW;AAC9B,wBAAA,eAAe,EAAE,iCAAiC;AAClD,wBAAA,YAAY,EAAE,8CAA8C;AAC/D,qBAAA,EAAA,MAAA,EAAA,CAAA,iw5vCAAA,CAAA,EAAA;;;AChBL;AACO,MAAM,QAAQ,GAAG;IACpB,OAAO;;;ACNX;;AAEG;;;;"}

package/fesm2022/eui-eds-eds-list-items.mjs

@@ -146,10 +146,10 @@ class EdsListItem {
     setInactiveStyles() {
         this.isActiveState.set(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsListItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.5", type: EdsListItem, isStandalone: true, selector: "[eds-list-item], eds-list-item", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, edsDisabled: { classPropertyName: "edsDisabled", publicName: "edsDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.role": "itemRole()", "attr.aria-selected": "ariaSelected()", "attr.aria-disabled": "edsDisabled() || null", "attr.data-e2e": "e2eAttr()", "attr.tabindex": "\"-1\"" } }, queries: [{ propertyName: "nestedLists", predicate: i0.forwardRef(() => EdsListItems), descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.EdsColorDirective, inputs: ["edsNeutral", "edsNeutral", "edsInfo", "edsInfo", "edsSuccess", "edsSuccess", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "<ng-content select=\"eds-icon\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"[eds-list-items], eds-list-items\"></ng-content>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{--_color: var(--eds-c-foreground)}.eui-21 :host.eds-list-item--neutral{--_color: var(--eds-c-foreground-subtle)}.eui-21 :host.eds-list-item--info{--_color: var(--eds-c-foreground-info)}.eui-21 :host.eds-list-item--success{--_color: var(--eds-c-foreground-success)}.eui-21 :host.eds-list-item--warning{--_color: var(--eds-c-foreground-warning)}.eui-21 :host.eds-list-item--critical{--_color: var(--eds-c-foreground-critical)}.eui-21 :host{background:none;border:var(--eds-bw-none);box-shadow:none;color:var(--_color);cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:var(--eds-sp-xs);max-width:100%;outline:none;padding:var(--eds-sp-xs) var(--eds-sp-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none}.eui-21 :host:focus-visible{outline:var(--eds-bw-xs) solid var(--eds-c-border-focus);outline-offset:calc(-1 * var(--eds-sp-4xs));border-radius:var(--eds-br-xs)}.eui-21 :host:hover{background-color:var(--eds-c-surface-elevation-sunken)}.eui-21 :host:active,.eui-21 :host.eds-list-item--active{background-color:var(--eds-c-surface-primary-subtle)}.eui-21 :host.eds-list-item--disabled{pointer-events:none;opacity:var(--eds-op-40)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsListItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: EdsListItem, isStandalone: true, selector: "[eds-list-item], eds-list-item", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, edsDisabled: { classPropertyName: "edsDisabled", publicName: "edsDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.role": "itemRole()", "attr.aria-selected": "ariaSelected()", "attr.aria-disabled": "edsDisabled() || null", "attr.data-e2e": "e2eAttr()", "attr.tabindex": "\"-1\"" } }, queries: [{ propertyName: "nestedLists", predicate: i0.forwardRef(() => EdsListItems), descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.EdsColorDirective, inputs: ["edsNeutral", "edsNeutral", "edsInfo", "edsInfo", "edsSuccess", "edsSuccess", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "<ng-content select=\"eds-icon\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"[eds-list-items], eds-list-items\"></ng-content>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{--_color: var(--eds-c-foreground)}.eui-21 :host.eds-list-item--neutral{--_color: var(--eds-c-foreground-subtle)}.eui-21 :host.eds-list-item--info{--_color: var(--eds-c-foreground-info)}.eui-21 :host.eds-list-item--success{--_color: var(--eds-c-foreground-success)}.eui-21 :host.eds-list-item--warning{--_color: var(--eds-c-foreground-warning)}.eui-21 :host.eds-list-item--critical{--_color: var(--eds-c-foreground-critical)}.eui-21 :host{background:none;border:var(--eds-bw-none);box-shadow:none;color:var(--_color);cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:var(--eds-sp-xs);max-width:100%;outline:none;padding:var(--eds-sp-xs) var(--eds-sp-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none}.eui-21 :host:focus-visible{outline:var(--eds-bw-xs) solid var(--eds-c-border-focus);outline-offset:calc(-1 * var(--eds-sp-4xs));border-radius:var(--eds-br-xs)}.eui-21 :host:hover{background-color:var(--eds-c-surface-elevation-sunken)}.eui-21 :host:active,.eui-21 :host.eds-list-item--active{background-color:var(--eds-c-surface-primary-subtle)}.eui-21 :host.eds-list-item--disabled{pointer-events:none;opacity:var(--eds-op-40)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsListItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsListItem, decorators: [{
             type: Component,
             args: [{ selector: '[eds-list-item], eds-list-item', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
@@ -359,10 +359,10 @@ class EdsListItems {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsListItems, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.5", type: EdsListItems, isStandalone: true, selector: "[eds-list-items], eds-list-items", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, edsRole: { classPropertyName: "edsRole", publicName: "edsRole", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "hostClasses()", "attr.role": "edsRole()", "attr.aria-label": "ariaLabel()", "attr.aria-orientation": "\"vertical\"", "attr.tabindex": "tabIndex()", "attr.data-e2e": "e2eAttr()" } }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => EdsListItem), descendants: true, isSignal: true }], ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;height:auto;position:relative;margin:0;padding:0;list-style:none}.eui-21 :host:focus-visible{outline:var(--eds-bw-xs) solid var(--eds-c-border-focus);outline-offset:var(--eds-sp-4xs);border-radius:var(--eds-br-xs)}.eui-21 :host button.eds-list-item{padding:var(--eds-sp-3xs) var(--eds-sp-xs)}.eui-21 .eds-list-item :host{flex-basis:100%;margin-left:var(--eds-sp-m);margin-top:var(--eds-sp-3xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsListItems, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: EdsListItems, isStandalone: true, selector: "[eds-list-items], eds-list-items", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, edsRole: { classPropertyName: "edsRole", publicName: "edsRole", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "hostClasses()", "attr.role": "edsRole()", "attr.aria-label": "ariaLabel()", "attr.aria-orientation": "\"vertical\"", "attr.tabindex": "tabIndex()", "attr.data-e2e": "e2eAttr()" } }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => EdsListItem), descendants: true, isSignal: true }], ngImport: i0, template: '<ng-content/>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;height:auto;position:relative;margin:0;padding:0;list-style:none}.eui-21 :host:focus-visible{outline:var(--eds-bw-xs) solid var(--eds-c-border-focus);outline-offset:var(--eds-sp-4xs);border-radius:var(--eds-br-xs)}.eui-21 :host button.eds-list-item{padding:var(--eds-sp-3xs) var(--eds-sp-xs)}.eui-21 .eds-list-item :host{flex-basis:100%;margin-left:var(--eds-sp-m);margin-top:var(--eds-sp-3xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsListItems, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsListItems, decorators: [{
             type: Component,
             args: [{ selector: '[eds-list-items], eds-list-items', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class]': 'hostClasses()',

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

@@ -102,10 +102,10 @@ class EdsMenuItemComponent {
         event.stopPropagation();
         this.item().actionIcon?.action?.(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsMenuItemComponent, isStandalone: true, selector: "eds-menu-item", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, hasIcon: { classPropertyName: "hasIcon", publicName: "hasIcon", isSignal: true, isRequired: false, transformFunction: null }, hasIconLabel: { classPropertyName: "hasIconLabel", publicName: "hasIconLabel", isSignal: true, isRequired: false, transformFunction: null }, hasTooltip: { classPropertyName: "hasTooltip", publicName: "hasTooltip", isSignal: true, isRequired: false, transformFunction: null }, hasTooltipOnExpanded: { classPropertyName: "hasTooltipOnExpanded", publicName: "hasTooltipOnExpanded", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null }, hasCollapsedInitials: { classPropertyName: "hasCollapsedInitials", publicName: "hasCollapsedInitials", isSignal: true, isRequired: false, transformFunction: null }, hasBoldRootLevel: { classPropertyName: "hasBoldRootLevel", publicName: "hasBoldRootLevel", isSignal: true, isRequired: false, transformFunction: null }, hasExpandIcon: { classPropertyName: "hasExpandIcon", publicName: "hasExpandIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick", expandToggle: "expandToggle" }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "item()?.e2eAttr || \"eds-menu-item\"", "attr.role": "\"treeitem\"", "attr.tabindex": "\"-1\"", "attr.aria-haspopup": "item()?.children?.length ? true : undefined", "attr.aria-expanded": "item()?.children ? !!item()?.expanded : undefined", "attr.aria-disabled": "item()?.disabled || undefined" } }, ngImport: i0, template: "@if (isLabelItem()) {\n    <!-- Category / label-only item (non-navigable) -->\n    <li role=\"none\" class=\"eds-menu-item__content eds-menu-item__content--category\"\n        [class.eds-menu-item--disabled]=\"item().disabled\"\n        [attr.title]=\"tooltipText()\">\n        <span class=\"eds-menu-item__link eds-menu-item__link--category\" (click)=\"onClick($event)\">\n            <span class=\"eds-menu-item__link-start-block\">\n                <ng-container *ngTemplateOutlet=\"iconBlock\"></ng-container>\n            </span>\n            <span class=\"eds-menu-item__link-content-block\">\n                <span class=\"eds-menu-item__link-label eds-menu-item__link-label--category\">{{ item().label }}</span>\n            </span>\n        </span>\n    </li>\n} @else {\n    <!-- Navigable / expandable item -->\n    <li role=\"none\" class=\"eds-menu-item__content\"\n        [class.eds-menu-item--disabled]=\"item().disabled\"\n        [class.eds-menu-item--expanded]=\"item().expanded\"\n        [class.eds-menu-item--active]=\"item().active\">\n\n        @if (item().url && !item().urlExternal) {\n            <!-- Internal router link -->\n            <a class=\"eds-menu-item__link\"\n               [class.eds-menu-item__link--active]=\"item().active\"\n               [class.eds-menu-item__link--disabled]=\"item().disabled\"\n               [class.eds-menu-item__link--has-sub]=\"item().children?.length\"\n               [routerLink]=\"item().url\"\n               [queryParams]=\"item().queryParams\"\n               routerLinkActive=\"eds-menu-item__link--active\"\n               [attr.title]=\"tooltipText()\"\n               (click)=\"onClick($event)\">\n                <ng-container *ngTemplateOutlet=\"linkContent\"></ng-container>\n            </a>\n        } @else {\n            <!-- External link / command / expandable -->\n            <a class=\"eds-menu-item__link\"\n               [class.eds-menu-item__link--active]=\"item().active\"\n               [class.eds-menu-item__link--disabled]=\"item().disabled\"\n               [class.eds-menu-item__link--has-sub]=\"item().children?.length\"\n               href=\"javascript:void(0)\"\n               [attr.title]=\"tooltipText()\"\n               (click)=\"onClick($event)\">\n                <ng-container *ngTemplateOutlet=\"linkContent\"></ng-container>\n            </a>\n        }\n\n        <!-- Projected child list -->\n        <ng-content />\n    </li>\n}\n\n<!-- LINK CONTENT TEMPLATE -->\n<ng-template #linkContent>\n    <span class=\"eds-menu-item__link-start-block\">\n        <ng-container *ngTemplateOutlet=\"iconBlock\"></ng-container>\n        @if (isCollapsed() && item().tagLabel) {\n            <eds-badge class=\"eds-menu-item__badge--dot\" [edsColorVariant]=\"$any(item().tagTypeClass || '')\" edsDottedBadge />\n        }\n    </span>\n\n    <span class=\"eds-menu-item__link-content-block\">\n        <span class=\"eds-menu-item__link-label\">{{ item().label }}</span>\n        @if (item().urlExternal && item().urlExternalTarget === '_blank') {\n            <eds-icon class=\"eds-menu-item__link-external-icon\" icon=\"arrow-square-out:core\" edsSizeXs />\n        }\n    </span>\n\n    <span class=\"eds-menu-item__link-end-block\">\n        @if (item().tagLabel && !isCollapsed()) {\n            <eds-badge [edsColorVariant]=\"$any(item().tagTypeClass || '')\" edsSizeS>{{ item().tagLabel }}</eds-badge>\n        }\n\n        @if (item().actionIcon) {\n            <button edsIconButton\n                    class=\"eds-menu-item__action-icon\"\n                    [icon]=\"item().actionIcon!.icon\"\n                    [ariaLabel]=\"item().actionIcon!.label || 'Action'\"\n                    edsSizeXS\n                    (click)=\"onActionIconClick($event)\">\n            </button>\n        }\n\n        @if (hasExpandIcon() && item().children?.length) {\n            <button edsIconButton\n                    class=\"eds-menu-item__expand-toggle\"\n                    [icon]=\"item().expanded ? 'caret-up' : 'caret-down'\"\n                    [ariaLabel]=\"item().expanded ? 'Collapse' : 'Expand'\"\n                    edsSizeXS\n                    edsRounded\n                    (click)=\"onExpandToggle($event)\">\n            </button>\n        }\n    </span>\n</ng-template>\n\n<!-- ICON BLOCK TEMPLATE -->\n<ng-template #iconBlock>\n    @if (!isCollapsed()) {\n        @if (hasIcon()) {\n            @if (item().icon) {\n                <eds-icon class=\"eds-menu-item__icon\" [icon]=\"item().icon!\" edsSizeS />\n            } @else if (item().hasMarker) {\n                <eds-icon class=\"eds-menu-item__marker\" icon=\"dot:core\" edsSizeXs\n                          [style.color]=\"'var(--eds-c-foreground-' + (item().markerTypeClass || 'primary') + ')'\" />\n            }\n        } @else if (item().hasMarker) {\n            <eds-icon class=\"eds-menu-item__marker\" icon=\"dot:core\" edsSizeXs\n                      [style.color]=\"'var(--eds-c-foreground-' + (item().markerTypeClass || 'primary') + ')'\" />\n        }\n    } @else {\n        <!-- Collapsed mode -->\n        @if (hasCollapsedInitials() && item().initials) {\n            <span class=\"eds-menu-item__initials\">{{ item().initials }}</span>\n        } @else if (hasIcon() && item().icon) {\n            <eds-icon class=\"eds-menu-item__icon\" [icon]=\"item().icon!\" edsSizeS />\n        } @else if (item().hasMarker) {\n            <eds-icon class=\"eds-menu-item__marker\" icon=\"dot:core\" edsSizeXs\n                      [style.color]=\"'var(--eds-c-foreground-' + (item().markerTypeClass || 'primary') + ')'\" />\n        } @else {\n            <span class=\"eds-menu-item__initials\">{{ item().label?.charAt(0) }}</span>\n        }\n\n        @if (hasIconLabel()) {\n            <span class=\"eds-menu-item__icon-label\">{{ item().label }}</span>\n        }\n    }\n</ng-template>\n\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;width:100%}.eui-21 :host:focus-visible:not([readonly]){outline:2px solid var(--eds-c-border-primary)!important;outline-offset:-2px!important;transition:none}.eui-21 :host .eds-menu-item__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-21 :host .eds-menu-item__link{display:flex;align-items:center;gap:var(--eds-sp-xs);padding:var(--eds-sp-xs) var(--eds-sp-l);font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-default);text-decoration:none;cursor:pointer;border:none;background:none;width:100%;min-height:40px;border-left:3px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease}.eui-21 :host .eds-menu-item__link:hover:not(.eds-menu-item__link--disabled):not(.eds-menu-item__link--category){background:var(--eds-c-surface-elevation-sunken);color:var(--eds-c-foreground-primary)}.eui-21 :host .eds-menu-item__link--active:not(.eds-menu-item--disabled){background:var(--eds-c-surface-primary-subtle);color:var(--eds-c-foreground-primary);font-weight:var(--eds-f-w-semi-bold);border-left-color:var(--eds-c-border-primary)}.eui-21 :host .eds-menu-item__link--disabled{opacity:var(--eds-op-40);pointer-events:none}.eui-21 :host .eds-menu-item__link--category{cursor:default;font:var(--eds-f-label-s-semi-bold);color:var(--eds-c-foreground-subtler);text-transform:uppercase;letter-spacing:.02em;padding:var(--eds-sp-m) var(--eds-sp-l) var(--eds-sp-xs);min-height:auto;border-left-color:transparent}.eui-21 :host .eds-menu-item__link--category:hover{background:none}.eui-21 :host .eds-menu-item__link-start-block{display:flex;align-items:center;gap:var(--eds-sp-xs);flex-shrink:0;position:relative}.eui-21 :host .eds-menu-item__link-start-block:empty{display:none}.eui-21 :host .eds-menu-item__link-content-block{display:flex;align-items:center;gap:var(--eds-sp-xs);flex:1;min-width:0}.eui-21 :host .eds-menu-item__link-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eui-21 :host .eds-menu-item__link-label--category{font:var(--eds-f-label-s-semi-bold);color:var(--eds-c-foreground-subtler)}.eui-21 :host .eds-menu-item__link-end-block{display:flex;align-items:center;gap:var(--eds-sp-xs);flex-shrink:0;margin-left:auto}.eui-21 :host .eds-menu-item__link-external-icon{flex-shrink:0;color:var(--eds-c-foreground-subtler)}.eui-21 :host .eds-menu-item__icon{flex-shrink:0}.eui-21 :host .eds-menu-item__marker{flex-shrink:0}.eui-21 :host .eds-menu-item__initials{display:flex;align-items:center;justify-content:center;font:var(--eds-f-label-m-semi-bold);width:32px;height:32px;border-radius:var(--eds-br-s);background:var(--eds-c-surface-elevation-sunken);border:1px solid var(--eds-c-border-divider);flex-shrink:0}.eui-21 :host .eds-menu-item__icon-label{font:var(--eds-f-microcopy-2xs);color:var(--eds-c-foreground-subtler);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.eui-21 :host .eds-menu-item__badge--dot{position:absolute;top:-2px;right:-2px;pointer-events:none}.eui-21 :host .eds-menu-item__action-icon{opacity:0;transition:opacity .15s ease}.eui-21 :host .eds-menu-item__content:hover .eds-menu-item__action-icon{opacity:1}.eui-21 :host .eds-menu-item__expand-toggle{flex-shrink:0}.eui-21 :host .eds-menu-item--disabled{opacity:var(--eds-op-40);pointer-events:none}.eui-21 :host .eds-menu-item--expanded>.eds-menu-item__link{font-weight:var(--eds-f-w-medium)}.eui-21 :host .eds-menu-item--active>.eds-menu-item__link{background:var(--eds-c-surface-primary-subtle);color:var(--eds-c-foreground-primary);font-weight:var(--eds-f-w-semi-bold);border-left-color:var(--eds-c-border-primary)}.eui-21 :host.eds-menu-item--bold>.eds-menu-item__content>.eds-menu-item__link{font-weight:var(--eds-f-w-semi-bold)}.eui-21 :host.eds-menu-item--icon-label .eds-menu-item__link{flex-direction:column;align-items:center;justify-content:center;padding:var(--eds-sp-xs);gap:var(--eds-sp-4xs);border-left:none;border-radius:var(--eds-br-s)}.eui-21 :host.eds-menu-item--icon-label .eds-menu-item__link-content-block{display:none}.eui-21 :host.eds-menu-item--icon-label .eds-menu-item__link-end-block{display:none}.eui-21 .eds-menu--collapsed :host .eds-menu-item__content{position:relative}.eui-21 .eds-menu--collapsed :host .eds-menu-item__link{justify-content:center;padding:var(--eds-sp-xs) var(--eds-sp-s);border-left:none;border-radius:var(--eds-br-s);margin:var(--eds-sp-4xs) 0}.eui-21 .eds-menu--collapsed :host .eds-menu-item__link-content-block{display:none}.eui-21 .eds-menu--collapsed :host .eds-menu-item__link-end-block{display:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i1.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "ariaLabel", "ariaHidden", "edsRounded"] }, { kind: "component", type: i2.EdsIconButton, selector: "button[edsIconButton]", inputs: ["icon", "ariaLabel", "edsRounded", "edsDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i3.EdsBadge, selector: "div[edsBadge], span[edsBadge], eds-badge", inputs: ["e2eAttr", "aria-label", "maxCharCount", "charReplacement", "edsBadgeIcon", "edsDottedBadge", "edsOutline"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsMenuItemComponent, isStandalone: true, selector: "eds-menu-item", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, hasIcon: { classPropertyName: "hasIcon", publicName: "hasIcon", isSignal: true, isRequired: false, transformFunction: null }, hasIconLabel: { classPropertyName: "hasIconLabel", publicName: "hasIconLabel", isSignal: true, isRequired: false, transformFunction: null }, hasTooltip: { classPropertyName: "hasTooltip", publicName: "hasTooltip", isSignal: true, isRequired: false, transformFunction: null }, hasTooltipOnExpanded: { classPropertyName: "hasTooltipOnExpanded", publicName: "hasTooltipOnExpanded", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null }, hasCollapsedInitials: { classPropertyName: "hasCollapsedInitials", publicName: "hasCollapsedInitials", isSignal: true, isRequired: false, transformFunction: null }, hasBoldRootLevel: { classPropertyName: "hasBoldRootLevel", publicName: "hasBoldRootLevel", isSignal: true, isRequired: false, transformFunction: null }, hasExpandIcon: { classPropertyName: "hasExpandIcon", publicName: "hasExpandIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick", expandToggle: "expandToggle" }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "item()?.e2eAttr || \"eds-menu-item\"", "attr.role": "\"treeitem\"", "attr.tabindex": "\"-1\"", "attr.aria-haspopup": "item()?.children?.length ? true : undefined", "attr.aria-expanded": "item()?.children ? !!item()?.expanded : undefined", "attr.aria-disabled": "item()?.disabled || undefined" } }, ngImport: i0, template: "@if (isLabelItem()) {\n    <!-- Category / label-only item (non-navigable) -->\n    <li role=\"none\" class=\"eds-menu-item__content eds-menu-item__content--category\"\n        [class.eds-menu-item--disabled]=\"item().disabled\"\n        [attr.title]=\"tooltipText()\">\n        <span class=\"eds-menu-item__link eds-menu-item__link--category\" (click)=\"onClick($event)\">\n            <span class=\"eds-menu-item__link-start-block\">\n                <ng-container *ngTemplateOutlet=\"iconBlock\"></ng-container>\n            </span>\n            <span class=\"eds-menu-item__link-content-block\">\n                <span class=\"eds-menu-item__link-label eds-menu-item__link-label--category\">{{ item().label }}</span>\n            </span>\n        </span>\n    </li>\n} @else {\n    <!-- Navigable / expandable item -->\n    <li role=\"none\" class=\"eds-menu-item__content\"\n        [class.eds-menu-item--disabled]=\"item().disabled\"\n        [class.eds-menu-item--expanded]=\"item().expanded\"\n        [class.eds-menu-item--active]=\"item().active\">\n\n        @if (item().url && !item().urlExternal) {\n            <!-- Internal router link -->\n            <a class=\"eds-menu-item__link\"\n               [class.eds-menu-item__link--active]=\"item().active\"\n               [class.eds-menu-item__link--disabled]=\"item().disabled\"\n               [class.eds-menu-item__link--has-sub]=\"item().children?.length\"\n               [routerLink]=\"item().url\"\n               [queryParams]=\"item().queryParams\"\n               routerLinkActive=\"eds-menu-item__link--active\"\n               [attr.title]=\"tooltipText()\"\n               (click)=\"onClick($event)\">\n                <ng-container *ngTemplateOutlet=\"linkContent\"></ng-container>\n            </a>\n        } @else {\n            <!-- External link / command / expandable -->\n            <a class=\"eds-menu-item__link\"\n               [class.eds-menu-item__link--active]=\"item().active\"\n               [class.eds-menu-item__link--disabled]=\"item().disabled\"\n               [class.eds-menu-item__link--has-sub]=\"item().children?.length\"\n               href=\"javascript:void(0)\"\n               [attr.title]=\"tooltipText()\"\n               (click)=\"onClick($event)\">\n                <ng-container *ngTemplateOutlet=\"linkContent\"></ng-container>\n            </a>\n        }\n\n        <!-- Projected child list -->\n        <ng-content />\n    </li>\n}\n\n<!-- LINK CONTENT TEMPLATE -->\n<ng-template #linkContent>\n    <span class=\"eds-menu-item__link-start-block\">\n        <ng-container *ngTemplateOutlet=\"iconBlock\"></ng-container>\n        @if (isCollapsed() && item().tagLabel) {\n            <eds-badge class=\"eds-menu-item__badge--dot\" [edsColorVariant]=\"$any(item().tagTypeClass || '')\" edsDottedBadge />\n        }\n    </span>\n\n    <span class=\"eds-menu-item__link-content-block\">\n        <span class=\"eds-menu-item__link-label\">{{ item().label }}</span>\n        @if (item().urlExternal && item().urlExternalTarget === '_blank') {\n            <eds-icon class=\"eds-menu-item__link-external-icon\" icon=\"arrow-square-out:core\" edsSizeXs />\n        }\n    </span>\n\n    <span class=\"eds-menu-item__link-end-block\">\n        @if (item().tagLabel && !isCollapsed()) {\n            <eds-badge [edsColorVariant]=\"$any(item().tagTypeClass || '')\" edsSizeS>{{ item().tagLabel }}</eds-badge>\n        }\n\n        @if (item().actionIcon) {\n            <button edsIconButton\n                    class=\"eds-menu-item__action-icon\"\n                    [icon]=\"item().actionIcon!.icon\"\n                    [ariaLabel]=\"item().actionIcon!.label || 'Action'\"\n                    edsSizeXS\n                    (click)=\"onActionIconClick($event)\">\n            </button>\n        }\n\n        @if (hasExpandIcon() && item().children?.length) {\n            <button edsIconButton\n                    class=\"eds-menu-item__expand-toggle\"\n                    [icon]=\"item().expanded ? 'caret-up' : 'caret-down'\"\n                    [ariaLabel]=\"item().expanded ? 'Collapse' : 'Expand'\"\n                    edsSizeXS\n                    edsRounded\n                    (click)=\"onExpandToggle($event)\">\n            </button>\n        }\n    </span>\n</ng-template>\n\n<!-- ICON BLOCK TEMPLATE -->\n<ng-template #iconBlock>\n    @if (!isCollapsed()) {\n        @if (hasIcon()) {\n            @if (item().icon) {\n                <eds-icon class=\"eds-menu-item__icon\" [icon]=\"item().icon!\" edsSizeS />\n            } @else if (item().hasMarker) {\n                <eds-icon class=\"eds-menu-item__marker\" icon=\"dot:core\" edsSizeXs\n                          [style.color]=\"'var(--eds-c-foreground-' + (item().markerTypeClass || 'primary') + ')'\" />\n            }\n        } @else if (item().hasMarker) {\n            <eds-icon class=\"eds-menu-item__marker\" icon=\"dot:core\" edsSizeXs\n                      [style.color]=\"'var(--eds-c-foreground-' + (item().markerTypeClass || 'primary') + ')'\" />\n        }\n    } @else {\n        <!-- Collapsed mode -->\n        @if (hasCollapsedInitials() && item().initials) {\n            <span class=\"eds-menu-item__initials\">{{ item().initials }}</span>\n        } @else if (hasIcon() && item().icon) {\n            <eds-icon class=\"eds-menu-item__icon\" [icon]=\"item().icon!\" edsSizeS />\n        } @else if (item().hasMarker) {\n            <eds-icon class=\"eds-menu-item__marker\" icon=\"dot:core\" edsSizeXs\n                      [style.color]=\"'var(--eds-c-foreground-' + (item().markerTypeClass || 'primary') + ')'\" />\n        } @else {\n            <span class=\"eds-menu-item__initials\">{{ item().label?.charAt(0) }}</span>\n        }\n\n        @if (hasIconLabel()) {\n            <span class=\"eds-menu-item__icon-label\">{{ item().label }}</span>\n        }\n    }\n</ng-template>\n\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;width:100%}.eui-21 :host:focus-visible:not([readonly]){outline:2px solid var(--eds-c-border-primary)!important;outline-offset:-2px!important;transition:none}.eui-21 :host .eds-menu-item__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-21 :host .eds-menu-item__link{display:flex;align-items:center;gap:var(--eds-sp-xs);padding:var(--eds-sp-xs) var(--eds-sp-l);font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-default);text-decoration:none;cursor:pointer;border:none;background:none;width:100%;min-height:40px;border-left:3px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease}.eui-21 :host .eds-menu-item__link:hover:not(.eds-menu-item__link--disabled):not(.eds-menu-item__link--category){background:var(--eds-c-surface-elevation-sunken);color:var(--eds-c-foreground-primary)}.eui-21 :host .eds-menu-item__link--active:not(.eds-menu-item--disabled){background:var(--eds-c-surface-primary-subtle);color:var(--eds-c-foreground-primary);font-weight:var(--eds-f-w-semi-bold);border-left-color:var(--eds-c-border-primary)}.eui-21 :host .eds-menu-item__link--disabled{opacity:var(--eds-op-40);pointer-events:none}.eui-21 :host .eds-menu-item__link--category{cursor:default;font:var(--eds-f-label-s-semi-bold);color:var(--eds-c-foreground-subtler);text-transform:uppercase;letter-spacing:.02em;padding:var(--eds-sp-m) var(--eds-sp-l) var(--eds-sp-xs);min-height:auto;border-left-color:transparent}.eui-21 :host .eds-menu-item__link--category:hover{background:none}.eui-21 :host .eds-menu-item__link-start-block{display:flex;align-items:center;gap:var(--eds-sp-xs);flex-shrink:0;position:relative}.eui-21 :host .eds-menu-item__link-start-block:empty{display:none}.eui-21 :host .eds-menu-item__link-content-block{display:flex;align-items:center;gap:var(--eds-sp-xs);flex:1;min-width:0}.eui-21 :host .eds-menu-item__link-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eui-21 :host .eds-menu-item__link-label--category{font:var(--eds-f-label-s-semi-bold);color:var(--eds-c-foreground-subtler)}.eui-21 :host .eds-menu-item__link-end-block{display:flex;align-items:center;gap:var(--eds-sp-xs);flex-shrink:0;margin-left:auto}.eui-21 :host .eds-menu-item__link-external-icon{flex-shrink:0;color:var(--eds-c-foreground-subtler)}.eui-21 :host .eds-menu-item__icon{flex-shrink:0}.eui-21 :host .eds-menu-item__marker{flex-shrink:0}.eui-21 :host .eds-menu-item__initials{display:flex;align-items:center;justify-content:center;font:var(--eds-f-label-m-semi-bold);width:32px;height:32px;border-radius:var(--eds-br-s);background:var(--eds-c-surface-elevation-sunken);border:1px solid var(--eds-c-border-divider);flex-shrink:0}.eui-21 :host .eds-menu-item__icon-label{font:var(--eds-f-microcopy-2xs);color:var(--eds-c-foreground-subtler);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.eui-21 :host .eds-menu-item__badge--dot{position:absolute;top:-2px;right:-2px;pointer-events:none}.eui-21 :host .eds-menu-item__action-icon{opacity:0;transition:opacity .15s ease}.eui-21 :host .eds-menu-item__content:hover .eds-menu-item__action-icon{opacity:1}.eui-21 :host .eds-menu-item__expand-toggle{flex-shrink:0}.eui-21 :host .eds-menu-item--disabled{opacity:var(--eds-op-40);pointer-events:none}.eui-21 :host .eds-menu-item--expanded>.eds-menu-item__link{font-weight:var(--eds-f-w-medium)}.eui-21 :host .eds-menu-item--active>.eds-menu-item__link{background:var(--eds-c-surface-primary-subtle);color:var(--eds-c-foreground-primary);font-weight:var(--eds-f-w-semi-bold);border-left-color:var(--eds-c-border-primary)}.eui-21 :host.eds-menu-item--bold>.eds-menu-item__content>.eds-menu-item__link{font-weight:var(--eds-f-w-semi-bold)}.eui-21 :host.eds-menu-item--icon-label .eds-menu-item__link{flex-direction:column;align-items:center;justify-content:center;padding:var(--eds-sp-xs);gap:var(--eds-sp-4xs);border-left:none;border-radius:var(--eds-br-s)}.eui-21 :host.eds-menu-item--icon-label .eds-menu-item__link-content-block{display:none}.eui-21 :host.eds-menu-item--icon-label .eds-menu-item__link-end-block{display:none}.eui-21 .eds-menu--collapsed :host .eds-menu-item__content{position:relative}.eui-21 .eds-menu--collapsed :host .eds-menu-item__link{justify-content:center;padding:var(--eds-sp-xs) var(--eds-sp-s);border-left:none;border-radius:var(--eds-br-s);margin:var(--eds-sp-4xs) 0}.eui-21 .eds-menu--collapsed :host .eds-menu-item__link-content-block{display:none}.eui-21 .eds-menu--collapsed :host .eds-menu-item__link-end-block{display:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i1.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "ariaLabel", "ariaHidden", "edsRounded"] }, { kind: "component", type: i2.EdsIconButton, selector: "button[edsIconButton]", inputs: ["icon", "ariaLabel", "edsRounded", "edsDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i3.EdsBadge, selector: "div[edsBadge], span[edsBadge], eds-badge", inputs: ["e2eAttr", "aria-label", "maxCharCount", "charReplacement", "edsBadgeIcon", "edsDottedBadge", "edsOutline"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsMenuItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsMenuItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eds-menu-item', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, RouterLink, RouterLinkActive, ...EDS_ICON, ...EDS_ICON_BUTTON, ...EDS_BADGE], host: {
                         '[class]': 'hostClasses()',
@@ -434,10 +434,10 @@ class EdsMenu {
             }, 300);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsMenu, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsMenu, isStandalone: true, selector: "eds-menu", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, searchFilterLabel: { classPropertyName: "searchFilterLabel", publicName: "searchFilterLabel", isSignal: true, isRequired: false, transformFunction: null }, fragmentId: { classPropertyName: "fragmentId", publicName: "fragmentId", isSignal: true, isRequired: false, transformFunction: null }, filterValue: { classPropertyName: "filterValue", publicName: "filterValue", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null }, hasCollapsedInitials: { classPropertyName: "hasCollapsedInitials", publicName: "hasCollapsedInitials", isSignal: true, isRequired: false, transformFunction: null }, hasFilter: { classPropertyName: "hasFilter", publicName: "hasFilter", isSignal: true, isRequired: false, transformFunction: null }, hasIcons: { classPropertyName: "hasIcons", publicName: "hasIcons", isSignal: true, isRequired: false, transformFunction: null }, hasIconsLabels: { classPropertyName: "hasIconsLabels", publicName: "hasIconsLabels", isSignal: true, isRequired: false, transformFunction: null }, hasCollapsedLabels: { classPropertyName: "hasCollapsedLabels", publicName: "hasCollapsedLabels", isSignal: true, isRequired: false, transformFunction: null }, hasTooltip: { classPropertyName: "hasTooltip", publicName: "hasTooltip", isSignal: true, isRequired: false, transformFunction: null }, hasTooltipOnExpanded: { classPropertyName: "hasTooltipOnExpanded", publicName: "hasTooltipOnExpanded", isSignal: true, isRequired: false, transformFunction: null }, hasTooltipOnlyOnExpanded: { classPropertyName: "hasTooltipOnlyOnExpanded", publicName: "hasTooltipOnlyOnExpanded", isSignal: true, isRequired: false, transformFunction: null }, expandAllItems: { classPropertyName: "expandAllItems", publicName: "expandAllItems", isSignal: true, isRequired: false, transformFunction: null }, isFlat: { classPropertyName: "isFlat", publicName: "isFlat", isSignal: true, isRequired: false, transformFunction: null }, hasScrollToItem: { classPropertyName: "hasScrollToItem", publicName: "hasScrollToItem", isSignal: true, isRequired: false, transformFunction: null }, hasBoldRootLevel: { classPropertyName: "hasBoldRootLevel", publicName: "hasBoldRootLevel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isClick: "isClick", itemClick: "itemClick", expandToggle: "expandToggle" }, host: { attributes: { "role": "navigation" }, listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "hostClasses()", "attr.data-e2e": "\"eds-menu\"" } }, viewQueries: [{ propertyName: "menuItems", predicate: EdsMenuItemComponent, descendants: true, isSignal: true }, { propertyName: "filterInput", first: true, predicate: ["filterInput"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "@if (hasFilter()) {\n    <div class=\"eds-menu-filter\" [class.eds-menu-filter--collapsed]=\"isCollapsed()\" (click)=\"onFilterClick($event)\">\n        <div class=\"eds-menu-filter__input-wrapper\">\n            <eds-icon class=\"eds-menu-filter__icon\" icon=\"magnifying-glass:core\" edsSizeS />\n            <input\n                #filterInput\n                class=\"eds-menu-filter__input\"\n                type=\"text\"\n                (input)=\"onFilter($event)\"\n                [placeholder]=\"searchFilterLabel()\"\n                [attr.aria-label]=\"searchFilterLabel()\"\n                [value]=\"filterValue()\" />\n        </div>\n    </div>\n}\n\n<ul class=\"eds-menu__list\" role=\"tree\" aria-orientation=\"vertical\" tabindex=\"0\">\n    @for (item of internalItems(); track trackById($index, item)) {\n        <ng-container *ngTemplateOutlet=\"menuItemTpl; context: { $implicit: item }\"></ng-container>\n    }\n</ul>\n\n<ng-template #menuItemTpl let-item>\n    @if (item.visible && item.filtered) {\n        <eds-menu-item\n            [item]=\"item\"\n            [hasIcon]=\"hasIcons()\"\n            [hasIconLabel]=\"hasIconsLabels() || hasCollapsedLabels()\"\n            [hasTooltip]=\"hasTooltip()\"\n            [hasTooltipOnExpanded]=\"hasTooltipOnExpanded()\"\n            [isCollapsed]=\"isCollapsed()\"\n            [hasCollapsedInitials]=\"hasCollapsedInitials()\"\n            [hasBoldRootLevel]=\"hasBoldRootLevel()\"\n            [hasExpandIcon]=\"hasExpandIcon()\"\n            (itemClick)=\"onItemClick($event)\"\n            (expandToggle)=\"onExpandToggle($event)\">\n            @if (shouldRenderChild(item)) {\n                <ul class=\"eds-menu__list eds-menu__sublist\" role=\"group\" [attr.aria-label]=\"item.label\">\n                    @for (child of item.children; track trackById($index, child)) {\n                        <ng-container *ngTemplateOutlet=\"menuItemTpl; context: { $implicit: child }\"></ng-container>\n                    }\n                </ul>\n            }\n        </eds-menu-item>\n    }\n</ng-template>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;width:100%}.eui-21 :host .eds-menu__list{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0;width:100%}.eui-21 :host .eds-menu__list:focus-visible:not([readonly]){outline:2px solid var(--eds-c-border-primary)!important;outline-offset:-2px!important;transition:none}.eui-21 :host .eds-menu__sublist{padding-left:var(--eds-sp-m)}.eui-21 :host .eds-menu-filter{display:flex;padding:var(--eds-sp-s) var(--eds-sp-m);width:100%}.eui-21 :host .eds-menu-filter--collapsed{padding:0;height:0;overflow:hidden;visibility:hidden}.eui-21 :host .eds-menu-filter__input-wrapper{display:flex;align-items:center;gap:var(--eds-sp-xs);width:100%;padding:var(--eds-sp-xs) var(--eds-sp-s);border:1px solid var(--eds-c-border-divider);border-radius:var(--eds-br-s);background:var(--eds-c-surface-default)}.eui-21 :host .eds-menu-filter__icon{flex-shrink:0;color:var(--eds-c-foreground-subtler)}.eui-21 :host .eds-menu-filter__input{border:none;outline:none;background:transparent;font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-default);width:100%}.eui-21 :host .eds-menu-filter__input::placeholder{color:var(--eds-c-foreground-subtler)}.eui-21 :host.eds-menu--collapsed .eds-menu-filter{padding:0;height:0;overflow:hidden;visibility:hidden}.eui-21 :host.eds-menu--collapsed .eds-menu__sublist{padding-left:var(--eds-sp-xs)}.eui-21 :host.eds-menu--flat .eds-menu__sublist{padding-left:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EdsMenuItemComponent, selector: "eds-menu-item", inputs: ["item", "hasIcon", "hasIconLabel", "hasTooltip", "hasTooltipOnExpanded", "isCollapsed", "hasCollapsedInitials", "hasBoldRootLevel", "hasExpandIcon"], outputs: ["itemClick", "expandToggle"] }, { kind: "component", type: i1.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "ariaLabel", "ariaHidden", "edsRounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsMenu, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsMenu, isStandalone: true, selector: "eds-menu", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, searchFilterLabel: { classPropertyName: "searchFilterLabel", publicName: "searchFilterLabel", isSignal: true, isRequired: false, transformFunction: null }, fragmentId: { classPropertyName: "fragmentId", publicName: "fragmentId", isSignal: true, isRequired: false, transformFunction: null }, filterValue: { classPropertyName: "filterValue", publicName: "filterValue", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null }, hasCollapsedInitials: { classPropertyName: "hasCollapsedInitials", publicName: "hasCollapsedInitials", isSignal: true, isRequired: false, transformFunction: null }, hasFilter: { classPropertyName: "hasFilter", publicName: "hasFilter", isSignal: true, isRequired: false, transformFunction: null }, hasIcons: { classPropertyName: "hasIcons", publicName: "hasIcons", isSignal: true, isRequired: false, transformFunction: null }, hasIconsLabels: { classPropertyName: "hasIconsLabels", publicName: "hasIconsLabels", isSignal: true, isRequired: false, transformFunction: null }, hasCollapsedLabels: { classPropertyName: "hasCollapsedLabels", publicName: "hasCollapsedLabels", isSignal: true, isRequired: false, transformFunction: null }, hasTooltip: { classPropertyName: "hasTooltip", publicName: "hasTooltip", isSignal: true, isRequired: false, transformFunction: null }, hasTooltipOnExpanded: { classPropertyName: "hasTooltipOnExpanded", publicName: "hasTooltipOnExpanded", isSignal: true, isRequired: false, transformFunction: null }, hasTooltipOnlyOnExpanded: { classPropertyName: "hasTooltipOnlyOnExpanded", publicName: "hasTooltipOnlyOnExpanded", isSignal: true, isRequired: false, transformFunction: null }, expandAllItems: { classPropertyName: "expandAllItems", publicName: "expandAllItems", isSignal: true, isRequired: false, transformFunction: null }, isFlat: { classPropertyName: "isFlat", publicName: "isFlat", isSignal: true, isRequired: false, transformFunction: null }, hasScrollToItem: { classPropertyName: "hasScrollToItem", publicName: "hasScrollToItem", isSignal: true, isRequired: false, transformFunction: null }, hasBoldRootLevel: { classPropertyName: "hasBoldRootLevel", publicName: "hasBoldRootLevel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isClick: "isClick", itemClick: "itemClick", expandToggle: "expandToggle" }, host: { attributes: { "role": "navigation" }, listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "hostClasses()", "attr.data-e2e": "\"eds-menu\"" } }, viewQueries: [{ propertyName: "menuItems", predicate: EdsMenuItemComponent, descendants: true, isSignal: true }, { propertyName: "filterInput", first: true, predicate: ["filterInput"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "@if (hasFilter()) {\n    <div class=\"eds-menu-filter\" [class.eds-menu-filter--collapsed]=\"isCollapsed()\" (click)=\"onFilterClick($event)\">\n        <div class=\"eds-menu-filter__input-wrapper\">\n            <eds-icon class=\"eds-menu-filter__icon\" icon=\"magnifying-glass:core\" edsSizeS />\n            <input\n                #filterInput\n                class=\"eds-menu-filter__input\"\n                type=\"text\"\n                (input)=\"onFilter($event)\"\n                [placeholder]=\"searchFilterLabel()\"\n                [attr.aria-label]=\"searchFilterLabel()\"\n                [value]=\"filterValue()\" />\n        </div>\n    </div>\n}\n\n<ul class=\"eds-menu__list\" role=\"tree\" aria-orientation=\"vertical\" tabindex=\"0\">\n    @for (item of internalItems(); track trackById($index, item)) {\n        <ng-container *ngTemplateOutlet=\"menuItemTpl; context: { $implicit: item }\"></ng-container>\n    }\n</ul>\n\n<ng-template #menuItemTpl let-item>\n    @if (item.visible && item.filtered) {\n        <eds-menu-item\n            [item]=\"item\"\n            [hasIcon]=\"hasIcons()\"\n            [hasIconLabel]=\"hasIconsLabels() || hasCollapsedLabels()\"\n            [hasTooltip]=\"hasTooltip()\"\n            [hasTooltipOnExpanded]=\"hasTooltipOnExpanded()\"\n            [isCollapsed]=\"isCollapsed()\"\n            [hasCollapsedInitials]=\"hasCollapsedInitials()\"\n            [hasBoldRootLevel]=\"hasBoldRootLevel()\"\n            [hasExpandIcon]=\"hasExpandIcon()\"\n            (itemClick)=\"onItemClick($event)\"\n            (expandToggle)=\"onExpandToggle($event)\">\n            @if (shouldRenderChild(item)) {\n                <ul class=\"eds-menu__list eds-menu__sublist\" role=\"group\" [attr.aria-label]=\"item.label\">\n                    @for (child of item.children; track trackById($index, child)) {\n                        <ng-container *ngTemplateOutlet=\"menuItemTpl; context: { $implicit: child }\"></ng-container>\n                    }\n                </ul>\n            }\n        </eds-menu-item>\n    }\n</ng-template>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;width:100%}.eui-21 :host .eds-menu__list{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0;width:100%}.eui-21 :host .eds-menu__list:focus-visible:not([readonly]){outline:2px solid var(--eds-c-border-primary)!important;outline-offset:-2px!important;transition:none}.eui-21 :host .eds-menu__sublist{padding-left:var(--eds-sp-m)}.eui-21 :host .eds-menu-filter{display:flex;padding:var(--eds-sp-s) var(--eds-sp-m);width:100%}.eui-21 :host .eds-menu-filter--collapsed{padding:0;height:0;overflow:hidden;visibility:hidden}.eui-21 :host .eds-menu-filter__input-wrapper{display:flex;align-items:center;gap:var(--eds-sp-xs);width:100%;padding:var(--eds-sp-xs) var(--eds-sp-s);border:1px solid var(--eds-c-border-divider);border-radius:var(--eds-br-s);background:var(--eds-c-surface-default)}.eui-21 :host .eds-menu-filter__icon{flex-shrink:0;color:var(--eds-c-foreground-subtler)}.eui-21 :host .eds-menu-filter__input{border:none;outline:none;background:transparent;font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-default);width:100%}.eui-21 :host .eds-menu-filter__input::placeholder{color:var(--eds-c-foreground-subtler)}.eui-21 :host.eds-menu--collapsed .eds-menu-filter{padding:0;height:0;overflow:hidden;visibility:hidden}.eui-21 :host.eds-menu--collapsed .eds-menu__sublist{padding-left:var(--eds-sp-xs)}.eui-21 :host.eds-menu--flat .eds-menu__sublist{padding-left:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EdsMenuItemComponent, selector: "eds-menu-item", inputs: ["item", "hasIcon", "hasIconLabel", "hasTooltip", "hasTooltipOnExpanded", "isCollapsed", "hasCollapsedInitials", "hasBoldRootLevel", "hasExpandIcon"], outputs: ["itemClick", "expandToggle"] }, { kind: "component", type: i1.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "ariaLabel", "ariaHidden", "edsRounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsMenu, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsMenu, decorators: [{
             type: Component,
             args: [{ selector: 'eds-menu', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, EdsMenuItemComponent, ...EDS_ICON], host: {
                         '[class]': 'hostClasses()',

package/fesm2022/eui-eds-eds-message-box.mjs

@@ -38,19 +38,19 @@ class EdsMessageBoxService {
     closeMessageBox() {
         this.edsDialogService.closeDialog();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsMessageBoxService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsMessageBoxService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsMessageBoxService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsMessageBoxService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsMessageBoxService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsMessageBoxService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
 
 class EdsMessageBoxFooter {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsMessageBoxFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: EdsMessageBoxFooter, isStandalone: true, selector: "eds-message-box-footer", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsMessageBoxFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EdsMessageBoxFooter, isStandalone: true, selector: "eds-message-box-footer", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsMessageBoxFooter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsMessageBoxFooter, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -247,10 +247,10 @@ class EdsMessageBox {
     closeMessageBox() {
         this.edsMessageBoxService.closeMessageBox();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsMessageBox, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.5", type: EdsMessageBox, isStandalone: true, selector: "eds-message-box", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, hasAcceptButton: { classPropertyName: "hasAcceptButton", publicName: "hasAcceptButton", isSignal: true, isRequired: false, transformFunction: null }, hasDismissButton: { classPropertyName: "hasDismissButton", publicName: "hasDismissButton", isSignal: true, isRequired: false, transformFunction: null }, acceptLabel: { classPropertyName: "acceptLabel", publicName: "acceptLabel", isSignal: true, isRequired: false, transformFunction: null }, dismissLabel: { classPropertyName: "dismissLabel", publicName: "dismissLabel", isSignal: true, isRequired: false, transformFunction: null }, isHandleCloseOnDismiss: { classPropertyName: "isHandleCloseOnDismiss", publicName: "isHandleCloseOnDismiss", isSignal: true, isRequired: false, transformFunction: null }, isHandleCloseOnClose: { classPropertyName: "isHandleCloseOnClose", publicName: "isHandleCloseOnClose", isSignal: true, isRequired: false, transformFunction: null }, isHandleCloseOnAccept: { classPropertyName: "isHandleCloseOnAccept", publicName: "isHandleCloseOnAccept", isSignal: true, isRequired: false, transformFunction: null }, isDraggable: { classPropertyName: "isDraggable", publicName: "isDraggable", isSignal: true, isRequired: false, transformFunction: null }, hasNoBodyPadding: { classPropertyName: "hasNoBodyPadding", publicName: "hasNoBodyPadding", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { messageBoxOpen: "messageBoxOpen", messageBoxClose: "messageBoxClose", dismiss: "dismiss", accept: "accept" }, host: { properties: { "attr.data-e2e": "e2eAttr()" } }, queries: [{ propertyName: "edsMessageBoxFooterDirective", first: true, predicate: i0.forwardRef(() => EdsMessageBoxFooter), descendants: true, isSignal: true }], viewQueries: [{ propertyName: "templateRefContent", first: true, predicate: ["templateRefContent"], descendants: true, isSignal: true }, { propertyName: "templateRefFooter", first: true, predicate: ["templateRefFooter"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.EdsColorDirective, inputs: ["edsNeutral", "edsNeutral", "edsSuccess", "edsSuccess", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "<ng-template #templateRefContent>\n    <ng-content />\n</ng-template>\n<ng-template #templateRefFooter>\n    <ng-content select=\"eds-message-box-footer\" />\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsMessageBox, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: EdsMessageBox, isStandalone: true, selector: "eds-message-box", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, hasAcceptButton: { classPropertyName: "hasAcceptButton", publicName: "hasAcceptButton", isSignal: true, isRequired: false, transformFunction: null }, hasDismissButton: { classPropertyName: "hasDismissButton", publicName: "hasDismissButton", isSignal: true, isRequired: false, transformFunction: null }, acceptLabel: { classPropertyName: "acceptLabel", publicName: "acceptLabel", isSignal: true, isRequired: false, transformFunction: null }, dismissLabel: { classPropertyName: "dismissLabel", publicName: "dismissLabel", isSignal: true, isRequired: false, transformFunction: null }, isHandleCloseOnDismiss: { classPropertyName: "isHandleCloseOnDismiss", publicName: "isHandleCloseOnDismiss", isSignal: true, isRequired: false, transformFunction: null }, isHandleCloseOnClose: { classPropertyName: "isHandleCloseOnClose", publicName: "isHandleCloseOnClose", isSignal: true, isRequired: false, transformFunction: null }, isHandleCloseOnAccept: { classPropertyName: "isHandleCloseOnAccept", publicName: "isHandleCloseOnAccept", isSignal: true, isRequired: false, transformFunction: null }, isDraggable: { classPropertyName: "isDraggable", publicName: "isDraggable", isSignal: true, isRequired: false, transformFunction: null }, hasNoBodyPadding: { classPropertyName: "hasNoBodyPadding", publicName: "hasNoBodyPadding", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { messageBoxOpen: "messageBoxOpen", messageBoxClose: "messageBoxClose", dismiss: "dismiss", accept: "accept" }, host: { properties: { "attr.data-e2e": "e2eAttr()" } }, queries: [{ propertyName: "edsMessageBoxFooterDirective", first: true, predicate: i0.forwardRef(() => EdsMessageBoxFooter), descendants: true, isSignal: true }], viewQueries: [{ propertyName: "templateRefContent", first: true, predicate: ["templateRefContent"], descendants: true, isSignal: true }, { propertyName: "templateRefFooter", first: true, predicate: ["templateRefFooter"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.EdsColorDirective, inputs: ["edsNeutral", "edsNeutral", "edsSuccess", "edsSuccess", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "<ng-template #templateRefContent>\n    <ng-content />\n</ng-template>\n<ng-template #templateRefFooter>\n    <ng-content select=\"eds-message-box-footer\" />\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsMessageBox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsMessageBox, decorators: [{
             type: Component,
             args: [{ selector: 'eds-message-box', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
                         {

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

@@ -75,8 +75,8 @@ class EdsMultiselectOption {
             this.selected.set(!this.selected());
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsMultiselectOption, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsMultiselectOption, isStandalone: true, selector: "eds-multiselect-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onSelect()" }, properties: { "class": "hostClasses()", "attr.role": "\"option\"", "attr.aria-selected": "selected()", "attr.aria-disabled": "isDisabled() || null", "attr.data-e2e": "\"eds-multiselect-option\"", "id": "optionId()" } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsMultiselectOption, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsMultiselectOption, isStandalone: true, selector: "eds-multiselect-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onSelect()" }, properties: { "class": "hostClasses()", "attr.role": "\"option\"", "attr.aria-selected": "selected()", "attr.aria-disabled": "isDisabled() || null", "attr.data-e2e": "\"eds-multiselect-option\"", "id": "optionId()" } }, ngImport: i0, template: `
         <span class="eds-multiselect-option__label">{{ label() }}</span>
         <eds-icon
             class="eds-multiselect-option__check"
@@ -85,7 +85,7 @@ class EdsMultiselectOption {
         />
     `, isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-multiselect-option{display:flex;align-items:center;gap:var(--eds-sp-s);padding:var(--eds-sp-xs) var(--eds-sp-s);cursor:pointer;font:var(--eds-f-paragraph-m);color:var(--eds-c-foreground-default);-webkit-user-select:none;user-select:none;transition:background-color .1s ease}.eui-21 :host.eds-multiselect-option .eds-multiselect-option__label{flex:1}.eui-21 :host.eds-multiselect-option .eds-multiselect-option__check{opacity:0;font-size:16px;color:var(--eds-c-foreground-primary)}.eui-21 :host.eds-multiselect-option:hover:not(.eds-multiselect-option--disabled){background-color:var(--eds-c-surface-hover)}.eui-21 :host.eds-multiselect-option--active:not(.eds-multiselect-option--disabled){background-color:var(--eds-c-surface-hover)}.eui-21 :host.eds-multiselect-option--selected .eds-multiselect-option__check{opacity:1}.eui-21 :host.eds-multiselect-option--disabled{color:var(--eds-c-foreground-subtler);cursor:not-allowed;pointer-events:none}\n"], dependencies: [{ kind: "component", type: i1.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "ariaLabel", "ariaHidden", "edsRounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsMultiselectOption, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsMultiselectOption, decorators: [{
             type: Component,
             args: [{ selector: 'eds-multiselect-option', template: `
         <span class="eds-multiselect-option__label">{{ label() }}</span>
@@ -491,8 +491,8 @@ class EdsMultiselect {
             option.selected.set(currentValue.includes(option.value()));
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsMultiselect, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsMultiselect, isStandalone: true, selector: "eds-multiselect", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsMultiselect, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsMultiselect, isStandalone: true, selector: "eds-multiselect", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: EdsMultiselect,
@@ -500,7 +500,7 @@ class EdsMultiselect {
             },
         ], queries: [{ propertyName: "options", predicate: EdsMultiselectOption, isSignal: true }], viewQueries: [{ propertyName: "dropdownTemplate", first: true, predicate: ["dropdownTemplate"], descendants: true, isSignal: true }, { propertyName: "triggerRef", first: true, predicate: ["triggerRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Combobox trigger -->\n<div\n    #triggerRef\n    class=\"eds-multiselect__trigger\"\n    role=\"combobox\"\n    [attr.aria-expanded]=\"isOpen()\"\n    [attr.aria-haspopup]=\"'listbox'\"\n    [attr.aria-controls]=\"isOpen() ? 'eds-multiselect-listbox' : null\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-activedescendant]=\"activeDescendantId()\"\n    [attr.aria-disabled]=\"internalDisabled() || null\"\n    [attr.tabindex]=\"internalDisabled() ? -1 : 0\"\n    (click)=\"onTriggerClick()\"\n    (keydown)=\"onTriggerKeydown($event)\"\n>\n    <span\n        class=\"eds-multiselect__display\"\n        [class.eds-multiselect__display--placeholder]=\"isPlaceholderShown()\"\n    >\n        {{ displayValue() }}\n    </span>\n    <eds-icon\n        class=\"eds-multiselect__caret\"\n        [icon]=\"'caret-down'\"\n        aria-hidden=\"true\"\n    />\n</div>\n\n<!-- Dropdown panel (rendered in overlay) -->\n<ng-template #dropdownTemplate>\n    <div class=\"eds-multiselect__panel-wrapper\" tabindex=\"-1\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n        <div\n            class=\"eds-multiselect__panel\"\n            id=\"eds-multiselect-listbox\"\n            role=\"listbox\"\n            aria-multiselectable=\"true\"\n            [attr.aria-label]=\"ariaLabel()\"\n            [attr.aria-activedescendant]=\"activeDescendantId()\"\n            tabindex=\"0\"\n            (keydown)=\"onPanelKeydown($event)\"\n        >\n            @for (option of options(); track option.value()) {\n                <div\n                    class=\"eds-multiselect-option\"\n                    [class.eds-multiselect-option--selected]=\"option.selected()\"\n                    [class.eds-multiselect-option--active]=\"option.isActive()\"\n                    [class.eds-multiselect-option--disabled]=\"option.isDisabled()\"\n                    [attr.role]=\"'option'\"\n                    [attr.aria-selected]=\"option.selected()\"\n                    [attr.aria-disabled]=\"option.isDisabled() || null\"\n                    [id]=\"option.optionId()\"\n                    (click)=\"onOptionClick(option)\"\n                >\n                    <eds-icon\n                        class=\"eds-multiselect-option__check\"\n                        [icon]=\"'check'\"\n                        edsSizeS\n                        aria-hidden=\"true\"\n                    />\n                    <span class=\"eds-multiselect-option__label\">{{ option.label() }}</span>\n                </div>\n            }\n        </div>\n        <div class=\"eds-multiselect__panel-footer\">\n            <button\n                type=\"button\"\n                class=\"eds-multiselect__done-button\"\n                (click)=\"onDoneClick()\"\n            >\n                Done\n            </button>\n        </div>\n    </div>\n</ng-template>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-multiselect{display:block;position:relative;width:100%}.eui-21 :host.eds-multiselect .eds-multiselect__trigger{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:var(--eds-sp-xs);font:var(--eds-f-paragraph-m);appearance:none;background-color:var(--eds-c-surface-elevation);border:var(--eds-bw-xs) solid var(--eds-c-border-neutral);border-radius:var(--eds-br-s);box-shadow:none;color:var(--eds-c-foreground-default);min-height:var(--eds-si-3xl);padding:var(--eds-sp-xs) var(--eds-sp-s);width:100%;cursor:pointer;outline:none;transition:border-color .15s ease}.eui-21 :host.eds-multiselect .eds-multiselect__trigger:hover:not([aria-disabled=true]){border-color:var(--eds-c-border-primary)}.eui-21 :host.eds-multiselect .eds-multiselect__trigger:focus-visible:not([aria-disabled=true]){outline:2px solid var(--eds-c-border-primary);outline-offset:-2px}.eui-21 :host.eds-multiselect .eds-multiselect__display{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-21 :host.eds-multiselect .eds-multiselect__display--placeholder{color:var(--eds-c-foreground-subtler)}.eui-21 :host.eds-multiselect .eds-multiselect__caret{flex-shrink:0;font-size:20px;color:var(--eds-c-foreground-default);transition:transform .2s ease}.eui-21 :host.eds-multiselect.eds-multiselect--open .eds-multiselect__trigger{border-color:var(--eds-c-border-primary);outline:2px solid var(--eds-c-border-primary);outline-offset:-2px}.eui-21 :host.eds-multiselect.eds-multiselect--open .eds-multiselect__caret{transform:rotate(180deg)}.eui-21 :host.eds-multiselect.eds-multiselect--disabled .eds-multiselect__trigger{background-color:var(--eds-c-suface-disabled);border-color:var(--eds-c-border-disabled);color:var(--eds-c-foreground-subtler);cursor:not-allowed;pointer-events:none}.eui-21 :host.eds-multiselect.eds-multiselect--disabled .eds-multiselect__caret{color:var(--eds-c-foreground-subtler)}.eui-21 :host.eds-multiselect.eds-multiselect--invalid .eds-multiselect__trigger{border-color:var(--eds-c-border-critical)}.eui-21 :host.eds-multiselect.eds-multiselect--invalid .eds-multiselect__trigger:focus-visible{outline-color:var(--eds-c-border-critical)}.eds-multiselect__panel-wrapper{background-color:var(--eds-c-surface-elevation);border:var(--eds-bw-xs) solid var(--eds-c-border-neutral);border-radius:var(--eds-br-s);box-shadow:var(--eds-sh-1);display:flex;flex-direction:column;max-height:280px;min-width:100%;box-sizing:border-box;outline:none}.eds-multiselect__panel{flex:1;max-height:240px;overflow-y:auto;padding:var(--eds-sp-3xs) 0;outline:none}.eds-multiselect__panel .eds-multiselect-option{display:flex;align-items:center;gap:var(--eds-sp-s);padding:var(--eds-sp-xs) var(--eds-sp-s);cursor:pointer;font:var(--eds-f-paragraph-m);color:var(--eds-c-foreground-default);-webkit-user-select:none;user-select:none;transition:background-color .1s ease}.eds-multiselect__panel .eds-multiselect-option .eds-multiselect-option__label{flex:1}.eds-multiselect__panel .eds-multiselect-option .eds-multiselect-option__check{opacity:0;font-size:16px;color:var(--eds-c-foreground-primary);transition:opacity .1s ease}.eds-multiselect__panel .eds-multiselect-option:hover:not(.eds-multiselect-option--disabled){background-color:var(--eds-c-surface-hover)}.eds-multiselect__panel .eds-multiselect-option--active:not(.eds-multiselect-option--disabled){background-color:var(--eds-c-surface-hover);outline:var(--eds-bw-s) solid var(--eds-c-border-primary);outline-offset:-2px}.eds-multiselect__panel .eds-multiselect-option--selected .eds-multiselect-option__check{opacity:1}.eds-multiselect__panel .eds-multiselect-option--disabled{color:var(--eds-c-foreground-subtler);cursor:not-allowed;pointer-events:none}.eds-multiselect__panel-footer{display:flex;justify-content:flex-start;padding:var(--eds-sp-xs) var(--eds-sp-s);border-top:var(--eds-bw-xs) solid var(--eds-c-border-divider)}.eds-multiselect__done-button{font:var(--eds-f-label-m-semi-bold);color:var(--eds-c-foreground-primary);background:none;border:none;cursor:pointer;padding:var(--eds-sp-3xs) var(--eds-sp-s);border-radius:var(--eds-br-s);transition:background-color .1s ease}.eds-multiselect__done-button:hover{background-color:var(--eds-c-surface-hover)}.eds-multiselect__done-button:focus-visible{outline:2px solid var(--eds-c-border-primary);outline-offset:-2px}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i1.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "ariaLabel", "ariaHidden", "edsRounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsMultiselect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsMultiselect, decorators: [{
             type: Component,
             args: [{ selector: 'eds-multiselect', changeDetection: ChangeDetectionStrategy.OnPush, imports: [OverlayModule, A11yModule, ...EDS_ICON], providers: [
                         {

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

@@ -50,10 +50,10 @@ class EdsNavbarItem {
             this.navbar.itemSelected(this.id());
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsNavbarItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsNavbarItem, isStandalone: true, selector: "eds-navbar-item", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()", "keydown": "onKeydown($event)" }, properties: { "class": "hostClasses()", "attr.tabindex": "0", "attr.role": "\"tab\"", "attr.aria-selected": "active()", "attr.data-e2e": "e2eAttr()" } }, ngImport: i0, template: '{{ label() }}', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;height:100%;padding:var(--eds-sp-xs) var(--eds-sp-s);border-bottom:2px solid transparent;font:var(--eds-f-label-m-semi-bold);color:var(--eds-c-foreground-default);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.eui-21 :host:focus-visible:not([readonly]){outline:var(--eds-bw-s) solid var(--eds-c-border-primary)!important;outline-offset:1px!important;border-radius:var(--eds-br-xs)!important}.eui-21 :host:hover{background-color:var(--eds-c-surface-elevation-sunken)}.eui-21 :host.eds-navbar-item--active{border-bottom:3px solid var(--eds-c-border-primary);color:var(--eds-c-foreground-brand)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsNavbarItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsNavbarItem, isStandalone: true, selector: "eds-navbar-item", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()", "keydown": "onKeydown($event)" }, properties: { "class": "hostClasses()", "attr.tabindex": "0", "attr.role": "\"tab\"", "attr.aria-selected": "active()", "attr.data-e2e": "e2eAttr()" } }, ngImport: i0, template: '{{ label() }}', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;height:100%;padding:var(--eds-sp-xs) var(--eds-sp-s);border-bottom:2px solid transparent;font:var(--eds-f-label-m-semi-bold);color:var(--eds-c-foreground-default);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.eui-21 :host:focus-visible:not([readonly]){outline:var(--eds-bw-s) solid var(--eds-c-border-primary)!important;outline-offset:1px!important;border-radius:var(--eds-br-xs)!important}.eui-21 :host:hover{background-color:var(--eds-c-surface-elevation-sunken)}.eui-21 :host.eds-navbar-item--active{border-bottom:3px solid var(--eds-c-border-primary);color:var(--eds-c-foreground-brand)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsNavbarItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsNavbarItem, decorators: [{
             type: Component,
             args: [{ selector: 'eds-navbar-item', template: '{{ label() }}', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class]': 'hostClasses()',
@@ -110,10 +110,10 @@ class EdsNavbar {
         const el = this.elementRef.nativeElement;
         this.isOverflowing.set(el.scrollWidth > el.clientWidth);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsNavbar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.5", type: EdsNavbar, isStandalone: true, selector: "eds-navbar", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, host: { attributes: { "role": "navigation" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()", "attr.aria-label": "ariaLabel()" } }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => EdsNavbarItem), isSignal: true }], hostDirectives: [{ directive: i1.EdsColorDirective, inputs: ["edsNeutral", "edsNeutral", "edsSuccess", "edsSuccess", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "<div class=\"eds-navbar__list\" role=\"tablist\">\n    <ng-content />\n</div>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;width:100%;height:var(--eds-is-2xl);overflow:hidden}.eui-21 :host .eds-navbar__list{display:flex;align-items:center;height:100%;gap:var(--eds-sp-2xs);padding:0 var(--eds-sp-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsNavbar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: EdsNavbar, isStandalone: true, selector: "eds-navbar", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, host: { attributes: { "role": "navigation" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()", "attr.aria-label": "ariaLabel()" } }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => EdsNavbarItem), isSignal: true }], hostDirectives: [{ directive: i1.EdsColorDirective, inputs: ["edsNeutral", "edsNeutral", "edsSuccess", "edsSuccess", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "<div class=\"eds-navbar__list\" role=\"tablist\">\n    <ng-content />\n</div>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;width:100%;height:var(--eds-is-2xl);overflow:hidden}.eui-21 :host .eds-navbar__list{display:flex;align-items:center;height:100%;gap:var(--eds-sp-2xs);padding:0 var(--eds-sp-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsNavbar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsNavbar, decorators: [{
             type: Component,
             args: [{ selector: 'eds-navbar', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {

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

@@ -45,10 +45,10 @@ class EdsOverlay {
             this.activeState.emit(false);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsOverlay, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsOverlay, isStandalone: true, selector: "eds-overlay", inputs: { isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, fixedWidth: { classPropertyName: "fixedWidth", publicName: "fixedWidth", isSignal: true, isRequired: false, transformFunction: null }, hasClosedOnClickOutside: { classPropertyName: "hasClosedOnClickOutside", publicName: "hasClosedOnClickOutside", isSignal: true, isRequired: false, transformFunction: null }, isHighlighted: { classPropertyName: "isHighlighted", publicName: "isHighlighted", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeState: "activeState" }, host: { attributes: { "role": "dialog" }, listeners: { "document:keydown.escape": "onEscape()" }, properties: { "class": "hostClasses()", "attr.aria-hidden": "!isActive()", "attr.inert": "!isActive() ? true : null" } }, ngImport: i0, template: "@if (isActive()) {\n  <div class=\"eds-overlay-backdrop\" (click)=\"onBackdropClick()\"></div>\n}\n\n<div\n  class=\"eds-overlay-panel\"\n  [style.width]=\"fixedWidth() || null\"\n  [cdkTrapFocus]=\"isActive()\"\n  [cdkTrapFocusAutoCapture]=\"true\">\n  <ng-content select=\"eds-overlay-header\"></ng-content>\n  <ng-content select=\"eds-overlay-content\"></ng-content>\n  <ng-content select=\"eds-overlay-footer\"></ng-content>\n  <ng-content></ng-content>\n</div>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none;display:flex}.eui-21 :host.eds-overlay--active{pointer-events:auto}.eui-21 :host.eds-overlay--right{justify-content:flex-end}.eui-21 :host.eds-overlay--left{justify-content:flex-start}.eui-21 :host.eds-overlay--top{align-items:flex-start}.eui-21 :host.eds-overlay--top .eds-overlay-panel{width:100%;max-height:80vh;transform:translateY(-100%)}.eui-21 :host.eds-overlay--top.eds-overlay--active .eds-overlay-panel{transform:translateY(0)}.eui-21 :host.eds-overlay--bottom{align-items:flex-end}.eui-21 :host.eds-overlay--bottom .eds-overlay-panel{width:100%;max-height:80vh;transform:translateY(100%)}.eui-21 :host.eds-overlay--bottom.eds-overlay--active .eds-overlay-panel{transform:translateY(0)}.eui-21 :host:not(.eds-overlay--active){visibility:hidden}.eui-21 :host:not(.eds-overlay--active) .eds-overlay-panel{transform:translate(100%)}.eui-21 :host:not(.eds-overlay--active).eds-overlay--left .eds-overlay-panel{transform:translate(-100%)}.eui-21 :host.eds-overlay--highlighted .eds-overlay-panel{border-left:3px solid var(--eds-c-border-primary)}.eui-21 :host .eds-overlay-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--eds-c-alpha-backdrop)}.eui-21 :host .eds-overlay-panel{position:relative;display:flex;flex-direction:column;height:100%;background:var(--eds-c-surface-elevation-overlay);box-shadow:var(--eds-sh-4);overflow:hidden;transition:transform .3s cubic-bezier(.25,.8,.25,1);width:400px;max-width:100vw}.eui-21 :host.eds-overlay--width-small .eds-overlay-panel{width:320px}.eui-21 :host.eds-overlay--width-medium .eds-overlay-panel{width:480px}.eui-21 :host.eds-overlay--width-large .eds-overlay-panel{width:640px}.eui-21 :host.eds-overlay--width-xlarge .eds-overlay-panel{width:800px}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsOverlay, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsOverlay, isStandalone: true, selector: "eds-overlay", inputs: { isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, fixedWidth: { classPropertyName: "fixedWidth", publicName: "fixedWidth", isSignal: true, isRequired: false, transformFunction: null }, hasClosedOnClickOutside: { classPropertyName: "hasClosedOnClickOutside", publicName: "hasClosedOnClickOutside", isSignal: true, isRequired: false, transformFunction: null }, isHighlighted: { classPropertyName: "isHighlighted", publicName: "isHighlighted", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeState: "activeState" }, host: { attributes: { "role": "dialog" }, listeners: { "document:keydown.escape": "onEscape()" }, properties: { "class": "hostClasses()", "attr.aria-hidden": "!isActive()", "attr.inert": "!isActive() ? true : null" } }, ngImport: i0, template: "@if (isActive()) {\n  <div class=\"eds-overlay-backdrop\" (click)=\"onBackdropClick()\"></div>\n}\n\n<div\n  class=\"eds-overlay-panel\"\n  [style.width]=\"fixedWidth() || null\"\n  [cdkTrapFocus]=\"isActive()\"\n  [cdkTrapFocusAutoCapture]=\"true\">\n  <ng-content select=\"eds-overlay-header\"></ng-content>\n  <ng-content select=\"eds-overlay-content\"></ng-content>\n  <ng-content select=\"eds-overlay-footer\"></ng-content>\n  <ng-content></ng-content>\n</div>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none;display:flex}.eui-21 :host.eds-overlay--active{pointer-events:auto}.eui-21 :host.eds-overlay--right{justify-content:flex-end}.eui-21 :host.eds-overlay--left{justify-content:flex-start}.eui-21 :host.eds-overlay--top{align-items:flex-start}.eui-21 :host.eds-overlay--top .eds-overlay-panel{width:100%;max-height:80vh;transform:translateY(-100%)}.eui-21 :host.eds-overlay--top.eds-overlay--active .eds-overlay-panel{transform:translateY(0)}.eui-21 :host.eds-overlay--bottom{align-items:flex-end}.eui-21 :host.eds-overlay--bottom .eds-overlay-panel{width:100%;max-height:80vh;transform:translateY(100%)}.eui-21 :host.eds-overlay--bottom.eds-overlay--active .eds-overlay-panel{transform:translateY(0)}.eui-21 :host:not(.eds-overlay--active){visibility:hidden}.eui-21 :host:not(.eds-overlay--active) .eds-overlay-panel{transform:translate(100%)}.eui-21 :host:not(.eds-overlay--active).eds-overlay--left .eds-overlay-panel{transform:translate(-100%)}.eui-21 :host.eds-overlay--highlighted .eds-overlay-panel{border-left:3px solid var(--eds-c-border-primary)}.eui-21 :host .eds-overlay-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--eds-c-alpha-backdrop)}.eui-21 :host .eds-overlay-panel{position:relative;display:flex;flex-direction:column;height:100%;background:var(--eds-c-surface-elevation-overlay);box-shadow:var(--eds-sh-4);overflow:hidden;transition:transform .3s cubic-bezier(.25,.8,.25,1);width:400px;max-width:100vw}.eui-21 :host.eds-overlay--width-small .eds-overlay-panel{width:320px}.eui-21 :host.eds-overlay--width-medium .eds-overlay-panel{width:480px}.eui-21 :host.eds-overlay--width-large .eds-overlay-panel{width:640px}.eui-21 :host.eds-overlay--width-xlarge .eds-overlay-panel{width:800px}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsOverlay, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsOverlay, decorators: [{
             type: Component,
             args: [{ selector: 'eds-overlay', changeDetection: ChangeDetectionStrategy.OnPush, imports: [A11yModule], host: {
                         '[class]': 'hostClasses()',
@@ -69,55 +69,55 @@ class EdsOverlayHeader {
     onClose() {
         this.closeClick.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsOverlayHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsOverlayHeader, isStandalone: true, selector: "eds-overlay-header", outputs: { closeClick: "closeClick" }, ngImport: i0, template: "<div class=\"header-labels\">\n  <ng-content select=\"eds-overlay-header-label\"></ng-content>\n  <ng-content select=\"eds-overlay-header-sublabel\"></ng-content>\n</div>\n<ng-content select=\"eds-overlay-header-action-items\"></ng-content>\n<button edsIconButton icon=\"x:core\" ariaLabel=\"Close overlay\" (click)=\"onClose()\"></button>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;justify-content:space-between;padding:var(--eds-sp-m) var(--eds-sp-l);border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);flex-shrink:0}.eui-21 :host .header-labels{display:flex;flex-direction:column;gap:var(--eds-sp-3xs);min-width:0;flex:1}.eui-21 :host .header-actions{display:flex;align-items:center;gap:var(--eds-sp-xs);flex-shrink:0}\n"], dependencies: [{ kind: "component", type: i1$1.EdsIconButton, selector: "button[edsIconButton]", inputs: ["icon", "ariaLabel", "edsRounded", "edsDisabled"], outputs: ["buttonClick"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsOverlayHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsOverlayHeader, isStandalone: true, selector: "eds-overlay-header", outputs: { closeClick: "closeClick" }, ngImport: i0, template: "<div class=\"header-labels\">\n  <ng-content select=\"eds-overlay-header-label\"></ng-content>\n  <ng-content select=\"eds-overlay-header-sublabel\"></ng-content>\n</div>\n<ng-content select=\"eds-overlay-header-action-items\"></ng-content>\n<button edsIconButton icon=\"x:core\" ariaLabel=\"Close overlay\" (click)=\"onClose()\"></button>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;justify-content:space-between;padding:var(--eds-sp-m) var(--eds-sp-l);border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);flex-shrink:0}.eui-21 :host .header-labels{display:flex;flex-direction:column;gap:var(--eds-sp-3xs);min-width:0;flex:1}.eui-21 :host .header-actions{display:flex;align-items:center;gap:var(--eds-sp-xs);flex-shrink:0}\n"], dependencies: [{ kind: "component", type: i1$1.EdsIconButton, selector: "button[edsIconButton]", inputs: ["icon", "ariaLabel", "edsRounded", "edsDisabled"], outputs: ["buttonClick"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsOverlayHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsOverlayHeader, decorators: [{
             type: Component,
             args: [{ selector: 'eds-overlay-header', imports: [...EDS_ICON_BUTTON], template: "<div class=\"header-labels\">\n  <ng-content select=\"eds-overlay-header-label\"></ng-content>\n  <ng-content select=\"eds-overlay-header-sublabel\"></ng-content>\n</div>\n<ng-content select=\"eds-overlay-header-action-items\"></ng-content>\n<button edsIconButton icon=\"x:core\" ariaLabel=\"Close overlay\" (click)=\"onClose()\"></button>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;justify-content:space-between;padding:var(--eds-sp-m) var(--eds-sp-l);border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);flex-shrink:0}.eui-21 :host .header-labels{display:flex;flex-direction:column;gap:var(--eds-sp-3xs);min-width:0;flex:1}.eui-21 :host .header-actions{display:flex;align-items:center;gap:var(--eds-sp-xs);flex-shrink:0}\n"] }]
         }], propDecorators: { closeClick: [{ type: i0.Output, args: ["closeClick"] }] } });
 
 class EdsOverlayHeaderLabel {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsOverlayHeaderLabel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsOverlayHeaderLabel, isStandalone: true, selector: "eds-overlay-header-label", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;font:var(--eds-f-heading-s);color:var(--eds-c-foreground)}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsOverlayHeaderLabel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsOverlayHeaderLabel, isStandalone: true, selector: "eds-overlay-header-label", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;font:var(--eds-f-heading-s);color:var(--eds-c-foreground)}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsOverlayHeaderLabel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsOverlayHeaderLabel, decorators: [{
             type: Component,
             args: [{ selector: 'eds-overlay-header-label', template: '<ng-content></ng-content>', styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;font:var(--eds-f-heading-s);color:var(--eds-c-foreground)}\n"] }]
         }] });
 
 class EdsOverlayHeaderSublabel {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsOverlayHeaderSublabel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsOverlayHeaderSublabel, isStandalone: true, selector: "eds-overlay-header-sublabel", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler)}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsOverlayHeaderSublabel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsOverlayHeaderSublabel, isStandalone: true, selector: "eds-overlay-header-sublabel", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler)}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsOverlayHeaderSublabel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsOverlayHeaderSublabel, decorators: [{
             type: Component,
             args: [{ selector: 'eds-overlay-header-sublabel', template: '<ng-content></ng-content>', styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler)}\n"] }]
         }] });
 
 class EdsOverlayHeaderActionItems {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsOverlayHeaderActionItems, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsOverlayHeaderActionItems, isStandalone: true, selector: "eds-overlay-header-action-items", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-xs);flex-shrink:0}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsOverlayHeaderActionItems, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsOverlayHeaderActionItems, isStandalone: true, selector: "eds-overlay-header-action-items", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-xs);flex-shrink:0}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsOverlayHeaderActionItems, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsOverlayHeaderActionItems, decorators: [{
             type: Component,
             args: [{ selector: 'eds-overlay-header-action-items', template: '<ng-content></ng-content>', styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-xs);flex-shrink:0}\n"] }]
         }] });
 
 class EdsOverlayContent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsOverlayContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsOverlayContent, isStandalone: true, selector: "eds-overlay-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;flex:1;padding:var(--eds-sp-l);overflow-y:auto;min-height:0}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsOverlayContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsOverlayContent, isStandalone: true, selector: "eds-overlay-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;flex:1;padding:var(--eds-sp-l);overflow-y:auto;min-height:0}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsOverlayContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsOverlayContent, decorators: [{
             type: Component,
             args: [{ selector: 'eds-overlay-content', template: '<ng-content></ng-content>', styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;flex:1;padding:var(--eds-sp-l);overflow-y:auto;min-height:0}\n"] }]
         }] });
 
 class EdsOverlayFooter {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsOverlayFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: EdsOverlayFooter, isStandalone: true, selector: "eds-overlay-footer", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-xs);padding:var(--eds-sp-m) var(--eds-sp-l);border-top:var(--eds-bw-xs) solid var(--eds-c-border-divider);flex-shrink:0}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsOverlayFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: EdsOverlayFooter, isStandalone: true, selector: "eds-overlay-footer", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-xs);padding:var(--eds-sp-m) var(--eds-sp-l);border-top:var(--eds-bw-xs) solid var(--eds-c-border-divider);flex-shrink:0}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsOverlayFooter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsOverlayFooter, decorators: [{
             type: Component,
             args: [{ selector: 'eds-overlay-footer', template: '<ng-content></ng-content>', styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:flex;align-items:center;gap:var(--eds-sp-xs);padding:var(--eds-sp-m) var(--eds-sp-l);border-top:var(--eds-bw-xs) solid var(--eds-c-border-divider);flex-shrink:0}\n"] }]
         }] });