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

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

@@ -325,10 +325,10 @@ class EdsDatepicker {
             this._documentClickListener = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDatepicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsDatepicker, isStandalone: true, selector: "eds-datepicker", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, isDatetimepicker: { classPropertyName: "isDatetimepicker", publicName: "isDatetimepicker", isSignal: true, isRequired: false, transformFunction: null }, hasSeconds: { classPropertyName: "hasSeconds", publicName: "hasSeconds", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dateChange: "dateChange", value: "valueChange" }, host: { properties: { "attr.data-e2e": "e2eAttr()" } }, ngImport: i0, template: "<div edsInputGroup class=\"eds-datepicker__group\">\n    <div edsInputGroupAddon>\n        <input edsInputText\n            [edsClearable]=\"false\"\n            [id]=\"inputId()\"\n            [placeholder]=\"placeholder()\"\n            [value]=\"displayValue()\"\n            [disabled]=\"disabled()\"\n            [readonly]=\"readonly()\"\n            [attr.aria-label]=\"ariaLabel()\"\n            (input)=\"onInputChange($event)\"\n            (blur)=\"onTouched()\"\n            (click)=\"onInputClick()\"/>\n        @if (!readonly() && !disabled()) {\n            <button edsButton edsButtonSecondary edsNeutral edsSizeS\n                type=\"button\"\n                [attr.aria-label]=\"'Open calendar'\"\n                (click)=\"toggle()\">\n                <eds-icon icon=\"calendar-blank:core\"/>\n            </button>\n        }\n    </div>\n</div>\n\n@if (isOpen()) {\n    <div class=\"eds-datepicker__dropdown\" [class.eds-datepicker__dropdown--up]=\"dropUp()\" (click)=\"$event.stopPropagation()\">\n        <div class=\"eds-datepicker__header\">\n            <button class=\"eds-datepicker__nav-btn\" type=\"button\" (click)=\"prevMonth()\" aria-label=\"Previous month\">\u2039</button>\n            <span class=\"eds-datepicker__month-label\">{{ monthLabel() }}</span>\n            <button class=\"eds-datepicker__nav-btn\" type=\"button\" (click)=\"nextMonth()\" aria-label=\"Next month\">\u203A</button>\n        </div>\n        <div class=\"eds-datepicker__weekdays\">\n            @for (day of weekDays; track day) {\n                <span class=\"eds-datepicker__weekday\">{{ day }}</span>\n            }\n        </div>\n        <div class=\"eds-datepicker__days\">\n            @for (day of calendarDays(); track $index) {\n                @if (day === null) {\n                    <span class=\"eds-datepicker__day eds-datepicker__day--empty\"></span>\n                } @else {\n                    <button class=\"eds-datepicker__day\"\n                        type=\"button\"\n                        [class.eds-datepicker__day--today]=\"isToday(day)\"\n                        [class.eds-datepicker__day--selected]=\"isSelected(day)\"\n                        [class.eds-datepicker__day--outside]=\"isOutsideRange(day)\"\n                        [disabled]=\"isOutsideRange(day)\"\n                        (click)=\"selectDay(day)\">\n                        {{ adapter.getDate(day) }}\n                    </button>\n                }\n            }\n        </div>\n\n        @if (isDatetimepicker()) {\n            <div class=\"eds-datepicker__time\">\n                <eds-timepicker [hasSeconds]=\"hasSeconds()\" [disabled]=\"disabled()\" (timeChange)=\"onTimeChange($event)\"/>\n            </div>\n        }\n    </div>\n}\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:inline-block;position:relative;width:100%}.eui-21 :host .eds-datepicker__group{margin-bottom:0}.eui-21 :host .eds-datepicker__dropdown{position:absolute;top:100%;left:0;z-index:1000;margin-top:var(--eds-sp-3xs);background-color:var(--eds-c-surface-elevation);border:var(--eds-bw-xs) solid var(--eds-c-border-divider);border-radius:var(--eds-br-m);box-shadow:var(--eds-sh-2);padding:var(--eds-sp-s);width:280px}.eui-21 :host .eds-datepicker__dropdown--up{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--eds-sp-3xs)}.eui-21 :host .eds-datepicker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-datepicker__month-label{font:var(--eds-f-label-m-semi-bold);color:var(--eds-c-foreground-default)}.eui-21 :host .eds-datepicker__nav-btn{background:none;border:none;cursor:pointer;font-size:18px;padding:var(--eds-sp-3xs) var(--eds-sp-xs);border-radius:var(--eds-br-xs);color:var(--eds-c-foreground-subtle)}.eui-21 :host .eds-datepicker__nav-btn:hover{background-color:var(--eds-c-surface-neutral-subtler);color:var(--eds-c-foreground-default)}.eui-21 :host .eds-datepicker__nav-btn:focus-visible{outline:2px solid var(--eds-c-focus-default, #0e47cb);outline-offset:1px}.eui-21 :host .eds-datepicker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:var(--eds-sp-3xs)}.eui-21 :host .eds-datepicker__weekday{font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler);padding:var(--eds-sp-3xs) 0}.eui-21 :host .eds-datepicker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.eui-21 :host .eds-datepicker__day{background:none;border:none;cursor:pointer;font:var(--eds-f-paragraph-s);padding:var(--eds-sp-3xs);border-radius:var(--eds-br-xs);text-align:center;min-height:32px;display:flex;align-items:center;justify-content:center}.eui-21 :host .eds-datepicker__day:hover:not(:disabled){background-color:var(--eds-c-surface-neutral-subtler)}.eui-21 :host .eds-datepicker__day--today{font-weight:700;border:var(--eds-bw-xs) solid var(--eds-c-border-primary)}.eui-21 :host .eds-datepicker__day--selected{background-color:var(--eds-c-surface-primary)!important;color:var(--eds-c-on-surface-primary);font-weight:600}.eui-21 :host .eds-datepicker__day--outside{color:var(--eds-c-foreground-subtler);opacity:.4;cursor:default}.eui-21 :host .eds-datepicker__day--empty{cursor:default}.eui-21 :host .eds-datepicker__day:focus-visible{outline:2px solid var(--eds-c-focus-default, #0e47cb);outline-offset:1px}.eui-21 :host .eds-datepicker__time{margin-top:var(--eds-sp-s);padding-top:var(--eds-sp-s);border-top:var(--eds-bw-xs) solid var(--eds-c-border-divider);display:flex;justify-content:center}\n"], dependencies: [{ kind: "component", type: i1.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "ariaLabel", "ariaHidden", "edsRounded"] }, { kind: "component", type: i2.EdsInputText, selector: "input[edsInputText]", inputs: ["e2eAttr", "disabled", "readonly", "isInvalid"] }, { kind: "component", type: i3.EdsInputGroup, selector: "div[edsInputGroup]", inputs: ["e2eAttr"] }, { kind: "component", type: i3.EdsInputGroupAddon, selector: "div[edsInputGroupAddon], eds-input-group-addon", inputs: ["e2eAttr"] }, { kind: "component", type: i4.EdsButton, selector: "button[edsButton]", inputs: ["e2eAttr", "id", "edsBlockButton", "edsIconButton", "edsAvatarButton", "edsLineWrap", "edsButtonPrimary", "edsButtonSecondary", "edsButtonTertiary", "edsButtonRounded", "edsTypeVariant", "isChecked", "edsDisabled"] }, { kind: "component", type: i5.EdsTimepicker, selector: "eds-timepicker", inputs: ["e2eAttr", "stepHours", "stepMinutes", "stepSeconds", "hasSeconds", "disabled", "readonly"], outputs: ["timeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDatepicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsDatepicker, isStandalone: true, selector: "eds-datepicker", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, isDatetimepicker: { classPropertyName: "isDatetimepicker", publicName: "isDatetimepicker", isSignal: true, isRequired: false, transformFunction: null }, hasSeconds: { classPropertyName: "hasSeconds", publicName: "hasSeconds", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dateChange: "dateChange", value: "valueChange" }, host: { properties: { "attr.data-e2e": "e2eAttr()" } }, ngImport: i0, template: "<div edsInputGroup class=\"eds-datepicker__group\">\n    <div edsInputGroupAddon>\n        <input edsInputText\n            [edsClearable]=\"false\"\n            [id]=\"inputId()\"\n            [placeholder]=\"placeholder()\"\n            [value]=\"displayValue()\"\n            [disabled]=\"disabled()\"\n            [readonly]=\"readonly()\"\n            [attr.aria-label]=\"ariaLabel()\"\n            (input)=\"onInputChange($event)\"\n            (blur)=\"onTouched()\"\n            (click)=\"onInputClick()\"/>\n        @if (!readonly() && !disabled()) {\n            <button edsButton edsButtonSecondary edsNeutral edsSizeS\n                type=\"button\"\n                [attr.aria-label]=\"'Open calendar'\"\n                (click)=\"toggle()\">\n                <eds-icon icon=\"calendar-blank:core\"/>\n            </button>\n        }\n    </div>\n</div>\n\n@if (isOpen()) {\n    <div class=\"eds-datepicker__dropdown\" [class.eds-datepicker__dropdown--up]=\"dropUp()\" (click)=\"$event.stopPropagation()\">\n        <div class=\"eds-datepicker__header\">\n            <button class=\"eds-datepicker__nav-btn\" type=\"button\" (click)=\"prevMonth()\" aria-label=\"Previous month\">\u2039</button>\n            <span class=\"eds-datepicker__month-label\">{{ monthLabel() }}</span>\n            <button class=\"eds-datepicker__nav-btn\" type=\"button\" (click)=\"nextMonth()\" aria-label=\"Next month\">\u203A</button>\n        </div>\n        <div class=\"eds-datepicker__weekdays\">\n            @for (day of weekDays; track day) {\n                <span class=\"eds-datepicker__weekday\">{{ day }}</span>\n            }\n        </div>\n        <div class=\"eds-datepicker__days\">\n            @for (day of calendarDays(); track $index) {\n                @if (day === null) {\n                    <span class=\"eds-datepicker__day eds-datepicker__day--empty\"></span>\n                } @else {\n                    <button class=\"eds-datepicker__day\"\n                        type=\"button\"\n                        [class.eds-datepicker__day--today]=\"isToday(day)\"\n                        [class.eds-datepicker__day--selected]=\"isSelected(day)\"\n                        [class.eds-datepicker__day--outside]=\"isOutsideRange(day)\"\n                        [disabled]=\"isOutsideRange(day)\"\n                        (click)=\"selectDay(day)\">\n                        {{ adapter.getDate(day) }}\n                    </button>\n                }\n            }\n        </div>\n\n        @if (isDatetimepicker()) {\n            <div class=\"eds-datepicker__time\">\n                <eds-timepicker [hasSeconds]=\"hasSeconds()\" [disabled]=\"disabled()\" (timeChange)=\"onTimeChange($event)\"/>\n            </div>\n        }\n    </div>\n}\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:inline-block;position:relative;width:100%}.eui-21 :host .eds-datepicker__group{margin-bottom:0}.eui-21 :host .eds-datepicker__dropdown{position:absolute;top:100%;left:0;z-index:1000;margin-top:var(--eds-sp-3xs);background-color:var(--eds-c-surface-elevation);border:var(--eds-bw-xs) solid var(--eds-c-border-divider);border-radius:var(--eds-br-m);box-shadow:var(--eds-sh-2);padding:var(--eds-sp-s);width:280px}.eui-21 :host .eds-datepicker__dropdown--up{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--eds-sp-3xs)}.eui-21 :host .eds-datepicker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--eds-sp-xs)}.eui-21 :host .eds-datepicker__month-label{font:var(--eds-f-label-m-semi-bold);color:var(--eds-c-foreground-default)}.eui-21 :host .eds-datepicker__nav-btn{background:none;border:none;cursor:pointer;font-size:18px;padding:var(--eds-sp-3xs) var(--eds-sp-xs);border-radius:var(--eds-br-xs);color:var(--eds-c-foreground-subtle)}.eui-21 :host .eds-datepicker__nav-btn:hover{background-color:var(--eds-c-surface-neutral-subtler);color:var(--eds-c-foreground-default)}.eui-21 :host .eds-datepicker__nav-btn:focus-visible{outline:2px solid var(--eds-c-focus-default, #0e47cb);outline-offset:1px}.eui-21 :host .eds-datepicker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:var(--eds-sp-3xs)}.eui-21 :host .eds-datepicker__weekday{font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler);padding:var(--eds-sp-3xs) 0}.eui-21 :host .eds-datepicker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.eui-21 :host .eds-datepicker__day{background:none;border:none;cursor:pointer;font:var(--eds-f-paragraph-s);padding:var(--eds-sp-3xs);border-radius:var(--eds-br-xs);text-align:center;min-height:32px;display:flex;align-items:center;justify-content:center}.eui-21 :host .eds-datepicker__day:hover:not(:disabled){background-color:var(--eds-c-surface-neutral-subtler)}.eui-21 :host .eds-datepicker__day--today{font-weight:700;border:var(--eds-bw-xs) solid var(--eds-c-border-primary)}.eui-21 :host .eds-datepicker__day--selected{background-color:var(--eds-c-surface-primary)!important;color:var(--eds-c-on-surface-primary);font-weight:600}.eui-21 :host .eds-datepicker__day--outside{color:var(--eds-c-foreground-subtler);opacity:.4;cursor:default}.eui-21 :host .eds-datepicker__day--empty{cursor:default}.eui-21 :host .eds-datepicker__day:focus-visible{outline:2px solid var(--eds-c-focus-default, #0e47cb);outline-offset:1px}.eui-21 :host .eds-datepicker__time{margin-top:var(--eds-sp-s);padding-top:var(--eds-sp-s);border-top:var(--eds-bw-xs) solid var(--eds-c-border-divider);display:flex;justify-content:center}\n"], dependencies: [{ kind: "component", type: i1.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "ariaLabel", "ariaHidden", "edsRounded"] }, { kind: "component", type: i2.EdsInputText, selector: "input[edsInputText]", inputs: ["e2eAttr", "disabled", "readonly", "isInvalid"] }, { kind: "component", type: i3.EdsInputGroup, selector: "div[edsInputGroup]", inputs: ["e2eAttr"] }, { kind: "component", type: i3.EdsInputGroupAddon, selector: "div[edsInputGroupAddon], eds-input-group-addon", inputs: ["e2eAttr"] }, { kind: "component", type: i4.EdsButton, selector: "button[edsButton]", inputs: ["e2eAttr", "id", "edsBlockButton", "edsIconButton", "edsAvatarButton", "edsLineWrap", "edsButtonPrimary", "edsButtonSecondary", "edsButtonTertiary", "edsButtonRounded", "edsTypeVariant", "isChecked", "edsDisabled"] }, { kind: "component", type: i5.EdsTimepicker, selector: "eds-timepicker", inputs: ["e2eAttr", "stepHours", "stepMinutes", "stepSeconds", "hasSeconds", "disabled", "readonly"], outputs: ["timeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDatepicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDatepicker, decorators: [{
             type: Component,
             args: [{ selector: 'eds-datepicker', changeDetection: ChangeDetectionStrategy.OnPush, imports: [...EDS_ICON, ...EDS_INPUT_TEXT, ...EDS_INPUT_GROUP, ...EDS_BUTTON, ...EDS_TIMEPICKER], host: {
                         '[attr.data-e2e]': 'e2eAttr()',

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

@@ -223,10 +223,10 @@ class EdsDialogContainer {
             this.isBodyScrollable.set(element.scrollHeight > element.clientHeight);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDialogContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsDialogContainer, isStandalone: true, selector: "eds-dialog-container", host: { classAttribute: "eds-dialog-container" }, viewQueries: [{ propertyName: "dialogBody", first: true, predicate: ["dialogBody"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n    class=\"eds-dialog eds-dialog--{{ dialogContainerConfig.variant }} eui-21\"\n    [class.eds-dialog--draggable]=\"dialogContainerConfig.isDraggable\"\n    [class.eds-dialog--message-box]=\"dialogContainerConfig.isMessageBox\"\n    [class.eds-dialog--no-padding]=\"dialogContainerConfig.hasNoBodyPadding\"\n    [class.eds-dialog--custom-size]=\"dialogContainerConfig.hasMobileCustomSize\"\n    [attr.role]=\"dialogContainerConfig.isMessageBox ? 'alertdialog' : 'dialog'\"\n    aria-labelledby=\"dialogContent\"\n    [attr.aria-describedby]=\"getContentId()\"\n    [attr.aria-modal]=\"true\"\n    tabindex=\"-1\"\n    attr.data-e2e=\"{{ dialogContainerConfig.e2eAttr }}\"\n    cdkDrag\n    cdkDragRootElement=\".cdk-overlay-pane\"\n    [cdkDragDisabled]=\"!dialogContainerConfig.isDraggable\"\n    cdkTrapFocus\n    cdkTrapFocusAutoCapture>\n    <div class=\"eds-dialog__content\" role=\"document\" id=\"dialogContent\" aria-labelledby=\"headerTitle\">\n        <div class=\"eds-dialog__header\" [class.eds-dialog__header--handle-disabled]=\"!dialogContainerConfig.isDraggable\" cdkDragHandle>\n            @if (!isHeaderTemplatePortal && !isHeaderComponentPortal) {\n                @if (dialogContainerConfig.isMessageBox) {\n                    <eds-icon-state [edsColorVariant]=\"$any(dialogContainerConfig.variant)\" edsSizeXL class=\"eds-dialog__header-icon\"/>\n                }\n                <h2 id=\"headerTitle\" class=\"eds-dialog__header-title\" role=\"heading\" aria-level=\"2\">{{ dialogContainerConfig.title | translate }}</h2>\n\n                @if (dialogContainerConfig.hasCloseButton) {\n                    <div class=\"eds-dialog__header-close-container\">\n                        <button edsIconButton icon=\"x:core\" (buttonClick)=\"closeDialog()\" edsRounded [ariaLabel]=\"closeButtonAriaLabel\" class=\"dialog-close-button\"></button>\n                    </div>\n                }\n            }\n            @if (isHeaderTemplatePortal) {\n                <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.header\"></ng-template>\n            }\n            @if (isHeaderComponentPortal) {\n                <ng-template [cdkPortalOutlet]=\"headerComponentPortal\" (attached)=\"portalAttached($event, 'headerComponent')\"></ng-template>\n            }\n        </div>\n        <div\n            #dialogBody\n            class=\"eds-dialog__body\"\n            cdkScrollable\n            [style.height]=\"dialogContainerConfig.height\"\n            [style.max-height]=\"dialogContainerConfig.height\"\n            (scroll)=\"onScroll()\"\n            [attr.tabindex]=\"isBodyScrollable() ? '0' : '-1'\">\n            @if (!isBodyTemplatePortal && !isBodyComponentPortal) {\n                <div\n                    id=\"containerConfigId\"\n                    class=\"eds-dialog__body-content\"\n                    [innerHTML]=\"dialogContainerConfig.content ? (dialogContainerConfigContent | translate) : null\">\n                </div>\n            }\n            @if (isBodyTemplatePortal && !isBodyComponentPortal) {\n                <div id=\"bodyTemplatePortalId\" class=\"eds-dialog__body-content\">\n                    <ng-template [cdkPortalOutlet]=\"getPortalOutlet\"></ng-template>\n                </div>\n            }\n            @if (isBodyComponentPortal) {\n                <div id=\"bodyComponentPortalId\" class=\"eds-dialog__body-content\">\n                    <ng-template [cdkPortalOutlet]=\"bodyComponentPortal\" (attached)=\"portalAttached($event, 'bodyComponent')\"></ng-template>\n                </div>\n            }\n        </div>\n        @if (dialogContainerConfig.hasFooter) {\n            <div class=\"eds-dialog__footer\">\n                @if (!isFooterTemplatePortal && !isFooterComponentPortal) {\n                    <div class=\"eds-dialog__footer-content\">\n                        @if (dialogContainerConfig.hasDismissButton) {\n                            <button\n                                edsButton\n                                edsButtonSecondary\n                                type=\"button\"\n                                [edsDisabled]=\"dismissButtonDisabled$ | async\"\n                                class=\"eds-dialog__footer-dismiss-button\"\n                                [class.eds-dialog__footer-dismiss-button--with-accept-button]=\"dialogContainerConfig.hasAcceptButton\"\n                                (click)=\"onDismiss()\">\n                                {{ dialogContainerConfig.dismissLabel | translate }}\n                            </button>\n                        }\n                        @if (dialogContainerConfig.hasAcceptButton) {\n                            <button\n                                edsButton\n                                type=\"button\"\n                                [edsDisabled]=\"acceptButtonDisabled$ | async\"\n                                class=\"eds-dialog__footer-accept-button\"\n                                (click)=\"onAccept()\">\n                                {{ dialogContainerConfig.acceptLabel | translate }}\n                            </button>\n                        }\n                    </div>\n                }\n\n                @if (isFooterTemplatePortal) {\n                    <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.footer\"></ng-template>\n                }\n                @if (isFooterComponentPortal) {\n                    <ng-template [cdkPortalOutlet]=\"footerComponentPortal\" (attached)=\"portalAttached($event, 'footerComponent')\"></ng-template>\n                }\n            </div>\n        }\n    </div>\n</div>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 .eds-dialog{--_color: var(--eds-c-foreground)}.eui-21 .eds-dialog.eds-dialog--info{--_color: var(--eds-c-foreground-info)}.eui-21 .eds-dialog.eds-dialog--success{--_color: var(--eds-c-foreground-success)}.eui-21 .eds-dialog.eds-dialog--warning{--_color: var(--eds-c-foreground-warning)}.eui-21 .eds-dialog.eds-dialog--critical{--_color: var(--eds-c-foreground-critical)}.eui-21 .eds-dialog.eds-dialog--neutral{--_color: var(--eds-c-foreground-default)}.eui-21 .eds-dialog.eds-dialog--primary{--_color: var(--eds-c-foreground-primary)}.eui-21 .eds-dialog-container{display:flex;width:100%}.eui-21 .eds-dialog-container .eds-dialog{background-color:var(--eds-c-surface-elevation);border-radius:var(--eds-br-m);box-shadow:var(--eds-sh-4);display:flex;height:100%;width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header{align-items:center;border-top-left-radius:var(--eds-br-m);border-top-right-radius:var(--eds-br-m);display:flex;flex:0 0 auto;padding:var(--eds-sp-s) var(--eds-sp-m)}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header eds-dialog-header{align-items:center;display:flex;width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header eds-dialog-header>*{width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header-icon{margin-right:var(--eds-sp-s)}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header-title{color:var(--_color);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eds-f-heading-m)}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header-close-container{display:flex;margin-left:auto}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header.eds-dialog__header--handle-disabled{cursor:default!important}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__body{display:flex;overflow:auto;position:relative}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__body-content{height:auto;padding:var(--eds-sp-xs) var(--eds-sp-m) var(--eds-sp-l) var(--eds-sp-m);width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer{align-items:center;background-color:var(--eds-c-surface-elevation);border-bottom-left-radius:var(--eds-br-m);border-bottom-right-radius:var(--eds-br-m);border-top:1px solid var(--eds-c-border-divider);display:flex;padding:var(--eds-sp-s) var(--eds-sp-m);width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer eds-dialog-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer eds-dialog-footer>*{width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer .eds-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer .eds-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eds-sp-s)}.eui-21 .eds-dialog-container .eds-dialog--no-padding .eds-dialog__content .eds-dialog__body-content{padding:0}.eui-21 .eds-dialog-container .eds-dialog.eds-dialog--message-box .eds-dialog__content .eds-dialog__body{align-items:center;display:flex}.eui-21 .eds-dialog-container .eds-dialog.eds-dialog--message-box .eds-dialog__content .eds-dialog__body-content{height:auto;padding:var(--eds-sp-m);align-items:center;display:flex;width:100%}.eui-21 .eds-dialog-container .eds-dialog.eds-dialog--message-box .eds-dialog__content .eds-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eds-sp-m)}.eui-21 .eds-dialog-container .eds-dialog.eds-dialog--message-box .eds-dialog__content .eds-dialog__body-content p{margin-top:0}.eui-21 .eds-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eds-c-alpha-backdrop-subtle)}.eui-21 .eds-dialog-container .eds-dialog--draggable .eds-dialog__header{cursor:move}@media screen and (max-width:767px){.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size){left:0;position:fixed;top:0}.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size) .eds-dialog__content{height:100vh;height:calc(var(--eds-app-vh, 1vh) * 100);width:100vw}.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size) .eds-dialog__content .eds-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size) .eds-dialog__content .eds-dialog__body{flex:1 1 auto;height:65vh!important;max-height:65vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size) .eds-dialog__content .eds-dialog__body-content{flex:1 1 auto}.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size) .eds-dialog__content .eds-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}\n"], dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i3.ɵɵCdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: CdkScrollableModule }, { kind: "component", type: i4.EdsButton, selector: "button[edsButton]", inputs: ["e2eAttr", "id", "edsBlockButton", "edsIconButton", "edsAvatarButton", "edsLineWrap", "edsButtonPrimary", "edsButtonSecondary", "edsButtonTertiary", "edsButtonRounded", "edsTypeVariant", "isChecked", "edsDisabled"] }, { kind: "component", type: i5.EdsIconButton, selector: "button[edsIconButton]", inputs: ["icon", "ariaLabel", "edsRounded", "edsDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i6.EdsIconState, selector: "eds-icon-state", inputs: ["ariaLabel"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDialogContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsDialogContainer, isStandalone: true, selector: "eds-dialog-container", host: { classAttribute: "eds-dialog-container" }, viewQueries: [{ propertyName: "dialogBody", first: true, predicate: ["dialogBody"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n    class=\"eds-dialog eds-dialog--{{ dialogContainerConfig.variant }} eui-21\"\n    [class.eds-dialog--draggable]=\"dialogContainerConfig.isDraggable\"\n    [class.eds-dialog--message-box]=\"dialogContainerConfig.isMessageBox\"\n    [class.eds-dialog--no-padding]=\"dialogContainerConfig.hasNoBodyPadding\"\n    [class.eds-dialog--custom-size]=\"dialogContainerConfig.hasMobileCustomSize\"\n    [attr.role]=\"dialogContainerConfig.isMessageBox ? 'alertdialog' : 'dialog'\"\n    aria-labelledby=\"dialogContent\"\n    [attr.aria-describedby]=\"getContentId()\"\n    [attr.aria-modal]=\"true\"\n    tabindex=\"-1\"\n    attr.data-e2e=\"{{ dialogContainerConfig.e2eAttr }}\"\n    cdkDrag\n    cdkDragRootElement=\".cdk-overlay-pane\"\n    [cdkDragDisabled]=\"!dialogContainerConfig.isDraggable\"\n    cdkTrapFocus\n    cdkTrapFocusAutoCapture>\n    <div class=\"eds-dialog__content\" role=\"document\" id=\"dialogContent\" aria-labelledby=\"headerTitle\">\n        <div class=\"eds-dialog__header\" [class.eds-dialog__header--handle-disabled]=\"!dialogContainerConfig.isDraggable\" cdkDragHandle>\n            @if (!isHeaderTemplatePortal && !isHeaderComponentPortal) {\n                @if (dialogContainerConfig.isMessageBox) {\n                    <eds-icon-state [edsColorVariant]=\"$any(dialogContainerConfig.variant)\" edsSizeXL class=\"eds-dialog__header-icon\"/>\n                }\n                <h2 id=\"headerTitle\" class=\"eds-dialog__header-title\" role=\"heading\" aria-level=\"2\">{{ dialogContainerConfig.title | translate }}</h2>\n\n                @if (dialogContainerConfig.hasCloseButton) {\n                    <div class=\"eds-dialog__header-close-container\">\n                        <button edsIconButton icon=\"x:core\" (buttonClick)=\"closeDialog()\" edsRounded [ariaLabel]=\"closeButtonAriaLabel\" class=\"dialog-close-button\"></button>\n                    </div>\n                }\n            }\n            @if (isHeaderTemplatePortal) {\n                <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.header\"></ng-template>\n            }\n            @if (isHeaderComponentPortal) {\n                <ng-template [cdkPortalOutlet]=\"headerComponentPortal\" (attached)=\"portalAttached($event, 'headerComponent')\"></ng-template>\n            }\n        </div>\n        <div\n            #dialogBody\n            class=\"eds-dialog__body\"\n            cdkScrollable\n            [style.height]=\"dialogContainerConfig.height\"\n            [style.max-height]=\"dialogContainerConfig.height\"\n            (scroll)=\"onScroll()\"\n            [attr.tabindex]=\"isBodyScrollable() ? '0' : '-1'\">\n            @if (!isBodyTemplatePortal && !isBodyComponentPortal) {\n                <div\n                    id=\"containerConfigId\"\n                    class=\"eds-dialog__body-content\"\n                    [innerHTML]=\"dialogContainerConfig.content ? (dialogContainerConfigContent | translate) : null\">\n                </div>\n            }\n            @if (isBodyTemplatePortal && !isBodyComponentPortal) {\n                <div id=\"bodyTemplatePortalId\" class=\"eds-dialog__body-content\">\n                    <ng-template [cdkPortalOutlet]=\"getPortalOutlet\"></ng-template>\n                </div>\n            }\n            @if (isBodyComponentPortal) {\n                <div id=\"bodyComponentPortalId\" class=\"eds-dialog__body-content\">\n                    <ng-template [cdkPortalOutlet]=\"bodyComponentPortal\" (attached)=\"portalAttached($event, 'bodyComponent')\"></ng-template>\n                </div>\n            }\n        </div>\n        @if (dialogContainerConfig.hasFooter) {\n            <div class=\"eds-dialog__footer\">\n                @if (!isFooterTemplatePortal && !isFooterComponentPortal) {\n                    <div class=\"eds-dialog__footer-content\">\n                        @if (dialogContainerConfig.hasDismissButton) {\n                            <button\n                                edsButton\n                                edsButtonSecondary\n                                type=\"button\"\n                                [edsDisabled]=\"dismissButtonDisabled$ | async\"\n                                class=\"eds-dialog__footer-dismiss-button\"\n                                [class.eds-dialog__footer-dismiss-button--with-accept-button]=\"dialogContainerConfig.hasAcceptButton\"\n                                (click)=\"onDismiss()\">\n                                {{ dialogContainerConfig.dismissLabel | translate }}\n                            </button>\n                        }\n                        @if (dialogContainerConfig.hasAcceptButton) {\n                            <button\n                                edsButton\n                                type=\"button\"\n                                [edsDisabled]=\"acceptButtonDisabled$ | async\"\n                                class=\"eds-dialog__footer-accept-button\"\n                                (click)=\"onAccept()\">\n                                {{ dialogContainerConfig.acceptLabel | translate }}\n                            </button>\n                        }\n                    </div>\n                }\n\n                @if (isFooterTemplatePortal) {\n                    <ng-template [cdkPortalOutlet]=\"dialogContainerConfig.footer\"></ng-template>\n                }\n                @if (isFooterComponentPortal) {\n                    <ng-template [cdkPortalOutlet]=\"footerComponentPortal\" (attached)=\"portalAttached($event, 'footerComponent')\"></ng-template>\n                }\n            </div>\n        }\n    </div>\n</div>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 .eds-dialog{--_color: var(--eds-c-foreground)}.eui-21 .eds-dialog.eds-dialog--info{--_color: var(--eds-c-foreground-info)}.eui-21 .eds-dialog.eds-dialog--success{--_color: var(--eds-c-foreground-success)}.eui-21 .eds-dialog.eds-dialog--warning{--_color: var(--eds-c-foreground-warning)}.eui-21 .eds-dialog.eds-dialog--critical{--_color: var(--eds-c-foreground-critical)}.eui-21 .eds-dialog.eds-dialog--neutral{--_color: var(--eds-c-foreground-default)}.eui-21 .eds-dialog.eds-dialog--primary{--_color: var(--eds-c-foreground-primary)}.eui-21 .eds-dialog-container{display:flex;width:100%}.eui-21 .eds-dialog-container .eds-dialog{background-color:var(--eds-c-surface-elevation);border-radius:var(--eds-br-m);box-shadow:var(--eds-sh-4);display:flex;height:100%;width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header{align-items:center;border-top-left-radius:var(--eds-br-m);border-top-right-radius:var(--eds-br-m);display:flex;flex:0 0 auto;padding:var(--eds-sp-s) var(--eds-sp-m)}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header eds-dialog-header{align-items:center;display:flex;width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header eds-dialog-header>*{width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header-icon{margin-right:var(--eds-sp-s)}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header-title{color:var(--_color);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eds-f-heading-m)}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header-close-container{display:flex;margin-left:auto}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header.eds-dialog__header--handle-disabled{cursor:default!important}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__body{display:flex;overflow:auto;position:relative}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__body-content{height:auto;padding:var(--eds-sp-xs) var(--eds-sp-m) var(--eds-sp-l) var(--eds-sp-m);width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer{align-items:center;background-color:var(--eds-c-surface-elevation);border-bottom-left-radius:var(--eds-br-m);border-bottom-right-radius:var(--eds-br-m);border-top:1px solid var(--eds-c-border-divider);display:flex;padding:var(--eds-sp-s) var(--eds-sp-m);width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer eds-dialog-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer eds-dialog-footer>*{width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer .eds-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer .eds-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eds-sp-s)}.eui-21 .eds-dialog-container .eds-dialog--no-padding .eds-dialog__content .eds-dialog__body-content{padding:0}.eui-21 .eds-dialog-container .eds-dialog.eds-dialog--message-box .eds-dialog__content .eds-dialog__body{align-items:center;display:flex}.eui-21 .eds-dialog-container .eds-dialog.eds-dialog--message-box .eds-dialog__content .eds-dialog__body-content{height:auto;padding:var(--eds-sp-m);align-items:center;display:flex;width:100%}.eui-21 .eds-dialog-container .eds-dialog.eds-dialog--message-box .eds-dialog__content .eds-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eds-sp-m)}.eui-21 .eds-dialog-container .eds-dialog.eds-dialog--message-box .eds-dialog__content .eds-dialog__body-content p{margin-top:0}.eui-21 .eds-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eds-c-alpha-backdrop-subtle)}.eui-21 .eds-dialog-container .eds-dialog--draggable .eds-dialog__header{cursor:move}@media screen and (max-width:767px){.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size){left:0;position:fixed;top:0}.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size) .eds-dialog__content{height:100vh;height:calc(var(--eds-app-vh, 1vh) * 100);width:100vw}.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size) .eds-dialog__content .eds-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size) .eds-dialog__content .eds-dialog__body{flex:1 1 auto;height:65vh!important;max-height:65vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size) .eds-dialog__content .eds-dialog__body-content{flex:1 1 auto}.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size) .eds-dialog__content .eds-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}\n"], dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i3.ɵɵCdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: CdkScrollableModule }, { kind: "component", type: i4.EdsButton, selector: "button[edsButton]", inputs: ["e2eAttr", "id", "edsBlockButton", "edsIconButton", "edsAvatarButton", "edsLineWrap", "edsButtonPrimary", "edsButtonSecondary", "edsButtonTertiary", "edsButtonRounded", "edsTypeVariant", "isChecked", "edsDisabled"] }, { kind: "component", type: i5.EdsIconButton, selector: "button[edsIconButton]", inputs: ["icon", "ariaLabel", "edsRounded", "edsDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i6.EdsIconState, selector: "eds-icon-state", inputs: ["ariaLabel"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDialogContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDialogContainer, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dialog-container', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
                         AsyncPipe,
@@ -457,19 +457,19 @@ class EdsDialogService {
         }
         return positionStrategy;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDialogService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDialogService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDialogService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
 
 class EdsDialogHeader {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDialogHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: EdsDialogHeader, isStandalone: true, selector: "eds-dialog-header", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDialogHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EdsDialogHeader, isStandalone: true, selector: "eds-dialog-header", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDialogHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDialogHeader, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -478,10 +478,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }] });
 
 class EdsDialogFooter {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDialogFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: EdsDialogFooter, isStandalone: true, selector: "eds-dialog-footer", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDialogFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EdsDialogFooter, isStandalone: true, selector: "eds-dialog-footer", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDialogFooter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDialogFooter, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -857,10 +857,10 @@ class EdsDialog {
     scrollToTop() {
         this.edsDialogService.getDialog(this.dialog.id)?.containerRef.instance.scrollToTop();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDialog, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.5", type: EdsDialog, isStandalone: true, selector: "eds-dialog", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", 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 }, verticalPosition: { classPropertyName: "verticalPosition", publicName: "verticalPosition", 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 }, isFullScreen: { classPropertyName: "isFullScreen", publicName: "isFullScreen", isSignal: true, isRequired: false, transformFunction: null }, hasCloseButton: { classPropertyName: "hasCloseButton", publicName: "hasCloseButton", 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 }, hasMobileCustomSize: { classPropertyName: "hasMobileCustomSize", publicName: "hasMobileCustomSize", isSignal: true, isRequired: false, transformFunction: null }, hasClosedOnClickOutside: { classPropertyName: "hasClosedOnClickOutside", publicName: "hasClosedOnClickOutside", isSignal: true, isRequired: false, transformFunction: null }, hasClosedOnEscape: { classPropertyName: "hasClosedOnEscape", publicName: "hasClosedOnEscape", 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 }, isHandleCloseOnClickOutside: { classPropertyName: "isHandleCloseOnClickOutside", publicName: "isHandleCloseOnClickOutside", isSignal: true, isRequired: false, transformFunction: null }, isHandleCloseOnEscape: { classPropertyName: "isHandleCloseOnEscape", publicName: "isHandleCloseOnEscape", isSignal: true, isRequired: false, transformFunction: null }, isMessageBox: { classPropertyName: "isMessageBox", publicName: "isMessageBox", 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 }, hasFooter: { classPropertyName: "hasFooter", publicName: "hasFooter", isSignal: true, isRequired: false, transformFunction: null }, classList: { classPropertyName: "classList", publicName: "classList", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickOutside: "clickOutside", escape: "escape", dialogOpen: "dialogOpen", dialogClose: "dialogClose", dismiss: "dismiss", accept: "accept" }, host: { properties: { "attr.data-e2e": "e2eAttr()" } }, queries: [{ propertyName: "edsDialogHeaderDirective", first: true, predicate: i0.forwardRef(() => EdsDialogHeader), descendants: true, isSignal: true }, { propertyName: "edsDialogFooterDirective", first: true, predicate: i0.forwardRef(() => EdsDialogFooter), descendants: true, isSignal: true }], viewQueries: [{ propertyName: "templateRefHeader", first: true, predicate: ["templateRefHeader"], descendants: true, isSignal: true }, { propertyName: "templateRefContent", first: true, predicate: ["templateRefContent"], descendants: true, isSignal: true }, { propertyName: "templateRefFooter", first: true, predicate: ["templateRefFooter"], descendants: true, isSignal: true }], usesOnChanges: true, hostDirectives: [{ directive: i1$1.EdsColorDirective, inputs: ["edsNeutral", "edsNeutral", "edsSuccess", "edsSuccess", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "<ng-template #templateRefHeader>\n    <ng-content select=\"eds-dialog-header\" />\n</ng-template>\n<ng-template #templateRefContent>\n    <ng-content />\n</ng-template>\n<ng-template #templateRefFooter>\n    <ng-content select=\"eds-dialog-footer\" />\n</ng-template>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 .eds-dialog{--_color: var(--eds-c-foreground)}.eui-21 .eds-dialog.eds-dialog--info{--_color: var(--eds-c-foreground-info)}.eui-21 .eds-dialog.eds-dialog--success{--_color: var(--eds-c-foreground-success)}.eui-21 .eds-dialog.eds-dialog--warning{--_color: var(--eds-c-foreground-warning)}.eui-21 .eds-dialog.eds-dialog--critical{--_color: var(--eds-c-foreground-critical)}.eui-21 .eds-dialog.eds-dialog--neutral{--_color: var(--eds-c-foreground-default)}.eui-21 .eds-dialog.eds-dialog--primary{--_color: var(--eds-c-foreground-primary)}.eui-21 .eds-dialog-container{display:flex;width:100%}.eui-21 .eds-dialog-container .eds-dialog{background-color:var(--eds-c-surface-elevation);border-radius:var(--eds-br-m);box-shadow:var(--eds-sh-4);display:flex;height:100%;width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header{align-items:center;border-top-left-radius:var(--eds-br-m);border-top-right-radius:var(--eds-br-m);display:flex;flex:0 0 auto;padding:var(--eds-sp-s) var(--eds-sp-m)}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header eds-dialog-header{align-items:center;display:flex;width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header eds-dialog-header>*{width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header-icon{margin-right:var(--eds-sp-s)}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header-title{color:var(--_color);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eds-f-heading-m)}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header-close-container{display:flex;margin-left:auto}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header.eds-dialog__header--handle-disabled{cursor:default!important}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__body{display:flex;overflow:auto;position:relative}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__body-content{height:auto;padding:var(--eds-sp-xs) var(--eds-sp-m) var(--eds-sp-l) var(--eds-sp-m);width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer{align-items:center;background-color:var(--eds-c-surface-elevation);border-bottom-left-radius:var(--eds-br-m);border-bottom-right-radius:var(--eds-br-m);border-top:1px solid var(--eds-c-border-divider);display:flex;padding:var(--eds-sp-s) var(--eds-sp-m);width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer eds-dialog-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer eds-dialog-footer>*{width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer .eds-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer .eds-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eds-sp-s)}.eui-21 .eds-dialog-container .eds-dialog--no-padding .eds-dialog__content .eds-dialog__body-content{padding:0}.eui-21 .eds-dialog-container .eds-dialog.eds-dialog--message-box .eds-dialog__content .eds-dialog__body{align-items:center;display:flex}.eui-21 .eds-dialog-container .eds-dialog.eds-dialog--message-box .eds-dialog__content .eds-dialog__body-content{height:auto;padding:var(--eds-sp-m);align-items:center;display:flex;width:100%}.eui-21 .eds-dialog-container .eds-dialog.eds-dialog--message-box .eds-dialog__content .eds-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eds-sp-m)}.eui-21 .eds-dialog-container .eds-dialog.eds-dialog--message-box .eds-dialog__content .eds-dialog__body-content p{margin-top:0}.eui-21 .eds-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eds-c-alpha-backdrop-subtle)}.eui-21 .eds-dialog-container .eds-dialog--draggable .eds-dialog__header{cursor:move}@media screen and (max-width:767px){.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size){left:0;position:fixed;top:0}.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size) .eds-dialog__content{height:100vh;height:calc(var(--eds-app-vh, 1vh) * 100);width:100vw}.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size) .eds-dialog__content .eds-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size) .eds-dialog__content .eds-dialog__body{flex:1 1 auto;height:65vh!important;max-height:65vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size) .eds-dialog__content .eds-dialog__body-content{flex:1 1 auto}.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size) .eds-dialog__content .eds-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}\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: EdsDialog, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: EdsDialog, isStandalone: true, selector: "eds-dialog", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", 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 }, verticalPosition: { classPropertyName: "verticalPosition", publicName: "verticalPosition", 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 }, isFullScreen: { classPropertyName: "isFullScreen", publicName: "isFullScreen", isSignal: true, isRequired: false, transformFunction: null }, hasCloseButton: { classPropertyName: "hasCloseButton", publicName: "hasCloseButton", 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 }, hasMobileCustomSize: { classPropertyName: "hasMobileCustomSize", publicName: "hasMobileCustomSize", isSignal: true, isRequired: false, transformFunction: null }, hasClosedOnClickOutside: { classPropertyName: "hasClosedOnClickOutside", publicName: "hasClosedOnClickOutside", isSignal: true, isRequired: false, transformFunction: null }, hasClosedOnEscape: { classPropertyName: "hasClosedOnEscape", publicName: "hasClosedOnEscape", 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 }, isHandleCloseOnClickOutside: { classPropertyName: "isHandleCloseOnClickOutside", publicName: "isHandleCloseOnClickOutside", isSignal: true, isRequired: false, transformFunction: null }, isHandleCloseOnEscape: { classPropertyName: "isHandleCloseOnEscape", publicName: "isHandleCloseOnEscape", isSignal: true, isRequired: false, transformFunction: null }, isMessageBox: { classPropertyName: "isMessageBox", publicName: "isMessageBox", 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 }, hasFooter: { classPropertyName: "hasFooter", publicName: "hasFooter", isSignal: true, isRequired: false, transformFunction: null }, classList: { classPropertyName: "classList", publicName: "classList", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickOutside: "clickOutside", escape: "escape", dialogOpen: "dialogOpen", dialogClose: "dialogClose", dismiss: "dismiss", accept: "accept" }, host: { properties: { "attr.data-e2e": "e2eAttr()" } }, queries: [{ propertyName: "edsDialogHeaderDirective", first: true, predicate: i0.forwardRef(() => EdsDialogHeader), descendants: true, isSignal: true }, { propertyName: "edsDialogFooterDirective", first: true, predicate: i0.forwardRef(() => EdsDialogFooter), descendants: true, isSignal: true }], viewQueries: [{ propertyName: "templateRefHeader", first: true, predicate: ["templateRefHeader"], descendants: true, isSignal: true }, { propertyName: "templateRefContent", first: true, predicate: ["templateRefContent"], descendants: true, isSignal: true }, { propertyName: "templateRefFooter", first: true, predicate: ["templateRefFooter"], descendants: true, isSignal: true }], usesOnChanges: true, hostDirectives: [{ directive: i1$1.EdsColorDirective, inputs: ["edsNeutral", "edsNeutral", "edsSuccess", "edsSuccess", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "<ng-template #templateRefHeader>\n    <ng-content select=\"eds-dialog-header\" />\n</ng-template>\n<ng-template #templateRefContent>\n    <ng-content />\n</ng-template>\n<ng-template #templateRefFooter>\n    <ng-content select=\"eds-dialog-footer\" />\n</ng-template>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 .eds-dialog{--_color: var(--eds-c-foreground)}.eui-21 .eds-dialog.eds-dialog--info{--_color: var(--eds-c-foreground-info)}.eui-21 .eds-dialog.eds-dialog--success{--_color: var(--eds-c-foreground-success)}.eui-21 .eds-dialog.eds-dialog--warning{--_color: var(--eds-c-foreground-warning)}.eui-21 .eds-dialog.eds-dialog--critical{--_color: var(--eds-c-foreground-critical)}.eui-21 .eds-dialog.eds-dialog--neutral{--_color: var(--eds-c-foreground-default)}.eui-21 .eds-dialog.eds-dialog--primary{--_color: var(--eds-c-foreground-primary)}.eui-21 .eds-dialog-container{display:flex;width:100%}.eui-21 .eds-dialog-container .eds-dialog{background-color:var(--eds-c-surface-elevation);border-radius:var(--eds-br-m);box-shadow:var(--eds-sh-4);display:flex;height:100%;width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content{display:flex;flex-direction:column;position:relative;width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header{align-items:center;border-top-left-radius:var(--eds-br-m);border-top-right-radius:var(--eds-br-m);display:flex;flex:0 0 auto;padding:var(--eds-sp-s) var(--eds-sp-m)}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header eds-dialog-header{align-items:center;display:flex;width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header eds-dialog-header>*{width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header-icon{margin-right:var(--eds-sp-s)}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header-title{color:var(--_color);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eds-f-heading-m)}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header-close-container{display:flex;margin-left:auto}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__header.eds-dialog__header--handle-disabled{cursor:default!important}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__body{display:flex;overflow:auto;position:relative}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__body-content{height:auto;padding:var(--eds-sp-xs) var(--eds-sp-m) var(--eds-sp-l) var(--eds-sp-m);width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer{align-items:center;background-color:var(--eds-c-surface-elevation);border-bottom-left-radius:var(--eds-br-m);border-bottom-right-radius:var(--eds-br-m);border-top:1px solid var(--eds-c-border-divider);display:flex;padding:var(--eds-sp-s) var(--eds-sp-m);width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer eds-dialog-footer{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer eds-dialog-footer>*{width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer .eds-dialog__footer-content{align-items:center;display:flex;justify-content:flex-end;width:100%}.eui-21 .eds-dialog-container .eds-dialog .eds-dialog__content .eds-dialog__footer .eds-dialog__footer-dismiss-button--with-accept-button{margin-right:var(--eds-sp-s)}.eui-21 .eds-dialog-container .eds-dialog--no-padding .eds-dialog__content .eds-dialog__body-content{padding:0}.eui-21 .eds-dialog-container .eds-dialog.eds-dialog--message-box .eds-dialog__content .eds-dialog__body{align-items:center;display:flex}.eui-21 .eds-dialog-container .eds-dialog.eds-dialog--message-box .eds-dialog__content .eds-dialog__body-content{height:auto;padding:var(--eds-sp-m);align-items:center;display:flex;width:100%}.eui-21 .eds-dialog-container .eds-dialog.eds-dialog--message-box .eds-dialog__content .eds-dialog__body-content-icon-container{align-self:flex-start;padding:var(--eds-sp-m)}.eui-21 .eds-dialog-container .eds-dialog.eds-dialog--message-box .eds-dialog__content .eds-dialog__body-content p{margin-top:0}.eui-21 .eds-dialog__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background-color:var(--eds-c-alpha-backdrop-subtle)}.eui-21 .eds-dialog-container .eds-dialog--draggable .eds-dialog__header{cursor:move}@media screen and (max-width:767px){.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size){left:0;position:fixed;top:0}.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size) .eds-dialog__content{height:100vh;height:calc(var(--eds-app-vh, 1vh) * 100);width:100vw}.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size) .eds-dialog__content .eds-dialog__header{border-top-left-radius:0;border-top-right-radius:0;flex:0 0 auto}.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size) .eds-dialog__content .eds-dialog__body{flex:1 1 auto;height:65vh!important;max-height:65vh!important;max-width:100vw!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size) .eds-dialog__content .eds-dialog__body-content{flex:1 1 auto}.eui-21 .eds-dialog-container .eds-dialog:not(.eds-dialog--custom-size) .eds-dialog__content .eds-dialog__footer{border-bottom-left-radius:0;border-bottom-right-radius:0;flex:0 0 auto;width:100vw}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDialog, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
                         {

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

@@ -92,10 +92,10 @@ class EdsDimmer {
             this.shellService.setDimmerActive(false);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDimmer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsDimmer, isStandalone: true, selector: "eds-dimmer", inputs: { isDimmerActive: { classPropertyName: "isDimmerActive", publicName: "isDimmerActive", isSignal: true, isRequired: false, transformFunction: null }, e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()" } }, ngImport: i0, template: '', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{animation:none;background-color:#00000026;height:100vh;left:0;opacity:0;position:fixed;top:0;width:0;z-index:10010;pointer-events:none}.eui-21 :host.eds-dimmer--active{animation:eds-dimmer-fade-in .2s ease-out;opacity:1;width:100%;pointer-events:all}.eui-21 :host:not(.eds-dimmer--active){animation:eds-dimmer-fade-out .2s ease-in}@keyframes eds-dimmer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes eds-dimmer-fade-out{0%{opacity:1}to{opacity:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDimmer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsDimmer, isStandalone: true, selector: "eds-dimmer", inputs: { isDimmerActive: { classPropertyName: "isDimmerActive", publicName: "isDimmerActive", isSignal: true, isRequired: false, transformFunction: null }, e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()" } }, ngImport: i0, template: '', isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{animation:none;background-color:#00000026;height:100vh;left:0;opacity:0;position:fixed;top:0;width:0;z-index:10010;pointer-events:none}.eui-21 :host.eds-dimmer--active{animation:eds-dimmer-fade-in .2s ease-out;opacity:1;width:100%;pointer-events:all}.eui-21 :host:not(.eds-dimmer--active){animation:eds-dimmer-fade-out .2s ease-in}@keyframes eds-dimmer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes eds-dimmer-fade-out{0%{opacity:1}to{opacity:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDimmer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDimmer, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dimmer', template: '', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class]': 'hostClasses()',

package/fesm2022/eui-eds-eds-disable-content.mjs

@@ -62,10 +62,10 @@ class EdsDisableContent {
     getActiveElement() {
         return this.elRef.nativeElement.querySelector(':focus');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDisableContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsDisableContent, isStandalone: true, selector: "eds-disable-content", inputs: { isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "\"eds-disable-content\"", "attr.aria-busy": "isDisabled() || null", "attr.inert": "isDisabled() || null" } }, 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;position:relative}.eui-21 :host.eds-disable-content--disabled{cursor:not-allowed;z-index:1}.eui-21 :host.eds-disable-content--disabled:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2;pointer-events:none}.eui-21 :host.eds-disable-content--disabled>*{pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDisableContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsDisableContent, isStandalone: true, selector: "eds-disable-content", inputs: { isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "\"eds-disable-content\"", "attr.aria-busy": "isDisabled() || null", "attr.inert": "isDisabled() || null" } }, 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;position:relative}.eui-21 :host.eds-disable-content--disabled{cursor:not-allowed;z-index:1}.eui-21 :host.eds-disable-content--disabled:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2;pointer-events:none}.eui-21 :host.eds-disable-content--disabled>*{pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDisableContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDisableContent, decorators: [{
             type: Component,
             args: [{ selector: 'eds-disable-content', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class]': 'hostClasses()',

package/fesm2022/eui-eds-eds-discussion-thread.mjs

@@ -90,10 +90,10 @@ class EdsDiscussionThreadItem {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDiscussionThreadItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsDiscussionThreadItem, isStandalone: true, selector: "eds-discussion-thread-item", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, author: { classPropertyName: "author", publicName: "author", isSignal: true, isRequired: false, transformFunction: null }, body: { classPropertyName: "body", publicName: "body", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, isOdd: { classPropertyName: "isOdd", publicName: "isOdd", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()" } }, hostDirectives: [{ directive: i1.EdsColorDirective, inputs: ["edsNeutral", "edsNeutral", "edsSuccess", "edsSuccess", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "<div class=\"eds-discussion-thread-item__badge\" [attr.title]=\"tooltip()\">\n    <eds-icon-state [edsColorVariant]=\"colorDirective.resolvedColor() || 'info'\" edsSizeXL />\n</div>\n<div class=\"eds-discussion-thread-item__panel\">\n    <div class=\"eds-discussion-thread-item__panel-header\">\n        <div class=\"eds-discussion-thread-item__panel-heading\">\n            <div class=\"eds-discussion-thread-item__panel-title\">\n                {{ date() | date: 'dd/MM/yyyy' }}\n            </div>\n            <div class=\"eds-discussion-thread-item__panel-time\">\n                <eds-icon icon=\"clock\" edsSizeS />\n                <span class=\"eds-discussion-thread-item__panel-time-text\">{{ date() | date: 'HH:mm' }}</span>\n            </div>\n        </div>\n        <div class=\"eds-discussion-thread-item__panel-author\">\n            {{ author() }}\n        </div>\n    </div>\n    <div class=\"eds-discussion-thread-item__panel-body\">\n        <p class=\"eds-discussion-thread-item__panel-body-text\" [innerHTML]=\"body()\"></p>\n    </div>\n</div>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;margin-bottom:var(--eds-sp-m);position:relative}.eui-21 :host:before,.eui-21 :host:after{content:\" \";display:table}.eui-21 :host:after{clear:both}.eui-21 :host .eds-discussion-thread-item__panel{background-color:var(--eds-c-surface-elevation);border:var(--eds-bw-xs) solid var(--eds-c-border-divider);border-radius:var(--eds-br-m);box-shadow:var(--eds-sh-1);float:left;padding:var(--eds-sp-m) var(--eds-sp-m) 0;position:relative;width:44%}.eui-21 :host .eds-discussion-thread-item__panel:before{border-bottom:15px solid transparent;border-left:15px solid var(--eds-c-border-divider);border-right:0 solid var(--eds-c-border-divider);border-top:15px solid transparent;content:\" \";display:inline-block;position:absolute;right:-15px;top:26px}.eui-21 :host .eds-discussion-thread-item__panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eds-c-surface-elevation);border-right:0 solid var(--eds-c-surface-elevation);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-21 :host .eds-discussion-thread-item__badge{background-color:var(--eds-c-surface-default);position:absolute;left:50%;width:50px;margin-left:-22px;top:22px}.eui-21 :host .eds-discussion-thread-item__panel-header{border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);margin-bottom:var(--eds-sp-s);padding-bottom:var(--eds-sp-s)}.eui-21 :host .eds-discussion-thread-item__panel-heading{align-items:center;display:flex;justify-content:space-between}.eui-21 :host .eds-discussion-thread-item__panel-title{align-items:center;display:flex;font:var(--eds-f-label-m-semi-bold)}.eui-21 :host .eds-discussion-thread-item__panel-time{align-items:center;display:flex;margin-left:auto;font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler);gap:var(--eds-sp-2xs)}.eui-21 :host .eds-discussion-thread-item__panel-time-text{font:var(--eds-f-paragraph-s)}.eui-21 :host .eds-discussion-thread-item__panel-author{margin-top:var(--eds-sp-xs);font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler)}.eui-21 :host .eds-discussion-thread-item__panel-body{margin:var(--eds-sp-m) 0}.eui-21 :host .eds-discussion-thread-item__panel-body-text{word-break:break-word;margin:0;font:var(--eds-f-paragraph-m)}.eui-21 :host.eds-discussion-thread-item--inverted .eds-discussion-thread-item__panel{float:right}.eui-21 :host.eds-discussion-thread-item--inverted .eds-discussion-thread-item__panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-21 :host.eds-discussion-thread-item--inverted .eds-discussion-thread-item__panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host .eds-discussion-thread-item__panel{float:right;width:calc(100% - 90px)}.eui-21 :host .eds-discussion-thread-item__panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-21 :host .eds-discussion-thread-item__panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.eui-21 :host .eds-discussion-thread-item__badge{left:15px;margin-left:0;top:16px}}\n"], dependencies: [{ kind: "component", type: i2.EdsIconState, selector: "eds-icon-state", inputs: ["ariaLabel"] }, { kind: "component", type: i3.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "ariaLabel", "ariaHidden", "edsRounded"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDiscussionThreadItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsDiscussionThreadItem, isStandalone: true, selector: "eds-discussion-thread-item", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, author: { classPropertyName: "author", publicName: "author", isSignal: true, isRequired: false, transformFunction: null }, body: { classPropertyName: "body", publicName: "body", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, isOdd: { classPropertyName: "isOdd", publicName: "isOdd", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()" } }, hostDirectives: [{ directive: i1.EdsColorDirective, inputs: ["edsNeutral", "edsNeutral", "edsSuccess", "edsSuccess", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "<div class=\"eds-discussion-thread-item__badge\" [attr.title]=\"tooltip()\">\n    <eds-icon-state [edsColorVariant]=\"colorDirective.resolvedColor() || 'info'\" edsSizeXL />\n</div>\n<div class=\"eds-discussion-thread-item__panel\">\n    <div class=\"eds-discussion-thread-item__panel-header\">\n        <div class=\"eds-discussion-thread-item__panel-heading\">\n            <div class=\"eds-discussion-thread-item__panel-title\">\n                {{ date() | date: 'dd/MM/yyyy' }}\n            </div>\n            <div class=\"eds-discussion-thread-item__panel-time\">\n                <eds-icon icon=\"clock\" edsSizeS />\n                <span class=\"eds-discussion-thread-item__panel-time-text\">{{ date() | date: 'HH:mm' }}</span>\n            </div>\n        </div>\n        <div class=\"eds-discussion-thread-item__panel-author\">\n            {{ author() }}\n        </div>\n    </div>\n    <div class=\"eds-discussion-thread-item__panel-body\">\n        <p class=\"eds-discussion-thread-item__panel-body-text\" [innerHTML]=\"body()\"></p>\n    </div>\n</div>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;margin-bottom:var(--eds-sp-m);position:relative}.eui-21 :host:before,.eui-21 :host:after{content:\" \";display:table}.eui-21 :host:after{clear:both}.eui-21 :host .eds-discussion-thread-item__panel{background-color:var(--eds-c-surface-elevation);border:var(--eds-bw-xs) solid var(--eds-c-border-divider);border-radius:var(--eds-br-m);box-shadow:var(--eds-sh-1);float:left;padding:var(--eds-sp-m) var(--eds-sp-m) 0;position:relative;width:44%}.eui-21 :host .eds-discussion-thread-item__panel:before{border-bottom:15px solid transparent;border-left:15px solid var(--eds-c-border-divider);border-right:0 solid var(--eds-c-border-divider);border-top:15px solid transparent;content:\" \";display:inline-block;position:absolute;right:-15px;top:26px}.eui-21 :host .eds-discussion-thread-item__panel:after{border-bottom:14px solid transparent;border-left:14px solid var(--eds-c-surface-elevation);border-right:0 solid var(--eds-c-surface-elevation);border-top:14px solid transparent;content:\" \";display:inline-block;position:absolute;right:-14px;top:27px}.eui-21 :host .eds-discussion-thread-item__badge{background-color:var(--eds-c-surface-default);position:absolute;left:50%;width:50px;margin-left:-22px;top:22px}.eui-21 :host .eds-discussion-thread-item__panel-header{border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);margin-bottom:var(--eds-sp-s);padding-bottom:var(--eds-sp-s)}.eui-21 :host .eds-discussion-thread-item__panel-heading{align-items:center;display:flex;justify-content:space-between}.eui-21 :host .eds-discussion-thread-item__panel-title{align-items:center;display:flex;font:var(--eds-f-label-m-semi-bold)}.eui-21 :host .eds-discussion-thread-item__panel-time{align-items:center;display:flex;margin-left:auto;font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler);gap:var(--eds-sp-2xs)}.eui-21 :host .eds-discussion-thread-item__panel-time-text{font:var(--eds-f-paragraph-s)}.eui-21 :host .eds-discussion-thread-item__panel-author{margin-top:var(--eds-sp-xs);font:var(--eds-f-paragraph-s);color:var(--eds-c-foreground-subtler)}.eui-21 :host .eds-discussion-thread-item__panel-body{margin:var(--eds-sp-m) 0}.eui-21 :host .eds-discussion-thread-item__panel-body-text{word-break:break-word;margin:0;font:var(--eds-f-paragraph-m)}.eui-21 :host.eds-discussion-thread-item--inverted .eds-discussion-thread-item__panel{float:right}.eui-21 :host.eds-discussion-thread-item--inverted .eds-discussion-thread-item__panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-21 :host.eds-discussion-thread-item--inverted .eds-discussion-thread-item__panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host .eds-discussion-thread-item__panel{float:right;width:calc(100% - 90px)}.eui-21 :host .eds-discussion-thread-item__panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.eui-21 :host .eds-discussion-thread-item__panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.eui-21 :host .eds-discussion-thread-item__badge{left:15px;margin-left:0;top:16px}}\n"], dependencies: [{ kind: "component", type: i2.EdsIconState, selector: "eds-icon-state", inputs: ["ariaLabel"] }, { kind: "component", type: i3.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "ariaLabel", "ariaHidden", "edsRounded"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDiscussionThreadItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDiscussionThreadItem, decorators: [{
             type: Component,
             args: [{ selector: 'eds-discussion-thread-item', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         ...EDS_ICON_STATE,
@@ -202,10 +202,10 @@ class EdsDiscussionThread {
         this.hostClasses = computed(() => 'eds-discussion-thread', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDiscussionThread, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsDiscussionThread, isStandalone: true, selector: "eds-discussion-thread", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, titleLabel: { classPropertyName: "titleLabel", publicName: "titleLabel", isSignal: true, isRequired: false, transformFunction: null }, subTitleLabel: { classPropertyName: "subTitleLabel", publicName: "subTitleLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()", "attr.role": "hasItems() ? \"list\" : null", "attr.aria-label": "ariaLabel()" } }, queries: [{ propertyName: "discussionThreadItems", predicate: EdsDiscussionThreadItem, descendants: true, isSignal: true }], ngImport: i0, template: "@if (titleLabel() || subTitleLabel()) {\n    <div class=\"eds-discussion-thread__header\">\n        @if (titleLabel()) {\n            <div class=\"eds-discussion-thread__header-title\">{{ titleLabel() }}</div>\n        }\n        @if (subTitleLabel()) {\n            <div class=\"eds-discussion-thread__header-subtitle\">{{ subTitleLabel() }}</div>\n        }\n    </div>\n}\n\n<div class=\"eds-discussion-thread__content\">\n    @if (items(); as dataItems) {\n        @for (item of dataItems; track item.id; let o = $odd) {\n            <eds-discussion-thread-item\n                [isOdd]=\"o\"\n                [edsColorVariant]=\"item.typeClass || 'info'\"\n                [date]=\"item.date\"\n                [author]=\"item.author\"\n                [body]=\"item.body\"\n                [tooltip]=\"item.tooltip\" />\n        }\n    } @else {\n        <ng-content />\n    }\n</div>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;margin:0;padding:0;position:relative}.eui-21 :host .eds-discussion-thread__header{display:flex;flex-direction:column;position:relative;width:100%}.eui-21 :host .eds-discussion-thread__header-title{border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);display:flex;margin-bottom:var(--eds-sp-xs);padding-bottom:var(--eds-sp-2xs);width:100%;font:var(--eds-f-label-m-semi-bold)}.eui-21 :host .eds-discussion-thread__header-subtitle{color:var(--eds-c-foreground-subtler);display:flex;width:100%;font:var(--eds-f-paragraph-m)}.eui-21 :host .eds-discussion-thread__content{list-style:none;padding:var(--eds-sp-m) 0;position:relative}.eui-21 :host .eds-discussion-thread__content:before{background-color:var(--eds-c-border-divider);bottom:0;content:\" \";left:50%;margin-left:-1px;position:absolute;top:0;width:var(--eds-bw-s)}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host .eds-discussion-thread__content:before{left:40px;margin-left:0}}\n"], dependencies: [{ kind: "component", type: EdsDiscussionThreadItem, selector: "eds-discussion-thread-item", inputs: ["e2eAttr", "date", "author", "body", "tooltip", "isOdd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDiscussionThread, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsDiscussionThread, isStandalone: true, selector: "eds-discussion-thread", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, titleLabel: { classPropertyName: "titleLabel", publicName: "titleLabel", isSignal: true, isRequired: false, transformFunction: null }, subTitleLabel: { classPropertyName: "subTitleLabel", publicName: "subTitleLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()", "attr.role": "hasItems() ? \"list\" : null", "attr.aria-label": "ariaLabel()" } }, queries: [{ propertyName: "discussionThreadItems", predicate: EdsDiscussionThreadItem, descendants: true, isSignal: true }], ngImport: i0, template: "@if (titleLabel() || subTitleLabel()) {\n    <div class=\"eds-discussion-thread__header\">\n        @if (titleLabel()) {\n            <div class=\"eds-discussion-thread__header-title\">{{ titleLabel() }}</div>\n        }\n        @if (subTitleLabel()) {\n            <div class=\"eds-discussion-thread__header-subtitle\">{{ subTitleLabel() }}</div>\n        }\n    </div>\n}\n\n<div class=\"eds-discussion-thread__content\">\n    @if (items(); as dataItems) {\n        @for (item of dataItems; track item.id; let o = $odd) {\n            <eds-discussion-thread-item\n                [isOdd]=\"o\"\n                [edsColorVariant]=\"item.typeClass || 'info'\"\n                [date]=\"item.date\"\n                [author]=\"item.author\"\n                [body]=\"item.body\"\n                [tooltip]=\"item.tooltip\" />\n        }\n    } @else {\n        <ng-content />\n    }\n</div>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{display:block;margin:0;padding:0;position:relative}.eui-21 :host .eds-discussion-thread__header{display:flex;flex-direction:column;position:relative;width:100%}.eui-21 :host .eds-discussion-thread__header-title{border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);display:flex;margin-bottom:var(--eds-sp-xs);padding-bottom:var(--eds-sp-2xs);width:100%;font:var(--eds-f-label-m-semi-bold)}.eui-21 :host .eds-discussion-thread__header-subtitle{color:var(--eds-c-foreground-subtler);display:flex;width:100%;font:var(--eds-f-paragraph-m)}.eui-21 :host .eds-discussion-thread__content{list-style:none;padding:var(--eds-sp-m) 0;position:relative}.eui-21 :host .eds-discussion-thread__content:before{background-color:var(--eds-c-border-divider);bottom:0;content:\" \";left:50%;margin-left:-1px;position:absolute;top:0;width:var(--eds-bw-s)}@media screen and (min-width:768px)and (max-width:1139px){.eui-21 :host .eds-discussion-thread__content:before{left:40px;margin-left:0}}\n"], dependencies: [{ kind: "component", type: EdsDiscussionThreadItem, selector: "eds-discussion-thread-item", inputs: ["e2eAttr", "date", "author", "body", "tooltip", "isOdd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDiscussionThread, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDiscussionThread, decorators: [{
             type: Component,
             args: [{ selector: 'eds-discussion-thread', changeDetection: ChangeDetectionStrategy.OnPush, imports: [EdsDiscussionThreadItem], host: {
                         '[class]': 'hostClasses()',

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

@@ -115,10 +115,10 @@ class EdsDropdownItem {
         const mouseenterEvent = new Event('mouseenter');
         this.elementRef.nativeElement.dispatchEvent(mouseenterEvent);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDropdownItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsDropdownItem, isStandalone: true, selector: "eds-dropdown-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 }, subDropdown: { classPropertyName: "subDropdown", publicName: "subDropdown", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.role": "\"menuitem\"", "attr.tabindex": "isFocused() ? 0 : -1", "attr.aria-disabled": "edsDisabled() || null", "attr.data-e2e": "e2eAttr()" } }, ngImport: i0, template: "<div class=\"eds-dropdown-item__container\">\n    <div class=\"eds-dropdown-item__content\">\n        @if (subDropdown()) {\n            <div class=\"eds-dropdown-item__icon eds-dropdown-item__icon--left\">\n                <eds-icon icon=\"caret-left:core\" size=\"s\"></eds-icon>\n            </div>\n        }\n        <div class=\"eds-dropdown-item__text\">\n            <ng-content/>\n        </div>\n        @if (subDropdown()) {\n            <div class=\"eds-dropdown-item__icon eds-dropdown-item__icon--right\">\n                <eds-icon icon=\"caret-right:core\" size=\"s\"></eds-icon>\n            </div>\n        }\n    </div>\n</div>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{background:none;border:var(--eds-bw-none);box-shadow:none;color:var(--eds-c-foreground-default);cursor:pointer;display:block;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%;font:var(--eds-f-paragraph-m);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eui-21 :host .eds-dropdown-item__container{align-items:center;display:flex;min-height:1.5rem}.eui-21 :host .eds-dropdown-item__container .eds-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis}.eui-21 :host .eds-dropdown-item__container .eds-dropdown-item__content .eds-dropdown-item__text{align-items:center;display:flex;width:100%;line-height:1.1;overflow:hidden;text-overflow:ellipsis}.eui-21 :host .eds-dropdown-item__container .eds-dropdown-item__content .eds-dropdown-item__icon{align-items:center;display:flex;flex-shrink:0;color:var(--eds-c-foreground-subtler)}.eui-21 :host .eds-dropdown-item__container .eds-dropdown-item__content .eds-dropdown-item__icon--right{margin-left:var(--eds-sp-s)}.eui-21 :host .eds-dropdown-item__container .eds-dropdown-item__content .eds-dropdown-item__icon--left{margin-right:var(--eds-sp-s)}.eui-21 :host:hover{background-color:var(--eds-c-surface-hover)}.eui-21 :host.eds-dropdown-item--disabled{pointer-events:none;color:var(--eds-c-foreground-disabled)}.eui-21 :host.eds-dropdown-item--disabled:hover{background:none}.eui-21 :host.eds-dropdown-item--active{background-color:var(--eds-c-surface-selected)}.eui-21 :host.eds-dropdown-item--active.eds-dropdown-item--disabled{background:none}.eui-21 :host.eds-dropdown-item--focused{outline:var(--eds-bw-s) solid var(--eds-c-border-primary);outline-offset:-2px}.eui-21 :host.eds-dropdown-item--focused.eds-dropdown-item--disabled{background:none}\n"], dependencies: [{ 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: EdsDropdownItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsDropdownItem, isStandalone: true, selector: "eds-dropdown-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 }, subDropdown: { classPropertyName: "subDropdown", publicName: "subDropdown", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.role": "\"menuitem\"", "attr.tabindex": "isFocused() ? 0 : -1", "attr.aria-disabled": "edsDisabled() || null", "attr.data-e2e": "e2eAttr()" } }, ngImport: i0, template: "<div class=\"eds-dropdown-item__container\">\n    <div class=\"eds-dropdown-item__content\">\n        @if (subDropdown()) {\n            <div class=\"eds-dropdown-item__icon eds-dropdown-item__icon--left\">\n                <eds-icon icon=\"caret-left:core\" size=\"s\"></eds-icon>\n            </div>\n        }\n        <div class=\"eds-dropdown-item__text\">\n            <ng-content/>\n        </div>\n        @if (subDropdown()) {\n            <div class=\"eds-dropdown-item__icon eds-dropdown-item__icon--right\">\n                <eds-icon icon=\"caret-right:core\" size=\"s\"></eds-icon>\n            </div>\n        }\n    </div>\n</div>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host{background:none;border:var(--eds-bw-none);box-shadow:none;color:var(--eds-c-foreground-default);cursor:pointer;display:block;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%;font:var(--eds-f-paragraph-m);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eui-21 :host .eds-dropdown-item__container{align-items:center;display:flex;min-height:1.5rem}.eui-21 :host .eds-dropdown-item__container .eds-dropdown-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis}.eui-21 :host .eds-dropdown-item__container .eds-dropdown-item__content .eds-dropdown-item__text{align-items:center;display:flex;width:100%;line-height:1.1;overflow:hidden;text-overflow:ellipsis}.eui-21 :host .eds-dropdown-item__container .eds-dropdown-item__content .eds-dropdown-item__icon{align-items:center;display:flex;flex-shrink:0;color:var(--eds-c-foreground-subtler)}.eui-21 :host .eds-dropdown-item__container .eds-dropdown-item__content .eds-dropdown-item__icon--right{margin-left:var(--eds-sp-s)}.eui-21 :host .eds-dropdown-item__container .eds-dropdown-item__content .eds-dropdown-item__icon--left{margin-right:var(--eds-sp-s)}.eui-21 :host:hover{background-color:var(--eds-c-surface-hover)}.eui-21 :host.eds-dropdown-item--disabled{pointer-events:none;color:var(--eds-c-foreground-disabled)}.eui-21 :host.eds-dropdown-item--disabled:hover{background:none}.eui-21 :host.eds-dropdown-item--active{background-color:var(--eds-c-surface-selected)}.eui-21 :host.eds-dropdown-item--active.eds-dropdown-item--disabled{background:none}.eui-21 :host.eds-dropdown-item--focused{outline:var(--eds-bw-s) solid var(--eds-c-border-primary);outline-offset:-2px}.eui-21 :host.eds-dropdown-item--focused.eds-dropdown-item--disabled{background: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: EdsDropdownItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDropdownItem, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dropdown-item', changeDetection: ChangeDetectionStrategy.OnPush, imports: [...EDS_ICON], host: {
                         '[class]': 'hostClasses()',
@@ -748,10 +748,10 @@ class EdsDropdown {
     get panelWidth() {
         return this.isBlock() && this.internalWidth !== 'auto' ? this.internalWidth : this.width();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDropdown, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.5", type: EdsDropdown, isStandalone: true, selector: "eds-dropdown", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, panelTabIndex: { classPropertyName: "panelTabIndex", publicName: "panelTabIndex", 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 }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, subDropdownPosition: { classPropertyName: "subDropdownPosition", publicName: "subDropdownPosition", isSignal: true, isRequired: false, transformFunction: null }, isBlock: { classPropertyName: "isBlock", publicName: "isBlock", isSignal: true, isRequired: false, transformFunction: null }, isDropDownRightAligned: { classPropertyName: "isDropDownRightAligned", publicName: "isDropDownRightAligned", isSignal: true, isRequired: false, transformFunction: null }, hasClosedOnClickInside: { classPropertyName: "hasClosedOnClickInside", publicName: "hasClosedOnClickInside", isSignal: true, isRequired: false, transformFunction: null }, isLabelUpdatedFromSelectedItem: { classPropertyName: "isLabelUpdatedFromSelectedItem", publicName: "isLabelUpdatedFromSelectedItem", isSignal: true, isRequired: false, transformFunction: null }, isExpandOnHover: { classPropertyName: "isExpandOnHover", publicName: "isExpandOnHover", isSignal: true, isRequired: false, transformFunction: null }, hasTabNavigation: { classPropertyName: "hasTabNavigation", publicName: "hasTabNavigation", isSignal: true, isRequired: false, transformFunction: null }, isRightClickEnabled: { classPropertyName: "isRightClickEnabled", publicName: "isRightClickEnabled", isSignal: true, isRequired: false, transformFunction: null }, isTriggerToggle: { classPropertyName: "isTriggerToggle", publicName: "isTriggerToggle", isSignal: true, isRequired: false, transformFunction: null }, edsDisabled: { classPropertyName: "edsDisabled", publicName: "edsDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expand: "expand", isDropdownOpen: "isDropdownOpen" }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()" } }, queries: [{ propertyName: "dropdownItems", predicate: EdsDropdownItem, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true, isSignal: true }, { propertyName: "triggerRef", first: true, predicate: ["triggerRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #triggerRef class=\"eds-dropdown__trigger-container\"\n    (click)=\"!isRightClickEnabled() ? onTriggerClicked($event) : null\"\n    (contextmenu)=\"isRightClickEnabled() ? onTriggerRightClicked($event) : null\">\n    <ng-content/>\n</div>\n\n<ng-template #templatePortalContent>\n    <div\n        [@openClose]=\"isOpened() ? 'open' : 'closed'\"\n        cdkTrapFocus\n        [cdkTrapFocusAutoCapture]=\"false\"\n        role=\"menu\"\n        aria-orientation=\"vertical\"\n        aria-label=\"Dropdown menu\"\n        class=\"eds-dropdown__panel-container eui-21\"\n        [style.max-height]=\"height()\"\n        [style.width]=\"panelWidth\"\n        [tabindex]=\"panelTabIndex()\"\n        (click)=\"onClick()\"\n        (cdkObserveContent)=\"projectContentChanged()\">\n        <ng-content select=\"eds-dropdown-content\"/>\n    </div>\n</ng-template>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 .eds-dropdown .eds-dropdown{display:none}.eui-21 .eds-dropdown .eds-dropdown__trigger-container{display:inherit}.eui-21 .eds-dropdown__panel{position:inherit}.eui-21 .eds-dropdown__panel .eds-dropdown-content{display:block}.eui-21 .eds-dropdown__panel.eds-dropdown--subdropdown-position-left .eds-dropdown__panel-container .eds-dropdown-item .eds-dropdown-item__content .eds-dropdown-item__icon.eds-dropdown-item__icon--right,.eui-21 .eds-dropdown__panel.eds-dropdown--subdropdown-position-right .eds-dropdown__panel-container .eds-dropdown-item .eds-dropdown-item__content .eds-dropdown-item__icon.eds-dropdown-item__icon--left{display:none}.eui-21 .eds-dropdown__panel-container{background:var(--eds-c-surface-elevation);border-radius:var(--eds-br-m);box-shadow:var(--eds-sh-1);display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-21 .eds-dropdown--block .eds-dropdown__trigger-container{display:block;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "ngmodule", type: ScrollingModule }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: ObserversModule }, { kind: "directive", type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], animations: [openClose], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDropdown, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: EdsDropdown, isStandalone: true, selector: "eds-dropdown", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, panelTabIndex: { classPropertyName: "panelTabIndex", publicName: "panelTabIndex", 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 }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, subDropdownPosition: { classPropertyName: "subDropdownPosition", publicName: "subDropdownPosition", isSignal: true, isRequired: false, transformFunction: null }, isBlock: { classPropertyName: "isBlock", publicName: "isBlock", isSignal: true, isRequired: false, transformFunction: null }, isDropDownRightAligned: { classPropertyName: "isDropDownRightAligned", publicName: "isDropDownRightAligned", isSignal: true, isRequired: false, transformFunction: null }, hasClosedOnClickInside: { classPropertyName: "hasClosedOnClickInside", publicName: "hasClosedOnClickInside", isSignal: true, isRequired: false, transformFunction: null }, isLabelUpdatedFromSelectedItem: { classPropertyName: "isLabelUpdatedFromSelectedItem", publicName: "isLabelUpdatedFromSelectedItem", isSignal: true, isRequired: false, transformFunction: null }, isExpandOnHover: { classPropertyName: "isExpandOnHover", publicName: "isExpandOnHover", isSignal: true, isRequired: false, transformFunction: null }, hasTabNavigation: { classPropertyName: "hasTabNavigation", publicName: "hasTabNavigation", isSignal: true, isRequired: false, transformFunction: null }, isRightClickEnabled: { classPropertyName: "isRightClickEnabled", publicName: "isRightClickEnabled", isSignal: true, isRequired: false, transformFunction: null }, isTriggerToggle: { classPropertyName: "isTriggerToggle", publicName: "isTriggerToggle", isSignal: true, isRequired: false, transformFunction: null }, edsDisabled: { classPropertyName: "edsDisabled", publicName: "edsDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expand: "expand", isDropdownOpen: "isDropdownOpen" }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()" } }, queries: [{ propertyName: "dropdownItems", predicate: EdsDropdownItem, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "templatePortalContent", first: true, predicate: ["templatePortalContent"], descendants: true, isSignal: true }, { propertyName: "triggerRef", first: true, predicate: ["triggerRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #triggerRef class=\"eds-dropdown__trigger-container\"\n    (click)=\"!isRightClickEnabled() ? onTriggerClicked($event) : null\"\n    (contextmenu)=\"isRightClickEnabled() ? onTriggerRightClicked($event) : null\">\n    <ng-content/>\n</div>\n\n<ng-template #templatePortalContent>\n    <div\n        [@openClose]=\"isOpened() ? 'open' : 'closed'\"\n        cdkTrapFocus\n        [cdkTrapFocusAutoCapture]=\"false\"\n        role=\"menu\"\n        aria-orientation=\"vertical\"\n        aria-label=\"Dropdown menu\"\n        class=\"eds-dropdown__panel-container eui-21\"\n        [style.max-height]=\"height()\"\n        [style.width]=\"panelWidth\"\n        [tabindex]=\"panelTabIndex()\"\n        (click)=\"onClick()\"\n        (cdkObserveContent)=\"projectContentChanged()\">\n        <ng-content select=\"eds-dropdown-content\"/>\n    </div>\n</ng-template>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 .eds-dropdown .eds-dropdown{display:none}.eui-21 .eds-dropdown .eds-dropdown__trigger-container{display:inherit}.eui-21 .eds-dropdown__panel{position:inherit}.eui-21 .eds-dropdown__panel .eds-dropdown-content{display:block}.eui-21 .eds-dropdown__panel.eds-dropdown--subdropdown-position-left .eds-dropdown__panel-container .eds-dropdown-item .eds-dropdown-item__content .eds-dropdown-item__icon.eds-dropdown-item__icon--right,.eui-21 .eds-dropdown__panel.eds-dropdown--subdropdown-position-right .eds-dropdown__panel-container .eds-dropdown-item .eds-dropdown-item__content .eds-dropdown-item__icon.eds-dropdown-item__icon--left{display:none}.eui-21 .eds-dropdown__panel-container{background:var(--eds-c-surface-elevation);border-radius:var(--eds-br-m);box-shadow:var(--eds-sh-1);display:block;height:auto;min-width:8rem;overflow:auto;position:relative}.eui-21 .eds-dropdown--block .eds-dropdown__trigger-container{display:block;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "ngmodule", type: ScrollingModule }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: ObserversModule }, { kind: "directive", type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], animations: [openClose], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDropdown, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDropdown, decorators: [{
             type: Component,
             args: [{ selector: 'eds-dropdown', animations: [openClose], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
                         OverlayModule,
@@ -783,10 +783,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * ```
  */
 class EdsDropdownContent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDropdownContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: EdsDropdownContent, isStandalone: true, selector: "eds-dropdown-content", host: { properties: { "attr.role": "\"menu\"" }, classAttribute: "eds-dropdown-content" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDropdownContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EdsDropdownContent, isStandalone: true, selector: "eds-dropdown-content", host: { properties: { "attr.role": "\"menu\"" }, classAttribute: "eds-dropdown-content" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsDropdownContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsDropdownContent, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/fesm2022/eui-eds-eds-fab-button.mjs

@@ -27,13 +27,13 @@ class EdsFabButtonItem {
             this.itemClick.emit(event);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsFabButtonItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: EdsFabButtonItem, isStandalone: true, selector: "eds-fab-button-item", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, host: { attributes: { "role": "menuitem" }, listeners: { "click": "onItemClick($event)" }, properties: { "attr.aria-label": "ariaLabel() || label()", "attr.aria-disabled": "disabled() || null", "tabindex": "-1" }, classAttribute: "eds-fab-button-item" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsFabButtonItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsFabButtonItem, isStandalone: true, selector: "eds-fab-button-item", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, host: { attributes: { "role": "menuitem" }, listeners: { "click": "onItemClick($event)" }, properties: { "attr.aria-label": "ariaLabel() || label()", "attr.aria-disabled": "disabled() || null", "tabindex": "-1" }, classAttribute: "eds-fab-button-item" }, ngImport: i0, template: `
         <eds-icon [icon]="icon()" edsSizeS />
         <ng-content />
     `, isInline: true, styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-fab-button-item{display:inline-flex;align-items:center;justify-content:center;width:var(--_fab-action-size, 40px);height:var(--_fab-action-size, 40px);border-radius:var(--eds-br-full);border:none;background-color:var(--_fab-action-surface, var(--eds-c-surface-elevation));color:var(--_fab-action-on-surface, var(--eds-c-foreground-default));cursor:pointer;box-shadow:var(--_fab-action-shadow, var(--eds-sh-2));transition:background-color .2s ease,transform .15s ease;position:relative}.eui-21 :host.eds-fab-button-item:hover:not([aria-disabled=true]){background-color:var(--_fab-action-surface-hover, var(--eds-c-surface-neutral-subtle--hover));transform:scale(1.1)}.eui-21 :host.eds-fab-button-item[aria-disabled=true]{cursor:not-allowed;opacity:.5}.eui-21 :host.eds-fab-button-item: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-full)!important}\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: EdsFabButtonItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsFabButtonItem, decorators: [{
             type: Component,
             args: [{ selector: 'eds-fab-button-item', template: `
         <eds-icon [icon]="icon()" edsSizeS />
@@ -487,10 +487,10 @@ class EdsFabButton {
             y: Math.round(radius * Math.sin(angle)),
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsFabButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsFabButton, isStandalone: true, selector: "eds-fab-button", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, activeIcon: { classPropertyName: "activeIcon", publicName: "activeIcon", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, isDirectionUp: { classPropertyName: "isDirectionUp", publicName: "isDirectionUp", isSignal: true, isRequired: false, transformFunction: null }, isDirectionDown: { classPropertyName: "isDirectionDown", publicName: "isDirectionDown", isSignal: true, isRequired: false, transformFunction: null }, isDirectionLeft: { classPropertyName: "isDirectionLeft", publicName: "isDirectionLeft", isSignal: true, isRequired: false, transformFunction: null }, isDirectionRight: { classPropertyName: "isDirectionRight", publicName: "isDirectionRight", isSignal: true, isRequired: false, transformFunction: null }, isLinear: { classPropertyName: "isLinear", publicName: "isLinear", isSignal: true, isRequired: false, transformFunction: null }, isCircle: { classPropertyName: "isCircle", publicName: "isCircle", isSignal: true, isRequired: false, transformFunction: null }, isSemiCircle: { classPropertyName: "isSemiCircle", publicName: "isSemiCircle", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, transitionDelay: { classPropertyName: "transitionDelay", publicName: "transitionDelay", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hasMask: { classPropertyName: "hasMask", publicName: "hasMask", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed", fabClick: "fabClick" }, host: { listeners: { "keydown": "onHostKeydown($event)" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()" } }, queries: [{ propertyName: "items", predicate: EdsFabButtonItem, read: ElementRef, isSignal: true }], hostDirectives: [{ directive: i1$1.EdsColorDirective, inputs: ["edsPrimary", "edsPrimary", "edsNeutral", "edsNeutral", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "@if (hasMask() && isOpen()) {\n    <div class=\"eds-fab-button__mask\" (click)=\"onMaskClick()\"></div>\n}\n\n<div class=\"eds-fab-button__container\">\n    <!-- Menu container for projected action items -->\n    <div class=\"eds-fab-button__list\"\n         [attr.id]=\"menuId\"\n         role=\"menu\"\n         [attr.aria-labelledby]=\"triggerId\"\n         [attr.aria-orientation]=\"resolvedDirection() === 'left' || resolvedDirection() === 'right' ? 'horizontal' : 'vertical'\">\n        <ng-content select=\"eds-fab-button-item\" />\n    </div>\n\n    <!-- Main FAB trigger button (APG Menu Button) -->\n    <button\n        [attr.id]=\"triggerId\"\n        class=\"eds-fab-button__trigger\"\n        type=\"button\"\n        [attr.aria-label]=\"ariaLabel()\"\n        [attr.aria-haspopup]=\"hasItems() ? 'menu' : null\"\n        [attr.aria-expanded]=\"hasItems() ? isOpen() : null\"\n        [attr.aria-controls]=\"hasItems() ? menuId : null\"\n        [attr.disabled]=\"disabled() ? true : null\"\n        (click)=\"toggle($event)\"\n        (keydown)=\"onTriggerKeydown($event)\">\n        <eds-icon [icon]=\"currentIcon()\" edsSizeM />\n    </button>\n</div>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-fab-button{--_fab-size: 56px;--_fab-action-size: 40px;--_fab-surface: var(--eds-c-surface-brand);--_fab-on-surface: var(--eds-c-on-surface-brand);--_fab-surface-hover: var(--eds-c-surface-brand--hover);--_fab-shadow: var(--eds-sh-3);--_fab-action-surface: var(--eds-c-surface-elevation);--_fab-action-on-surface: var(--eds-c-foreground-default);--_fab-action-surface-hover: var(--eds-c-surface-neutral-subtle--hover);--_fab-action-shadow: var(--eds-sh-2);--_fab-tooltip-surface: var(--eds-c-surface-inverse);--_fab-tooltip-on-surface: var(--eds-c-on-surface-inverse);display:inline-block;position:relative}.eui-21 :host.eds-fab-button.eds-fab-button--primary{--_fab-surface: var(--eds-c-surface-primary);--_fab-on-surface: var(--eds-c-on-surface-primary);--_fab-surface-hover: var(--eds-c-surface-primary--hover)}.eui-21 :host.eds-fab-button.eds-fab-button--neutral{--_fab-surface: var(--eds-c-surface-neutral-subtle);--_fab-on-surface: var(--eds-c-on-surface-neutral-subtle);--_fab-surface-hover: var(--eds-c-surface-neutral-subtle--hover)}.eui-21 :host.eds-fab-button.eds-fab-button--disabled{--_fab-surface: var(--eds-c-surface-disabled);--_fab-on-surface: var(--eds-c-foreground-disabled);--_fab-surface-hover: var(--eds-c-surface-disabled)}.eui-21 :host.eds-fab-button .eds-fab-button__mask{position:fixed;inset:0;background-color:#0006;z-index:998;animation:eds-fab-mask-fade-in .2s ease-out}.eui-21 :host.eds-fab-button .eds-fab-button__container{position:relative;z-index:999;display:inline-flex;align-items:center;justify-content:center}.eui-21 :host.eds-fab-button .eds-fab-button__trigger{display:inline-flex;align-items:center;justify-content:center;width:var(--_fab-size);height:var(--_fab-size);border-radius:var(--eds-br-full);border:none;background-color:var(--_fab-surface);color:var(--_fab-on-surface);cursor:pointer;box-shadow:var(--_fab-shadow);transition:background-color .2s ease,transform .2s ease;position:relative;z-index:2}.eui-21 :host.eds-fab-button .eds-fab-button__trigger:hover:not(:disabled){background-color:var(--_fab-surface-hover)}.eui-21 :host.eds-fab-button .eds-fab-button__trigger:disabled{cursor:not-allowed}.eui-21 :host.eds-fab-button .eds-fab-button__trigger: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-full)!important}.eui-21 :host.eds-fab-button .eds-fab-button__trigger eds-icon{transition:transform .25s cubic-bezier(.4,0,.2,1)}.eui-21 :host.eds-fab-button.eds-fab-button--open .eds-fab-button__trigger eds-icon{transform:rotate(0)}.eui-21 :host.eds-fab-button .eds-fab-button__list{list-style:none;margin:0;padding:0;position:absolute;top:50%;left:50%;margin-top:calc(var(--_fab-action-size) / -2);margin-left:calc(var(--_fab-action-size) / -2);z-index:1;pointer-events:none}.eui-21 :host.eds-fab-button.eds-fab-button--open .eds-fab-button__list{pointer-events:auto}.eui-21 :host.eds-fab-button ::ng-deep .eds-fab-button-item{position:absolute;top:0;left:0;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s ease}.eui-21 :host.eds-fab-button .eds-fab-button__tooltip{position:absolute;white-space:nowrap;background-color:var(--_fab-tooltip-surface);color:var(--_fab-tooltip-on-surface);font:var(--eds-f-paragraph-xs);padding:var(--eds-sp-3xs) var(--eds-sp-xs);border-radius:var(--eds-br-s);pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:10}.eui-21 :host.eds-fab-button ::ng-deep .eds-fab-button-item:hover .eds-fab-button__tooltip,.eui-21 :host.eds-fab-button ::ng-deep .eds-fab-button-item:focus-visible .eds-fab-button__tooltip{opacity:1}.eui-21 :host.eds-fab-button.eds-fab-button--up .eds-fab-button__tooltip,.eui-21 :host.eds-fab-button.eds-fab-button--down .eds-fab-button__tooltip{right:calc(100% + var(--eds-sp-xs));top:50%;transform:translateY(-50%)}.eui-21 :host.eds-fab-button.eds-fab-button--left .eds-fab-button__tooltip,.eui-21 :host.eds-fab-button.eds-fab-button--right .eds-fab-button__tooltip{bottom:calc(100% + var(--eds-sp-xs));left:50%;transform:translate(-50%)}@keyframes eds-fab-mask-fade-in{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ 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: EdsFabButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsFabButton, isStandalone: true, selector: "eds-fab-button", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, activeIcon: { classPropertyName: "activeIcon", publicName: "activeIcon", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, isDirectionUp: { classPropertyName: "isDirectionUp", publicName: "isDirectionUp", isSignal: true, isRequired: false, transformFunction: null }, isDirectionDown: { classPropertyName: "isDirectionDown", publicName: "isDirectionDown", isSignal: true, isRequired: false, transformFunction: null }, isDirectionLeft: { classPropertyName: "isDirectionLeft", publicName: "isDirectionLeft", isSignal: true, isRequired: false, transformFunction: null }, isDirectionRight: { classPropertyName: "isDirectionRight", publicName: "isDirectionRight", isSignal: true, isRequired: false, transformFunction: null }, isLinear: { classPropertyName: "isLinear", publicName: "isLinear", isSignal: true, isRequired: false, transformFunction: null }, isCircle: { classPropertyName: "isCircle", publicName: "isCircle", isSignal: true, isRequired: false, transformFunction: null }, isSemiCircle: { classPropertyName: "isSemiCircle", publicName: "isSemiCircle", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, transitionDelay: { classPropertyName: "transitionDelay", publicName: "transitionDelay", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hasMask: { classPropertyName: "hasMask", publicName: "hasMask", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed", fabClick: "fabClick" }, host: { listeners: { "keydown": "onHostKeydown($event)" }, properties: { "class": "hostClasses()", "attr.data-e2e": "e2eAttr()" } }, queries: [{ propertyName: "items", predicate: EdsFabButtonItem, read: ElementRef, isSignal: true }], hostDirectives: [{ directive: i1$1.EdsColorDirective, inputs: ["edsPrimary", "edsPrimary", "edsNeutral", "edsNeutral", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "@if (hasMask() && isOpen()) {\n    <div class=\"eds-fab-button__mask\" (click)=\"onMaskClick()\"></div>\n}\n\n<div class=\"eds-fab-button__container\">\n    <!-- Menu container for projected action items -->\n    <div class=\"eds-fab-button__list\"\n         [attr.id]=\"menuId\"\n         role=\"menu\"\n         [attr.aria-labelledby]=\"triggerId\"\n         [attr.aria-orientation]=\"resolvedDirection() === 'left' || resolvedDirection() === 'right' ? 'horizontal' : 'vertical'\">\n        <ng-content select=\"eds-fab-button-item\" />\n    </div>\n\n    <!-- Main FAB trigger button (APG Menu Button) -->\n    <button\n        [attr.id]=\"triggerId\"\n        class=\"eds-fab-button__trigger\"\n        type=\"button\"\n        [attr.aria-label]=\"ariaLabel()\"\n        [attr.aria-haspopup]=\"hasItems() ? 'menu' : null\"\n        [attr.aria-expanded]=\"hasItems() ? isOpen() : null\"\n        [attr.aria-controls]=\"hasItems() ? menuId : null\"\n        [attr.disabled]=\"disabled() ? true : null\"\n        (click)=\"toggle($event)\"\n        (keydown)=\"onTriggerKeydown($event)\">\n        <eds-icon [icon]=\"currentIcon()\" edsSizeM />\n    </button>\n</div>\n", styles: ["@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.eui-21 :host.eds-fab-button{--_fab-size: 56px;--_fab-action-size: 40px;--_fab-surface: var(--eds-c-surface-brand);--_fab-on-surface: var(--eds-c-on-surface-brand);--_fab-surface-hover: var(--eds-c-surface-brand--hover);--_fab-shadow: var(--eds-sh-3);--_fab-action-surface: var(--eds-c-surface-elevation);--_fab-action-on-surface: var(--eds-c-foreground-default);--_fab-action-surface-hover: var(--eds-c-surface-neutral-subtle--hover);--_fab-action-shadow: var(--eds-sh-2);--_fab-tooltip-surface: var(--eds-c-surface-inverse);--_fab-tooltip-on-surface: var(--eds-c-on-surface-inverse);display:inline-block;position:relative}.eui-21 :host.eds-fab-button.eds-fab-button--primary{--_fab-surface: var(--eds-c-surface-primary);--_fab-on-surface: var(--eds-c-on-surface-primary);--_fab-surface-hover: var(--eds-c-surface-primary--hover)}.eui-21 :host.eds-fab-button.eds-fab-button--neutral{--_fab-surface: var(--eds-c-surface-neutral-subtle);--_fab-on-surface: var(--eds-c-on-surface-neutral-subtle);--_fab-surface-hover: var(--eds-c-surface-neutral-subtle--hover)}.eui-21 :host.eds-fab-button.eds-fab-button--disabled{--_fab-surface: var(--eds-c-surface-disabled);--_fab-on-surface: var(--eds-c-foreground-disabled);--_fab-surface-hover: var(--eds-c-surface-disabled)}.eui-21 :host.eds-fab-button .eds-fab-button__mask{position:fixed;inset:0;background-color:#0006;z-index:998;animation:eds-fab-mask-fade-in .2s ease-out}.eui-21 :host.eds-fab-button .eds-fab-button__container{position:relative;z-index:999;display:inline-flex;align-items:center;justify-content:center}.eui-21 :host.eds-fab-button .eds-fab-button__trigger{display:inline-flex;align-items:center;justify-content:center;width:var(--_fab-size);height:var(--_fab-size);border-radius:var(--eds-br-full);border:none;background-color:var(--_fab-surface);color:var(--_fab-on-surface);cursor:pointer;box-shadow:var(--_fab-shadow);transition:background-color .2s ease,transform .2s ease;position:relative;z-index:2}.eui-21 :host.eds-fab-button .eds-fab-button__trigger:hover:not(:disabled){background-color:var(--_fab-surface-hover)}.eui-21 :host.eds-fab-button .eds-fab-button__trigger:disabled{cursor:not-allowed}.eui-21 :host.eds-fab-button .eds-fab-button__trigger: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-full)!important}.eui-21 :host.eds-fab-button .eds-fab-button__trigger eds-icon{transition:transform .25s cubic-bezier(.4,0,.2,1)}.eui-21 :host.eds-fab-button.eds-fab-button--open .eds-fab-button__trigger eds-icon{transform:rotate(0)}.eui-21 :host.eds-fab-button .eds-fab-button__list{list-style:none;margin:0;padding:0;position:absolute;top:50%;left:50%;margin-top:calc(var(--_fab-action-size) / -2);margin-left:calc(var(--_fab-action-size) / -2);z-index:1;pointer-events:none}.eui-21 :host.eds-fab-button.eds-fab-button--open .eds-fab-button__list{pointer-events:auto}.eui-21 :host.eds-fab-button ::ng-deep .eds-fab-button-item{position:absolute;top:0;left:0;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s ease}.eui-21 :host.eds-fab-button .eds-fab-button__tooltip{position:absolute;white-space:nowrap;background-color:var(--_fab-tooltip-surface);color:var(--_fab-tooltip-on-surface);font:var(--eds-f-paragraph-xs);padding:var(--eds-sp-3xs) var(--eds-sp-xs);border-radius:var(--eds-br-s);pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:10}.eui-21 :host.eds-fab-button ::ng-deep .eds-fab-button-item:hover .eds-fab-button__tooltip,.eui-21 :host.eds-fab-button ::ng-deep .eds-fab-button-item:focus-visible .eds-fab-button__tooltip{opacity:1}.eui-21 :host.eds-fab-button.eds-fab-button--up .eds-fab-button__tooltip,.eui-21 :host.eds-fab-button.eds-fab-button--down .eds-fab-button__tooltip{right:calc(100% + var(--eds-sp-xs));top:50%;transform:translateY(-50%)}.eui-21 :host.eds-fab-button.eds-fab-button--left .eds-fab-button__tooltip,.eui-21 :host.eds-fab-button.eds-fab-button--right .eds-fab-button__tooltip{bottom:calc(100% + var(--eds-sp-xs));left:50%;transform:translate(-50%)}@keyframes eds-fab-mask-fade-in{0%{opacity:0}to{opacity:1}}\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: EdsFabButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsFabButton, decorators: [{
             type: Component,
             args: [{ selector: 'eds-fab-button', changeDetection: ChangeDetectionStrategy.OnPush, imports: [...EDS_ICON], hostDirectives: [
                         {

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

@@ -51,10 +51,10 @@ class EdsFeedbackMessage {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsFeedbackMessage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: EdsFeedbackMessage, isStandalone: true, selector: "eds-feedback-message", inputs: { isMuted: { classPropertyName: "isMuted", publicName: "isMuted", isSignal: true, isRequired: false, transformFunction: null }, e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.role": "\"status\"", "attr.aria-live": "\"polite\"", "attr.data-e2e": "e2eAttr()" } }, hostDirectives: [{ directive: i1.EdsColorDirective, inputs: ["edsPrimary", "edsPrimary", "edsNeutral", "edsNeutral", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsSuccess", "edsSuccess", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "@if (!isMuted()) {\n    <eds-icon-state [edsColorVariant]=\"iconVariant()\" edsSizeS [ariaLabel]=\"iconVariant()\"/>\n}\n<div class=\"content\">\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{--_color: var(--eds-c-foreground-info);align-items:center;display:flex;gap:var(--eds-sp-3xs);position:relative}.eui-21 :host .content{color:var(--_color);display:block;position:relative;font:var(--eds-f-paragraph-s)}.eui-21 :host.eds-feedback-message--primary{--_color: var(--eds-c-foreground-primary)}.eui-21 :host.eds-feedback-message--neutral{--_color: var(--eds-c-foreground-neutral)}.eui-21 :host.eds-feedback-message--info{--_color: var(--eds-c-foreground-info)}.eui-21 :host.eds-feedback-message--success{--_color: var(--eds-c-foreground-success)}.eui-21 :host.eds-feedback-message--warning{--_color: var(--eds-c-foreground-warning)}.eui-21 :host.eds-feedback-message--critical{--_color: var(--eds-c-foreground-critical)}\n"], dependencies: [{ kind: "component", type: i2.EdsIconState, selector: "eds-icon-state", inputs: ["ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsFeedbackMessage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsFeedbackMessage, isStandalone: true, selector: "eds-feedback-message", inputs: { isMuted: { classPropertyName: "isMuted", publicName: "isMuted", isSignal: true, isRequired: false, transformFunction: null }, e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.role": "\"status\"", "attr.aria-live": "\"polite\"", "attr.data-e2e": "e2eAttr()" } }, hostDirectives: [{ directive: i1.EdsColorDirective, inputs: ["edsPrimary", "edsPrimary", "edsNeutral", "edsNeutral", "edsInfo", "edsInfo", "edsWarning", "edsWarning", "edsSuccess", "edsSuccess", "edsCritical", "edsCritical", "edsColorVariant", "edsColorVariant"] }], ngImport: i0, template: "@if (!isMuted()) {\n    <eds-icon-state [edsColorVariant]=\"iconVariant()\" edsSizeS [ariaLabel]=\"iconVariant()\"/>\n}\n<div class=\"content\">\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{--_color: var(--eds-c-foreground-info);align-items:center;display:flex;gap:var(--eds-sp-3xs);position:relative}.eui-21 :host .content{color:var(--_color);display:block;position:relative;font:var(--eds-f-paragraph-s)}.eui-21 :host.eds-feedback-message--primary{--_color: var(--eds-c-foreground-primary)}.eui-21 :host.eds-feedback-message--neutral{--_color: var(--eds-c-foreground-neutral)}.eui-21 :host.eds-feedback-message--info{--_color: var(--eds-c-foreground-info)}.eui-21 :host.eds-feedback-message--success{--_color: var(--eds-c-foreground-success)}.eui-21 :host.eds-feedback-message--warning{--_color: var(--eds-c-foreground-warning)}.eui-21 :host.eds-feedback-message--critical{--_color: var(--eds-c-foreground-critical)}\n"], dependencies: [{ kind: "component", type: i2.EdsIconState, selector: "eds-icon-state", inputs: ["ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EdsFeedbackMessage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsFeedbackMessage, decorators: [{
             type: Component,
             args: [{ selector: 'eds-feedback-message', changeDetection: ChangeDetectionStrategy.OnPush, imports: [...EDS_ICON_STATE], hostDirectives: [
                         {