@eui/components 19.2.0-snapshot-1745313759588 → 19.2.0-snapshot-1745324592855

package/fesm2022/eui-components-eui-growl.mjs

@@ -90,11 +90,11 @@ class EuiGrowlComponent {
         return this.value?.length ? this.value.findIndex((value) => value === msg) : -1;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: EuiGrowlComponent, deps: [{ token: i0.ElementRef }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.7", type: EuiGrowlComponent, isStandalone: false, selector: "eui-growl", inputs: { e2eAttr: "e2eAttr", sticky: ["sticky", "sticky", booleanAttribute], life: "life", value: "value", closeAllSticky: "closeAllSticky", position: "position" }, outputs: { growlClick: "growlClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-live": "this.ariaLive", "attr.aria-labelledby": "this.ariaLabelledBy", "attr.aria-describedby": "this.ariaDescribedBy" } }, ngImport: i0, template: "<div\n    *ngFor=\"let msg of value\"\n    class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n    [ngClass]=\"{\n        'eui-growl-item-container--info eui--info': msg.severity === 'info',\n        'eui-growl-item-container--warning eui--warning': msg.severity === 'warning',\n        'eui-growl-item-container--danger eui--danger': msg.severity === 'danger',\n        'eui-growl-item-container--success eui--success': msg.severity === 'success',\n        'eui-growl-item-container--filled': msg.filled,\n        'eui-growl--sticky': sticky,\n    }\"\n    [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n    [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n\n    <div class=\"eui-growl-item\">\n        <div class=\"eui-growl-item-summary-wrapper\">\n            <eui-icon-state [euiVariant]=\"msg.severity\" class=\"eui-growl-item-icon\"/>\n            <span [id]=\"titleId\" class=\"eui-growl-item-title\">{{ msg.summary }}</span>\n        </div>\n        <div [id]=\"contentId\" class=\"eui-growl-item-content\" [innerHTML]=\"msg.detail\"></div>\n\n        <eui-icon-button\n            (buttonClick)=\"remove(msg)\"\n            icon=\"close:outline\"\n            fillColor=\"neutral-light\"\n            euiRounded\n            ariaLabel=\"Close growl icon\"\n            class=\"eui-growl-item-close\">\n        </eui-icon-button>\n    </div>\n\n</div>\n<div class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--secondary\"\n    *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n    <div class=\"eui-growl-item\">\n        <div class=\"eui-growl-item-summary-wrapper\">\n            <eui-icon-svg icon=\"checkmark-done:sharp\"/>\n            <span class=\"eui-growl-item-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n        </div>\n        <eui-icon-button (buttonClick)=\"removeAll()\"\n            icon=\"close:outline\"\n            fillColor=\"neutral-light\"\n            euiRounded\n            ariaLabel=\"Close growl icon\"\n            class=\"eui-growl-item-close\"/>\n    </div>\n</div>\n", styles: [".eui-19 .eui-growl{--_color: var(--eui-growl-color, var(--eui-c-s-info-on-bg));--_bg-color: var(--eui-growl-bg-color, var(--eui-c-s-info-bg));--_color-on-bg: var(--eui-growl-color-on-bg, var(--eui-c-s-info-bg-contrast));--_close-hover-color: var(--eui-growl-close-hover-color, var(--eui-c-s-info-bg-hover));--eui-bottom-left-horizontal-offset: var(--eui-s-l);--eui-bottom-left-vertical-offset: var(--eui-s-l);--eui-bottom-right-horizontal-offset: var(--eui-s-l);--eui-bottom-right-vertical-offset: var(--eui-s-l)}.eui-19 .eui-growl-item-container--primary{--_color: var(--eui-c-s-primary);--_bg-color: var(--eui-c-s-primary-bg);--_color-on-bg: var(--eui-c-s-primary-bg-contrast);--_close-hover-color: var(--eui-c-s-primary-bg-hover)}.eui-19 .eui-growl-item-container--secondary{--_color: var(--eui-c-s-secondary);--_bg-color: var(--eui-c-s-secondary-bg);--_color-on-bg: var(--eui-c-s-secondary-bg-contrast);--_close-hover-color: var(--eui-c-s-secondary-bg-hover)}.eui-19 .eui-growl-item-container--info{--_color: var(--eui-c-s-info);--_bg-color: var(--eui-c-s-info-bg);--_color-on-bg: var(--eui-c-s-info-bg-contrast);--_close-hover-color: var(--eui-c-s-info-bg-hover)}.eui-19 .eui-growl-item-container--success{--_color: var(--eui-c-s-success);--_bg-color: var(--eui-c-s-success-bg);--_color-on-bg: var(--eui-c-s-success-bg-contrast);--_close-hover-color: var(--eui-c-s-success-bg-hover)}.eui-19 .eui-growl-item-container--warning{--_color: var(--eui-c-s-warning);--_bg-color: var(--eui-c-s-warning-bg);--_color-on-bg: var(--eui-c-s-warning-bg-contrast);--_close-hover-color: var(--eui-c-s-warning-bg-hover)}.eui-19 .eui-growl-item-container--danger{--_color: var(--eui-c-s-danger);--_bg-color: var(--eui-c-s-danger-bg);--_color-on-bg: var(--eui-c-s-danger-bg-contrast);--_close-hover-color: var(--eui-c-s-danger-bg-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary-contrast);--_icon-color: var(--eui-c-primary-contrast);--_close-hover-color: var(--eui-c-primary-d10)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info-contrast);--_icon-color: var(--eui-c-info-contrast);--_close-hover-color: var(--eui-c-info-d10)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--success{--_bg-color: var(--eui-c-success-dark);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success-contrast);--_icon-color: var(--eui-c-success-contrast);--_close-hover-color: var(--eui-c-success-dark-d10)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast);--_color: var(--eui-c-warning-contrast);--_icon-color: var(--eui-c-warning-contrast);--_close-hover-color: var(--eui-c-warning-d10)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--danger{--_bg-color: var(--eui-c-s-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger-contrast);--_icon-color: var(--eui-c-danger-contrast);--_close-hover-color: var(--eui-c-s-danger-d10)}.eui-19 .eui-growl{position:fixed;width:20rem;z-index:var(--eui-zi-growl-message)}.eui-19 .eui-growl--bottom-left{bottom:var(--eui-bottom-left-vertical-offset);left:var(--eui-bottom-left-horizontal-offset)}.eui-19 .eui-growl--bottom-center{bottom:var(--eui-s-l);right:50%;transform:translate(50%)}.eui-19 .eui-growl--bottom-right{bottom:var(--eui-bottom-right-vertical-offset);right:var(--eui-bottom-right-horizontal-offset)}.eui-19 .eui-growl--top-left{left:var(--eui-s-l);top:var(--eui-s-l)}.eui-19 .eui-growl--top-center{right:50%;top:var(--eui-s-l);transform:translate(50%)}.eui-19 .eui-growl--top-right{right:var(--eui-s-l);top:var(--eui-s-l)}.eui-19 .eui-growl a{text-decoration:underline}.eui-19 .eui-growl-item-container{margin-bottom:var(--eui-s-s);position:relative;background-color:var(--_bg-color);color:var(--_color-on-bg)}.eui-19 .eui-growl-item{display:flex;flex-direction:column;padding:var(--eui-s-m);position:relative;width:20rem;box-shadow:var(--eui-sh-3)}.eui-19 .eui-growl-item-summary-wrapper{display:flex;align-items:center;gap:var(--eui-s-xs)}.eui-19 .eui-growl-item-title{font:var(--eui-f-m-compact-bold);margin-right:var(--eui-s-xl);color:var(--_color)}.eui-19 .eui-growl-item-content:not(:empty){margin-top:var(--eui-s-xs);max-height:80vh;overflow-y:auto;overflow-wrap:break-word;font:var(--eui-f-m-compact)}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar{display:inherit;height:4px;width:4px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-growl-item-content:not(:empty){scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-growl-item-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 .eui-growl-item-close .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-19 .eui-growl-item-container--filled .eui-icon-svg svg{fill:var(--_icon-color)!important;color:var(--_icon-color)!important}.eui-19 .eui-growl-item-container--filled a,.eui-19 .eui-growl-item-container--filled code{color:var(--eui-c-white)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i3.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "iconUrl", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.7", type: EuiGrowlComponent, isStandalone: false, selector: "eui-growl", inputs: { e2eAttr: "e2eAttr", sticky: ["sticky", "sticky", booleanAttribute], life: "life", value: "value", closeAllSticky: "closeAllSticky", position: "position" }, outputs: { growlClick: "growlClick" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr", "attr.role": "this.role", "attr.aria-live": "this.ariaLive", "attr.aria-labelledby": "this.ariaLabelledBy", "attr.aria-describedby": "this.ariaDescribedBy" } }, ngImport: i0, template: "<div\n    *ngFor=\"let msg of value\"\n    class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n    [ngClass]=\"{\n        'eui-growl-item-container--info eui--info': msg.severity === 'info',\n        'eui-growl-item-container--warning eui--warning': msg.severity === 'warning',\n        'eui-growl-item-container--danger eui--danger': msg.severity === 'danger',\n        'eui-growl-item-container--success eui--success': msg.severity === 'success',\n        'eui-growl-item-container--filled': msg.filled,\n        'eui-growl--sticky': sticky,\n    }\"\n    [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n    [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n\n    <div class=\"eui-growl-item\">\n        <div class=\"eui-growl-item-summary-wrapper\">\n            <eui-icon-state [euiVariant]=\"msg.severity\" class=\"eui-growl-item-icon\"/>\n            <span [id]=\"titleId\" class=\"eui-growl-item-title\">{{ msg.summary }}</span>\n        </div>\n        <div [id]=\"contentId\" class=\"eui-growl-item-content\" [innerHTML]=\"msg.detail\"></div>\n\n        <eui-icon-button\n            (buttonClick)=\"remove(msg)\"\n            icon=\"close:outline\"\n            fillColor=\"neutral-light\"\n            euiRounded\n            ariaLabel=\"Close growl icon\"\n            class=\"eui-growl-item-close\">\n        </eui-icon-button>\n    </div>\n\n</div>\n<div class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--secondary\"\n    *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n    <div class=\"eui-growl-item\">\n        <div class=\"eui-growl-item-summary-wrapper\">\n            <eui-icon-svg icon=\"checkmark-done:sharp\"/>\n            <span class=\"eui-growl-item-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n        </div>\n        <eui-icon-button (buttonClick)=\"removeAll()\"\n            icon=\"close:outline\"\n            fillColor=\"neutral-light\"\n            euiRounded\n            ariaLabel=\"Close growl icon\"\n            class=\"eui-growl-item-close\"/>\n    </div>\n</div>\n", styles: [".eui-19 .eui-growl{--_color: var(--eui-growl-color, var(--eui-c-s-info-on-bg));--_bg-color: var(--eui-growl-bg-color, var(--eui-c-s-info-bg));--_color-on-bg: var(--eui-growl-color-on-bg, var(--eui-c-s-info-bg-contrast));--_close-hover-color: var(--eui-growl-close-hover-color, var(--eui-c-s-info-bg-hover));--eui-bottom-left-horizontal-offset: var(--eui-s-l);--eui-bottom-left-vertical-offset: var(--eui-s-l);--eui-bottom-right-horizontal-offset: var(--eui-s-l);--eui-bottom-right-vertical-offset: var(--eui-s-l)}.eui-19 .eui-growl-item-container--primary{--_color: var(--eui-c-s-primary);--_bg-color: var(--eui-c-s-primary-bg);--_color-on-bg: var(--eui-c-s-primary-bg-contrast);--_close-hover-color: var(--eui-c-s-primary-bg-hover)}.eui-19 .eui-growl-item-container--secondary{--_color: var(--eui-c-s-secondary);--_bg-color: var(--eui-c-s-secondary-bg);--_color-on-bg: var(--eui-c-s-secondary-bg-contrast);--_close-hover-color: var(--eui-c-s-secondary-bg-hover)}.eui-19 .eui-growl-item-container--info{--_color: var(--eui-c-s-info);--_bg-color: var(--eui-c-s-info-bg);--_color-on-bg: var(--eui-c-s-info-bg-contrast);--_close-hover-color: var(--eui-c-s-info-bg-hover)}.eui-19 .eui-growl-item-container--success{--_color: var(--eui-c-s-success);--_bg-color: var(--eui-c-s-success-bg);--_color-on-bg: var(--eui-c-s-success-bg-contrast);--_close-hover-color: var(--eui-c-s-success-bg-hover)}.eui-19 .eui-growl-item-container--warning{--_color: var(--eui-c-s-warning);--_bg-color: var(--eui-c-s-warning-bg);--_color-on-bg: var(--eui-c-s-warning-bg-contrast);--_close-hover-color: var(--eui-c-s-warning-bg-hover)}.eui-19 .eui-growl-item-container--danger{--_color: var(--eui-c-s-danger);--_bg-color: var(--eui-c-s-danger-bg);--_color-on-bg: var(--eui-c-s-danger-bg-contrast);--_close-hover-color: var(--eui-c-s-danger-bg-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--primary{--_bg-color: var(--eui-c-s-primary-fill);--_color-on-bg: var(--eui-c-s-primary-fill-contrast);--_color: var(--eui-c-s-primary-fill-contrast);--_icon-color: var(--eui-c-s-primary-fill-contrast);--_close-hover-color: var(--eui-c-s-primary-fill-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--info{--_bg-color: var(--eui-c-s-info-fill);--_color-on-bg: var(--eui-c-s-info-fill-contrast);--_color: var(--eui-c-s-info-fill-contrast);--_icon-color: var(--eui-c-s-info-fill-contrast);--_close-hover-color: var(--eui-c-s-info-fill-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--success{--_bg-color: var(--eui-c-s-success-fill);--_color-on-bg: var(--eui-c-s-success-fill-contrast);--_color: var(--eui-c-s-success-fill-contrast);--_icon-color: var(--eui-c-s-success-fill-contrast);--_close-hover-color: var(--eui-c-s-success-fill-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--warning{--_bg-color: var(--eui-c-s-warning-fill);--_color-on-bg: var(--eui-c-s-warning-fill-contrast);--_color: var(--eui-c-s-warning-fill-contrast);--_icon-color: var(--eui-c-s-warning-fill-contrast);--_close-hover-color: var(--eui-c-s-warning-fill-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--danger{--_bg-color: var(--eui-c-s-danger-fill);--_color-on-bg: var(--eui-c-s-danger-fill-contrast);--_color: var(--eui-c-s-danger-fill-contrast);--_icon-color: var(--eui-c-s-danger-fill-contrast);--_close-hover-color: var(--eui-c-s-danger-fill-hover)}.eui-19 .eui-growl{position:fixed;width:20rem;z-index:var(--eui-zi-growl-message)}.eui-19 .eui-growl--bottom-left{bottom:var(--eui-bottom-left-vertical-offset);left:var(--eui-bottom-left-horizontal-offset)}.eui-19 .eui-growl--bottom-center{bottom:var(--eui-s-l);right:50%;transform:translate(50%)}.eui-19 .eui-growl--bottom-right{bottom:var(--eui-bottom-right-vertical-offset);right:var(--eui-bottom-right-horizontal-offset)}.eui-19 .eui-growl--top-left{left:var(--eui-s-l);top:var(--eui-s-l)}.eui-19 .eui-growl--top-center{right:50%;top:var(--eui-s-l);transform:translate(50%)}.eui-19 .eui-growl--top-right{right:var(--eui-s-l);top:var(--eui-s-l)}.eui-19 .eui-growl a{text-decoration:underline}.eui-19 .eui-growl-item-container{margin-bottom:var(--eui-s-s);position:relative;background-color:var(--_bg-color);color:var(--_color-on-bg)}.eui-19 .eui-growl-item{display:flex;flex-direction:column;padding:var(--eui-s-m);position:relative;width:20rem;box-shadow:var(--eui-sh-3)}.eui-19 .eui-growl-item-summary-wrapper{display:flex;align-items:center;gap:var(--eui-s-xs)}.eui-19 .eui-growl-item-title{font:var(--eui-f-m-compact-bold);margin-right:var(--eui-s-xl);color:var(--_color)}.eui-19 .eui-growl-item-content:not(:empty){margin-top:var(--eui-s-xs);max-height:80vh;overflow-y:auto;overflow-wrap:break-word;font:var(--eui-f-m-compact)}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar{display:inherit;height:4px;width:4px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-growl-item-content:not(:empty){scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-growl-item-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 .eui-growl-item-close .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-19 .eui-growl-item-container--filled .eui-icon-svg svg{fill:var(--_icon-color)!important;color:var(--_icon-color)!important}.eui-19 .eui-growl-item-container--filled a,.eui-19 .eui-growl-item-container--filled code{color:var(--eui-c-white)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i3.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "iconUrl", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiIconStateComponent, selector: "eui-icon-state", inputs: ["size", "ariaLabel"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: EuiGrowlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-growl', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div\n    *ngFor=\"let msg of value\"\n    class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n    [ngClass]=\"{\n        'eui-growl-item-container--info eui--info': msg.severity === 'info',\n        'eui-growl-item-container--warning eui--warning': msg.severity === 'warning',\n        'eui-growl-item-container--danger eui--danger': msg.severity === 'danger',\n        'eui-growl-item-container--success eui--success': msg.severity === 'success',\n        'eui-growl-item-container--filled': msg.filled,\n        'eui-growl--sticky': sticky,\n    }\"\n    [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n    [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n\n    <div class=\"eui-growl-item\">\n        <div class=\"eui-growl-item-summary-wrapper\">\n            <eui-icon-state [euiVariant]=\"msg.severity\" class=\"eui-growl-item-icon\"/>\n            <span [id]=\"titleId\" class=\"eui-growl-item-title\">{{ msg.summary }}</span>\n        </div>\n        <div [id]=\"contentId\" class=\"eui-growl-item-content\" [innerHTML]=\"msg.detail\"></div>\n\n        <eui-icon-button\n            (buttonClick)=\"remove(msg)\"\n            icon=\"close:outline\"\n            fillColor=\"neutral-light\"\n            euiRounded\n            ariaLabel=\"Close growl icon\"\n            class=\"eui-growl-item-close\">\n        </eui-icon-button>\n    </div>\n\n</div>\n<div class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--secondary\"\n    *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n    <div class=\"eui-growl-item\">\n        <div class=\"eui-growl-item-summary-wrapper\">\n            <eui-icon-svg icon=\"checkmark-done:sharp\"/>\n            <span class=\"eui-growl-item-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n        </div>\n        <eui-icon-button (buttonClick)=\"removeAll()\"\n            icon=\"close:outline\"\n            fillColor=\"neutral-light\"\n            euiRounded\n            ariaLabel=\"Close growl icon\"\n            class=\"eui-growl-item-close\"/>\n    </div>\n</div>\n", styles: [".eui-19 .eui-growl{--_color: var(--eui-growl-color, var(--eui-c-s-info-on-bg));--_bg-color: var(--eui-growl-bg-color, var(--eui-c-s-info-bg));--_color-on-bg: var(--eui-growl-color-on-bg, var(--eui-c-s-info-bg-contrast));--_close-hover-color: var(--eui-growl-close-hover-color, var(--eui-c-s-info-bg-hover));--eui-bottom-left-horizontal-offset: var(--eui-s-l);--eui-bottom-left-vertical-offset: var(--eui-s-l);--eui-bottom-right-horizontal-offset: var(--eui-s-l);--eui-bottom-right-vertical-offset: var(--eui-s-l)}.eui-19 .eui-growl-item-container--primary{--_color: var(--eui-c-s-primary);--_bg-color: var(--eui-c-s-primary-bg);--_color-on-bg: var(--eui-c-s-primary-bg-contrast);--_close-hover-color: var(--eui-c-s-primary-bg-hover)}.eui-19 .eui-growl-item-container--secondary{--_color: var(--eui-c-s-secondary);--_bg-color: var(--eui-c-s-secondary-bg);--_color-on-bg: var(--eui-c-s-secondary-bg-contrast);--_close-hover-color: var(--eui-c-s-secondary-bg-hover)}.eui-19 .eui-growl-item-container--info{--_color: var(--eui-c-s-info);--_bg-color: var(--eui-c-s-info-bg);--_color-on-bg: var(--eui-c-s-info-bg-contrast);--_close-hover-color: var(--eui-c-s-info-bg-hover)}.eui-19 .eui-growl-item-container--success{--_color: var(--eui-c-s-success);--_bg-color: var(--eui-c-s-success-bg);--_color-on-bg: var(--eui-c-s-success-bg-contrast);--_close-hover-color: var(--eui-c-s-success-bg-hover)}.eui-19 .eui-growl-item-container--warning{--_color: var(--eui-c-s-warning);--_bg-color: var(--eui-c-s-warning-bg);--_color-on-bg: var(--eui-c-s-warning-bg-contrast);--_close-hover-color: var(--eui-c-s-warning-bg-hover)}.eui-19 .eui-growl-item-container--danger{--_color: var(--eui-c-s-danger);--_bg-color: var(--eui-c-s-danger-bg);--_color-on-bg: var(--eui-c-s-danger-bg-contrast);--_close-hover-color: var(--eui-c-s-danger-bg-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--primary{--_bg-color: var(--eui-c-primary);--_color-on-bg: var(--eui-c-primary-contrast);--_color: var(--eui-c-primary-contrast);--_icon-color: var(--eui-c-primary-contrast);--_close-hover-color: var(--eui-c-primary-d10)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--info{--_bg-color: var(--eui-c-info);--_color-on-bg: var(--eui-c-info-contrast);--_color: var(--eui-c-info-contrast);--_icon-color: var(--eui-c-info-contrast);--_close-hover-color: var(--eui-c-info-d10)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--success{--_bg-color: var(--eui-c-success-dark);--_color-on-bg: var(--eui-c-success-contrast);--_color: var(--eui-c-success-contrast);--_icon-color: var(--eui-c-success-contrast);--_close-hover-color: var(--eui-c-success-dark-d10)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--warning{--_bg-color: var(--eui-c-warning);--_color-on-bg: var(--eui-c-warning-contrast);--_color: var(--eui-c-warning-contrast);--_icon-color: var(--eui-c-warning-contrast);--_close-hover-color: var(--eui-c-warning-d10)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--danger{--_bg-color: var(--eui-c-s-danger);--_color-on-bg: var(--eui-c-danger-contrast);--_color: var(--eui-c-danger-contrast);--_icon-color: var(--eui-c-danger-contrast);--_close-hover-color: var(--eui-c-s-danger-d10)}.eui-19 .eui-growl{position:fixed;width:20rem;z-index:var(--eui-zi-growl-message)}.eui-19 .eui-growl--bottom-left{bottom:var(--eui-bottom-left-vertical-offset);left:var(--eui-bottom-left-horizontal-offset)}.eui-19 .eui-growl--bottom-center{bottom:var(--eui-s-l);right:50%;transform:translate(50%)}.eui-19 .eui-growl--bottom-right{bottom:var(--eui-bottom-right-vertical-offset);right:var(--eui-bottom-right-horizontal-offset)}.eui-19 .eui-growl--top-left{left:var(--eui-s-l);top:var(--eui-s-l)}.eui-19 .eui-growl--top-center{right:50%;top:var(--eui-s-l);transform:translate(50%)}.eui-19 .eui-growl--top-right{right:var(--eui-s-l);top:var(--eui-s-l)}.eui-19 .eui-growl a{text-decoration:underline}.eui-19 .eui-growl-item-container{margin-bottom:var(--eui-s-s);position:relative;background-color:var(--_bg-color);color:var(--_color-on-bg)}.eui-19 .eui-growl-item{display:flex;flex-direction:column;padding:var(--eui-s-m);position:relative;width:20rem;box-shadow:var(--eui-sh-3)}.eui-19 .eui-growl-item-summary-wrapper{display:flex;align-items:center;gap:var(--eui-s-xs)}.eui-19 .eui-growl-item-title{font:var(--eui-f-m-compact-bold);margin-right:var(--eui-s-xl);color:var(--_color)}.eui-19 .eui-growl-item-content:not(:empty){margin-top:var(--eui-s-xs);max-height:80vh;overflow-y:auto;overflow-wrap:break-word;font:var(--eui-f-m-compact)}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar{display:inherit;height:4px;width:4px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-growl-item-content:not(:empty){scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-growl-item-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 .eui-growl-item-close .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-19 .eui-growl-item-container--filled .eui-icon-svg svg{fill:var(--_icon-color)!important;color:var(--_icon-color)!important}.eui-19 .eui-growl-item-container--filled a,.eui-19 .eui-growl-item-container--filled code{color:var(--eui-c-white)!important}\n"] }]
+            args: [{ selector: 'eui-growl', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div\n    *ngFor=\"let msg of value\"\n    class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n    [ngClass]=\"{\n        'eui-growl-item-container--info eui--info': msg.severity === 'info',\n        'eui-growl-item-container--warning eui--warning': msg.severity === 'warning',\n        'eui-growl-item-container--danger eui--danger': msg.severity === 'danger',\n        'eui-growl-item-container--success eui--success': msg.severity === 'success',\n        'eui-growl-item-container--filled': msg.filled,\n        'eui-growl--sticky': sticky,\n    }\"\n    [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n    [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n\n    <div class=\"eui-growl-item\">\n        <div class=\"eui-growl-item-summary-wrapper\">\n            <eui-icon-state [euiVariant]=\"msg.severity\" class=\"eui-growl-item-icon\"/>\n            <span [id]=\"titleId\" class=\"eui-growl-item-title\">{{ msg.summary }}</span>\n        </div>\n        <div [id]=\"contentId\" class=\"eui-growl-item-content\" [innerHTML]=\"msg.detail\"></div>\n\n        <eui-icon-button\n            (buttonClick)=\"remove(msg)\"\n            icon=\"close:outline\"\n            fillColor=\"neutral-light\"\n            euiRounded\n            ariaLabel=\"Close growl icon\"\n            class=\"eui-growl-item-close\">\n        </eui-icon-button>\n    </div>\n\n</div>\n<div class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--secondary\"\n    *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n    <div class=\"eui-growl-item\">\n        <div class=\"eui-growl-item-summary-wrapper\">\n            <eui-icon-svg icon=\"checkmark-done:sharp\"/>\n            <span class=\"eui-growl-item-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n        </div>\n        <eui-icon-button (buttonClick)=\"removeAll()\"\n            icon=\"close:outline\"\n            fillColor=\"neutral-light\"\n            euiRounded\n            ariaLabel=\"Close growl icon\"\n            class=\"eui-growl-item-close\"/>\n    </div>\n</div>\n", styles: [".eui-19 .eui-growl{--_color: var(--eui-growl-color, var(--eui-c-s-info-on-bg));--_bg-color: var(--eui-growl-bg-color, var(--eui-c-s-info-bg));--_color-on-bg: var(--eui-growl-color-on-bg, var(--eui-c-s-info-bg-contrast));--_close-hover-color: var(--eui-growl-close-hover-color, var(--eui-c-s-info-bg-hover));--eui-bottom-left-horizontal-offset: var(--eui-s-l);--eui-bottom-left-vertical-offset: var(--eui-s-l);--eui-bottom-right-horizontal-offset: var(--eui-s-l);--eui-bottom-right-vertical-offset: var(--eui-s-l)}.eui-19 .eui-growl-item-container--primary{--_color: var(--eui-c-s-primary);--_bg-color: var(--eui-c-s-primary-bg);--_color-on-bg: var(--eui-c-s-primary-bg-contrast);--_close-hover-color: var(--eui-c-s-primary-bg-hover)}.eui-19 .eui-growl-item-container--secondary{--_color: var(--eui-c-s-secondary);--_bg-color: var(--eui-c-s-secondary-bg);--_color-on-bg: var(--eui-c-s-secondary-bg-contrast);--_close-hover-color: var(--eui-c-s-secondary-bg-hover)}.eui-19 .eui-growl-item-container--info{--_color: var(--eui-c-s-info);--_bg-color: var(--eui-c-s-info-bg);--_color-on-bg: var(--eui-c-s-info-bg-contrast);--_close-hover-color: var(--eui-c-s-info-bg-hover)}.eui-19 .eui-growl-item-container--success{--_color: var(--eui-c-s-success);--_bg-color: var(--eui-c-s-success-bg);--_color-on-bg: var(--eui-c-s-success-bg-contrast);--_close-hover-color: var(--eui-c-s-success-bg-hover)}.eui-19 .eui-growl-item-container--warning{--_color: var(--eui-c-s-warning);--_bg-color: var(--eui-c-s-warning-bg);--_color-on-bg: var(--eui-c-s-warning-bg-contrast);--_close-hover-color: var(--eui-c-s-warning-bg-hover)}.eui-19 .eui-growl-item-container--danger{--_color: var(--eui-c-s-danger);--_bg-color: var(--eui-c-s-danger-bg);--_color-on-bg: var(--eui-c-s-danger-bg-contrast);--_close-hover-color: var(--eui-c-s-danger-bg-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--primary{--_bg-color: var(--eui-c-s-primary-fill);--_color-on-bg: var(--eui-c-s-primary-fill-contrast);--_color: var(--eui-c-s-primary-fill-contrast);--_icon-color: var(--eui-c-s-primary-fill-contrast);--_close-hover-color: var(--eui-c-s-primary-fill-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--info{--_bg-color: var(--eui-c-s-info-fill);--_color-on-bg: var(--eui-c-s-info-fill-contrast);--_color: var(--eui-c-s-info-fill-contrast);--_icon-color: var(--eui-c-s-info-fill-contrast);--_close-hover-color: var(--eui-c-s-info-fill-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--success{--_bg-color: var(--eui-c-s-success-fill);--_color-on-bg: var(--eui-c-s-success-fill-contrast);--_color: var(--eui-c-s-success-fill-contrast);--_icon-color: var(--eui-c-s-success-fill-contrast);--_close-hover-color: var(--eui-c-s-success-fill-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--warning{--_bg-color: var(--eui-c-s-warning-fill);--_color-on-bg: var(--eui-c-s-warning-fill-contrast);--_color: var(--eui-c-s-warning-fill-contrast);--_icon-color: var(--eui-c-s-warning-fill-contrast);--_close-hover-color: var(--eui-c-s-warning-fill-hover)}.eui-19 .eui-growl-item-container.eui-growl-item-container--filled.eui-growl-item-container--danger{--_bg-color: var(--eui-c-s-danger-fill);--_color-on-bg: var(--eui-c-s-danger-fill-contrast);--_color: var(--eui-c-s-danger-fill-contrast);--_icon-color: var(--eui-c-s-danger-fill-contrast);--_close-hover-color: var(--eui-c-s-danger-fill-hover)}.eui-19 .eui-growl{position:fixed;width:20rem;z-index:var(--eui-zi-growl-message)}.eui-19 .eui-growl--bottom-left{bottom:var(--eui-bottom-left-vertical-offset);left:var(--eui-bottom-left-horizontal-offset)}.eui-19 .eui-growl--bottom-center{bottom:var(--eui-s-l);right:50%;transform:translate(50%)}.eui-19 .eui-growl--bottom-right{bottom:var(--eui-bottom-right-vertical-offset);right:var(--eui-bottom-right-horizontal-offset)}.eui-19 .eui-growl--top-left{left:var(--eui-s-l);top:var(--eui-s-l)}.eui-19 .eui-growl--top-center{right:50%;top:var(--eui-s-l);transform:translate(50%)}.eui-19 .eui-growl--top-right{right:var(--eui-s-l);top:var(--eui-s-l)}.eui-19 .eui-growl a{text-decoration:underline}.eui-19 .eui-growl-item-container{margin-bottom:var(--eui-s-s);position:relative;background-color:var(--_bg-color);color:var(--_color-on-bg)}.eui-19 .eui-growl-item{display:flex;flex-direction:column;padding:var(--eui-s-m);position:relative;width:20rem;box-shadow:var(--eui-sh-3)}.eui-19 .eui-growl-item-summary-wrapper{display:flex;align-items:center;gap:var(--eui-s-xs)}.eui-19 .eui-growl-item-title{font:var(--eui-f-m-compact-bold);margin-right:var(--eui-s-xl);color:var(--_color)}.eui-19 .eui-growl-item-content:not(:empty){margin-top:var(--eui-s-xs);max-height:80vh;overflow-y:auto;overflow-wrap:break-word;font:var(--eui-f-m-compact)}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar{display:inherit;height:4px;width:4px;background-color:var(--eui-c-neutral-bg-light)}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar-thumb{background-color:var(--_eui-scrollbars-foreground-color);border-radius:5rem}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-neutral-lighter)}.eui-19 .eui-growl-item-content:not(:empty)::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-bg-light);border-radius:0}@-moz-document url-prefix(){.eui-19 .eui-growl-item-content:not(:empty){scrollbar-color:var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);scrollbar-width:auto}}.eui-19 .eui-growl-item-close{position:absolute;top:var(--eui-s-xs);right:var(--eui-s-xs)}.eui-19 .eui-growl-item-close .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-19 .eui-growl-item-container--filled .eui-icon-svg svg{fill:var(--_icon-color)!important;color:var(--_icon-color)!important}.eui-19 .eui-growl-item-container--filled a,.eui-19 .eui-growl-item-container--filled code{color:var(--eui-c-white)!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.IterableDiffers }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

package/fesm2022/eui-components-eui-growl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-growl.mjs","sources":["../../eui-growl/eui-growl.component.ts","../../eui-growl/eui-growl.component.html","../../eui-growl/eui-growl.module.ts","../../eui-growl/eui-components-eui-growl.ts"],"sourcesContent":["import {\n    booleanAttribute,\n    Component,\n    DoCheck,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Input,\n    IterableDiffer,\n    IterableDiffers,\n    OnDestroy,\n    Output,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { EuiGrowlMessage } from '@eui/core';\n\n@Component({\n    selector: 'eui-growl',\n    templateUrl: './eui-growl.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n    standalone: false,\n})\nexport class EuiGrowlComponent implements DoCheck, OnDestroy {\n    titleId = 'msg-title';\n    contentId = 'msg-detail';\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return ['eui-growl', `eui-growl--${this.position}`].join(' ').trim();\n    }\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-growl';\n    @HostBinding('attr.role')\n    protected role = 'region';\n    @HostBinding('attr.aria-live')\n    protected ariaLive= 'polite';\n    @HostBinding('attr.aria-labelledby')\n    protected ariaLabelledBy = this.titleId;\n    @HostBinding('attr.aria-describedby')\n    protected ariaDescribedBy= this.contentId;\n\n    @Input({ transform: booleanAttribute }) sticky = false;\n\n    @Input() life = 3000;\n    @Input() value: EuiGrowlMessage[] = [];\n    @Input() closeAllSticky = false;\n\n    @Input() position: string;\n\n    @Output() growlClick: EventEmitter<void> = new EventEmitter<void>();\n\n    private differ: IterableDiffer<EuiGrowlMessage>;\n\n    constructor(\n        public el: ElementRef,\n        differs: IterableDiffers,\n    ) {\n        this.differ = differs.find([]).create(undefined);\n    }\n\n    ngDoCheck(): void {\n        const changes = this.differ.diff(this.value);\n\n        if (changes) {\n            // clear timeout in queue to avoid memory leak\n            changes.forEachRemovedItem(({ item }) => clearTimeout(item?.timeout));\n            // for newly added items create timeout if they are not sticky\n            changes.forEachAddedItem(({ item }) => this.createRemovalTimeout(item));\n        }\n    }\n\n    /**\n     * @param msg The text message to appear in the container\n     */\n    remove(msg: EuiGrowlMessage): void {\n        this.value.splice(this.findMessageIndex(msg), 1);\n    }\n\n    /**\n     * Removes all growl messages from the stack\n     */\n    removeAll(): void {\n        if (this.value?.length) {\n            this.value.splice(0, this.value.length);\n        }\n    }\n\n    ngOnDestroy(): void {\n        if (!this.sticky) {\n            // make sure to clear any leftover async Timeout for messages\n            this.value.forEach((v) => clearTimeout(v?.timeout));\n        }\n    }\n\n    @HostListener('click')\n    onClick(): void {\n        this.growlClick.emit();\n    }\n\n    /**\n     * check whether sticky growls are greater than two\n     */\n    isGrowlMoreThanTwo(): boolean {\n        return this.value.filter((m) => m.sticky).length > 2;\n    }\n\n    /**\n     * Removes all growl messages from the stack\n     *\n     * @param value\n     */\n    private createRemovalTimeout(value: EuiGrowlMessage): void {\n        // if message it's NOT sticky and there's not any async running timeout\n        if (!value.sticky && !value.timeout) {\n            // set Timeout callback for each message based on the given life value\n            value.timeout = setTimeout(() => this.remove(value), value.life || this.life) as unknown as number;\n        }\n    }\n\n    /**\n     * Finds UxMessage index of the array otherwise returns -1\n     *\n     * @param msg UxMessage\n     */\n    private findMessageIndex(msg: EuiGrowlMessage): number {\n        return this.value?.length ? this.value.findIndex((value) => value === msg) : -1;\n    }\n}\n","<div\n    *ngFor=\"let msg of value\"\n    class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n    [ngClass]=\"{\n        'eui-growl-item-container--info eui--info': msg.severity === 'info',\n        'eui-growl-item-container--warning eui--warning': msg.severity === 'warning',\n        'eui-growl-item-container--danger eui--danger': msg.severity === 'danger',\n        'eui-growl-item-container--success eui--success': msg.severity === 'success',\n        'eui-growl-item-container--filled': msg.filled,\n        'eui-growl--sticky': sticky,\n    }\"\n    [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n    [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n\n    <div class=\"eui-growl-item\">\n        <div class=\"eui-growl-item-summary-wrapper\">\n            <eui-icon-state [euiVariant]=\"msg.severity\" class=\"eui-growl-item-icon\"/>\n            <span [id]=\"titleId\" class=\"eui-growl-item-title\">{{ msg.summary }}</span>\n        </div>\n        <div [id]=\"contentId\" class=\"eui-growl-item-content\" [innerHTML]=\"msg.detail\"></div>\n\n        <eui-icon-button\n            (buttonClick)=\"remove(msg)\"\n            icon=\"close:outline\"\n            fillColor=\"neutral-light\"\n            euiRounded\n            ariaLabel=\"Close growl icon\"\n            class=\"eui-growl-item-close\">\n        </eui-icon-button>\n    </div>\n\n</div>\n<div class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--secondary\"\n    *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n    <div class=\"eui-growl-item\">\n        <div class=\"eui-growl-item-summary-wrapper\">\n            <eui-icon-svg icon=\"checkmark-done:sharp\"/>\n            <span class=\"eui-growl-item-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n        </div>\n        <eui-icon-button (buttonClick)=\"removeAll()\"\n            icon=\"close:outline\"\n            fillColor=\"neutral-light\"\n            euiRounded\n            ariaLabel=\"Close growl icon\"\n            class=\"eui-growl-item-close\"/>\n    </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiGrowlComponent } from './eui-growl.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonModule } from '@eui/components/eui-icon-button';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EuiIconStateModule } from '@eui/components/eui-icon-state';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiIconButtonModule, EuiIconStateModule, TranslateModule],\n    exports: [EuiGrowlComponent],\n    declarations: [EuiGrowlComponent],\n})\nexport class EuiGrowlModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-growl.mjs","sources":["../../eui-growl/eui-growl.component.ts","../../eui-growl/eui-growl.component.html","../../eui-growl/eui-growl.module.ts","../../eui-growl/eui-components-eui-growl.ts"],"sourcesContent":["import {\n    booleanAttribute,\n    Component,\n    DoCheck,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Input,\n    IterableDiffer,\n    IterableDiffers,\n    OnDestroy,\n    Output,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { EuiGrowlMessage } from '@eui/core';\n\n@Component({\n    selector: 'eui-growl',\n    templateUrl: './eui-growl.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n    standalone: false,\n})\nexport class EuiGrowlComponent implements DoCheck, OnDestroy {\n    titleId = 'msg-title';\n    contentId = 'msg-detail';\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return ['eui-growl', `eui-growl--${this.position}`].join(' ').trim();\n    }\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-growl';\n    @HostBinding('attr.role')\n    protected role = 'region';\n    @HostBinding('attr.aria-live')\n    protected ariaLive= 'polite';\n    @HostBinding('attr.aria-labelledby')\n    protected ariaLabelledBy = this.titleId;\n    @HostBinding('attr.aria-describedby')\n    protected ariaDescribedBy= this.contentId;\n\n    @Input({ transform: booleanAttribute }) sticky = false;\n\n    @Input() life = 3000;\n    @Input() value: EuiGrowlMessage[] = [];\n    @Input() closeAllSticky = false;\n\n    @Input() position: string;\n\n    @Output() growlClick: EventEmitter<void> = new EventEmitter<void>();\n\n    private differ: IterableDiffer<EuiGrowlMessage>;\n\n    constructor(\n        public el: ElementRef,\n        differs: IterableDiffers,\n    ) {\n        this.differ = differs.find([]).create(undefined);\n    }\n\n    ngDoCheck(): void {\n        const changes = this.differ.diff(this.value);\n\n        if (changes) {\n            // clear timeout in queue to avoid memory leak\n            changes.forEachRemovedItem(({ item }) => clearTimeout(item?.timeout));\n            // for newly added items create timeout if they are not sticky\n            changes.forEachAddedItem(({ item }) => this.createRemovalTimeout(item));\n        }\n    }\n\n    /**\n     * @param msg The text message to appear in the container\n     */\n    remove(msg: EuiGrowlMessage): void {\n        this.value.splice(this.findMessageIndex(msg), 1);\n    }\n\n    /**\n     * Removes all growl messages from the stack\n     */\n    removeAll(): void {\n        if (this.value?.length) {\n            this.value.splice(0, this.value.length);\n        }\n    }\n\n    ngOnDestroy(): void {\n        if (!this.sticky) {\n            // make sure to clear any leftover async Timeout for messages\n            this.value.forEach((v) => clearTimeout(v?.timeout));\n        }\n    }\n\n    @HostListener('click')\n    onClick(): void {\n        this.growlClick.emit();\n    }\n\n    /**\n     * check whether sticky growls are greater than two\n     */\n    isGrowlMoreThanTwo(): boolean {\n        return this.value.filter((m) => m.sticky).length > 2;\n    }\n\n    /**\n     * Removes all growl messages from the stack\n     *\n     * @param value\n     */\n    private createRemovalTimeout(value: EuiGrowlMessage): void {\n        // if message it's NOT sticky and there's not any async running timeout\n        if (!value.sticky && !value.timeout) {\n            // set Timeout callback for each message based on the given life value\n            value.timeout = setTimeout(() => this.remove(value), value.life || this.life) as unknown as number;\n        }\n    }\n\n    /**\n     * Finds UxMessage index of the array otherwise returns -1\n     *\n     * @param msg UxMessage\n     */\n    private findMessageIndex(msg: EuiGrowlMessage): number {\n        return this.value?.length ? this.value.findIndex((value) => value === msg) : -1;\n    }\n}\n","<div\n    *ngFor=\"let msg of value\"\n    class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast\"\n    [ngClass]=\"{\n        'eui-growl-item-container--info eui--info': msg.severity === 'info',\n        'eui-growl-item-container--warning eui--warning': msg.severity === 'warning',\n        'eui-growl-item-container--danger eui--danger': msg.severity === 'danger',\n        'eui-growl-item-container--success eui--success': msg.severity === 'success',\n        'eui-growl-item-container--filled': msg.filled,\n        'eui-growl--sticky': sticky,\n    }\"\n    [class.eui-u-anim--slideInUp]=\"position === 'bottom-left' || position === 'bottom-center' || position === 'bottom-right'\"\n    [class.eui-u-anim--slideInDown]=\"position === 'top-left' || position === 'top-center' || position === 'top-right'\">\n\n    <div class=\"eui-growl-item\">\n        <div class=\"eui-growl-item-summary-wrapper\">\n            <eui-icon-state [euiVariant]=\"msg.severity\" class=\"eui-growl-item-icon\"/>\n            <span [id]=\"titleId\" class=\"eui-growl-item-title\">{{ msg.summary }}</span>\n        </div>\n        <div [id]=\"contentId\" class=\"eui-growl-item-content\" [innerHTML]=\"msg.detail\"></div>\n\n        <eui-icon-button\n            (buttonClick)=\"remove(msg)\"\n            icon=\"close:outline\"\n            fillColor=\"neutral-light\"\n            euiRounded\n            ariaLabel=\"Close growl icon\"\n            class=\"eui-growl-item-close\">\n        </eui-icon-button>\n    </div>\n\n</div>\n<div class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--secondary\"\n    *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n    <div class=\"eui-growl-item\">\n        <div class=\"eui-growl-item-summary-wrapper\">\n            <eui-icon-svg icon=\"checkmark-done:sharp\"/>\n            <span class=\"eui-growl-item-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n        </div>\n        <eui-icon-button (buttonClick)=\"removeAll()\"\n            icon=\"close:outline\"\n            fillColor=\"neutral-light\"\n            euiRounded\n            ariaLabel=\"Close growl icon\"\n            class=\"eui-growl-item-close\"/>\n    </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiGrowlComponent } from './eui-growl.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonModule } from '@eui/components/eui-icon-button';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EuiIconStateModule } from '@eui/components/eui-icon-state';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiIconButtonModule, EuiIconStateModule, TranslateModule],\n    exports: [EuiGrowlComponent],\n    declarations: [EuiGrowlComponent],\n})\nexport class EuiGrowlModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-components-eui-icon-toggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-icon-toggle.mjs","sources":["../../eui-icon-toggle/eui-icon-toggle.component.ts","../../eui-icon-toggle/eui-icon-toggle.component.html","../../eui-icon-toggle/eui-icon-toggle.module.ts","../../eui-icon-toggle/index.ts","../../eui-icon-toggle/eui-components-eui-icon-toggle.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Input,\n    OnChanges,\n    Output,\n    SimpleChanges,\n    booleanAttribute,\n} from '@angular/core';\n\nimport { uniqueId } from '@eui/core';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n/**\n * Component that provides a toggleable icon button with accessibility support.\n * Functions as a switch control that can be toggled between on/off states,\n * displaying different icons based on the current state.\n *\n * This component handles keyboard navigation, focus management, and proper\n * ARIA attributes for accessibility compliance.\n */\n@Component({\n    selector: 'eui-icon-toggle',\n    templateUrl: './eui-icon-toggle.component.html',\n    styleUrls: ['./eui-icon-toggle.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [EuiIconModule],\n})\nexport class EuiIconToggleComponent implements AfterContentInit, OnChanges {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return ['eui-icon-toggle',\n            this.isChecked ? 'eui-icon-toggle--default-on' : 'eui-icon-toggle--default-off',\n            this.isReadOnly ? 'eui-icon-toggle--readonly': '',\n        ].join(' ').trim();\n    }\n    @HostBinding('attr.role') role = 'switch';\n    /**\n     * Keyboard shortcut key.\n     * @default 'i'\n     */\n    @HostBinding('attr.accesskey')  @Input() keyboardAccessKey = 'i';\n\n    /**\n     * Whether the toggle is in the checked/on state.\n     * Bound to aria-checked attribute for accessibility.\n     * @default false\n     */\n    @HostBinding('attr.aria-checked')\n    @Input({ transform: booleanAttribute }) isChecked = false;\n\n    /**\n     * Whether the toggle is read-only (cannot be interacted with).\n     * When true, tabindex is set to -1 and clicking will not change state.\n     * @default undefined\n     */\n    @HostBinding('attr.readonly')\n    @Input({ transform: booleanAttribute }) isReadOnly: boolean;\n\n    /**\n     * Data attribute for e2e testing.\n     * @default 'eui-icon-toggle'\n     */\n    @HostBinding('attr.data-e2e')\n    @Input() e2eAttr = 'eui-icon-toggle';\n\n    /**\n     * Unique identifier for the component.\n     * @default 'eui-icon-toggle-{uniqueId}'\n     */\n    @HostBinding('attr.id')\n    @Input() id = `eui-icon-toggle-${uniqueId()}`;\n\n    /**\n     * Tab order value for keyboard navigation.\n     * @default '0'\n     */\n    @HostBinding('attr.tabindex')\n    @Input() tabindex = '0';\n\n    /**\n     * Accessible label for screen readers.\n     * @default 'Toggle icon'\n     */\n    @HostBinding('attr.aria-label')\n    @Input() ariaLabel = 'Toggle icon';\n\n    /**\n     * Size of the icon (s, m, l, xl).\n     * @default 'm'\n     */\n    @Input() iconSvgSize = 'm';\n\n    /**\n     * Icon to display when toggle is in the ON state.\n     */\n    @Input() iconSvgNameOn: string;\n\n    /**\n     * Icon to display when toggle is in the OFF state.\n     */\n    @Input() iconSvgNameOff: string;\n\n    /**\n     * Color of the icon when toggle is in the ON state.\n     * @default 'accent'\n     */\n    @Input() iconSvgFillColorOn = 'accent';\n\n    /**\n     * Color of the icon when toggle is in the OFF state.\n     * @default 'neutral'\n     */\n    @Input() iconSvgFillColorOff = 'neutral';\n\n    /**\n     * Event emitted when the toggle state changes.\n     * Emits the new state (true = checked, false = unchecked).\n     */\n    // eslint-disable-next-line\n    @Output() toggle: EventEmitter<boolean> = new EventEmitter();\n\n    protected iconSvgName: string;\n    protected iconSvgFillColor: string;\n    /**\n     * @deprecated Is not used anymore\n     */\n    protected iconSvgSet: string;\n\n    /**\n     * Handles changes to input properties.\n     * Updates the tabindex when the component becomes read-only.\n     *\n     * @param {SimpleChanges} changes - Object containing changed properties\n     */\n    ngOnChanges(changes: SimpleChanges): void {\n       if (changes?.isReadOnly && changes?.isReadOnly.currentValue === true) {\n            this.tabindex = '-1';\n        }\n\n       if(changes.isChecked) {\n            this._setIconClass();\n       }\n    }\n\n    /**\n     * Initializes the component after content has been set.\n     * Sets the appropriate icon based on the current toggle state.\n     * Sets the aria-label if none was provided.\n     */\n    ngAfterContentInit(): void {\n        this._setIconClass();\n        if (!this.ariaLabel || this.ariaLabel === '') {\n            this.ariaLabel = this.iconSvgName ? this.iconSvgName : '';\n        }\n    }\n\n    /**\n     * Host listener that handles click events on the component.\n     * Triggers the toggle action if the component is not read-only.\n     */\n    @HostListener('click')\n    protected onClick(): void {\n        this._toggle();\n    }\n\n    /**\n     * Host listener that handles keyboard events.\n     * Triggers the toggle action on Enter or Space key press.\n     *\n     * @param {KeyboardEvent} event - The keyboard event\n     */\n    @HostListener('keydown', ['$event'])\n    protected onKeydown(event: KeyboardEvent): void {\n        switch (event.code) {\n            case 'Enter':\n            case 'Space':\n                event.preventDefault();\n                event.stopPropagation();\n                this._toggle();\n                break;\n        }\n    }\n\n    private _toggle(): void {\n        if (!this.isReadOnly) {\n            this.isChecked = !this.isChecked;\n            this._setIconClass();\n            this.toggle.emit(this.isChecked);\n        }\n    }\n\n    private _setIconClass(): void {\n        if (this.isChecked) {\n            this.iconSvgName = this.iconSvgNameOn;\n            this.iconSvgFillColor = this.iconSvgFillColorOn;\n        } else {\n            this.iconSvgName = this.iconSvgNameOff;\n            this.iconSvgFillColor = this.iconSvgFillColorOff;\n        }\n    }\n}\n","<eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\" [size]=\"iconSvgSize\"></eui-icon-svg>\n","import { EuiIconToggleComponent } from './eui-icon-toggle.component';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n/**\n * Angular module that provides the EuiIconToggleComponent.\n *\n * @deprecated Use EUI_ICON_TOGGLE_COMPONENTS directly instead as it is now a standalone component.\n *\n */\n@NgModule({\n    imports: [CommonModule, EuiIconToggleComponent],\n    exports: [EuiIconToggleComponent],\n})\nexport class EuiIconToggleModule {}\n","import { EuiIconToggleComponent } from './eui-icon-toggle.component';\n\nexport * from './eui-icon-toggle.component';\nexport * from './eui-icon-toggle.module';\n\nexport const EUI_ICON_TOGGLE_COMPONENTS = [\n    EuiIconToggleComponent,\n];","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-icon-toggle.mjs","sources":["../../eui-icon-toggle/eui-icon-toggle.component.ts","../../eui-icon-toggle/eui-icon-toggle.component.html","../../eui-icon-toggle/eui-icon-toggle.module.ts","../../eui-icon-toggle/index.ts","../../eui-icon-toggle/eui-components-eui-icon-toggle.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Input,\n    OnChanges,\n    Output,\n    SimpleChanges,\n    booleanAttribute,\n} from '@angular/core';\n\nimport { uniqueId } from '@eui/core';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n/**\n * Component that provides a toggleable icon button with accessibility support.\n * Functions as a switch control that can be toggled between on/off states,\n * displaying different icons based on the current state.\n *\n * This component handles keyboard navigation, focus management, and proper\n * ARIA attributes for accessibility compliance.\n */\n@Component({\n    selector: 'eui-icon-toggle',\n    templateUrl: './eui-icon-toggle.component.html',\n    styleUrls: ['./eui-icon-toggle.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [EuiIconModule],\n})\nexport class EuiIconToggleComponent implements AfterContentInit, OnChanges {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return ['eui-icon-toggle',\n            this.isChecked ? 'eui-icon-toggle--default-on' : 'eui-icon-toggle--default-off',\n            this.isReadOnly ? 'eui-icon-toggle--readonly': '',\n        ].join(' ').trim();\n    }\n    @HostBinding('attr.role') role = 'switch';\n    /**\n     * Keyboard shortcut key.\n     * @default 'i'\n     */\n    @HostBinding('attr.accesskey')  @Input() keyboardAccessKey = 'i';\n\n    /**\n     * Whether the toggle is in the checked/on state.\n     * Bound to aria-checked attribute for accessibility.\n     * @default false\n     */\n    @HostBinding('attr.aria-checked')\n    @Input({ transform: booleanAttribute }) isChecked = false;\n\n    /**\n     * Whether the toggle is read-only (cannot be interacted with).\n     * When true, tabindex is set to -1 and clicking will not change state.\n     * @default undefined\n     */\n    @HostBinding('attr.readonly')\n    @Input({ transform: booleanAttribute }) isReadOnly: boolean;\n\n    /**\n     * Data attribute for e2e testing.\n     * @default 'eui-icon-toggle'\n     */\n    @HostBinding('attr.data-e2e')\n    @Input() e2eAttr = 'eui-icon-toggle';\n\n    /**\n     * Unique identifier for the component.\n     * @default 'eui-icon-toggle-{uniqueId}'\n     */\n    @HostBinding('attr.id')\n    @Input() id = `eui-icon-toggle-${uniqueId()}`;\n\n    /**\n     * Tab order value for keyboard navigation.\n     * @default '0'\n     */\n    @HostBinding('attr.tabindex')\n    @Input() tabindex = '0';\n\n    /**\n     * Accessible label for screen readers.\n     * @default 'Toggle icon'\n     */\n    @HostBinding('attr.aria-label')\n    @Input() ariaLabel = 'Toggle icon';\n\n    /**\n     * Size of the icon (s, m, l, xl).\n     * @default 'm'\n     */\n    @Input() iconSvgSize = 'm';\n\n    /**\n     * Icon to display when toggle is in the ON state.\n     */\n    @Input() iconSvgNameOn: string;\n\n    /**\n     * Icon to display when toggle is in the OFF state.\n     */\n    @Input() iconSvgNameOff: string;\n\n    /**\n     * Color of the icon when toggle is in the ON state.\n     * @default 'accent'\n     */\n    @Input() iconSvgFillColorOn = 'accent';\n\n    /**\n     * Color of the icon when toggle is in the OFF state.\n     * @default 'neutral'\n     */\n    @Input() iconSvgFillColorOff = 'neutral';\n\n    /**\n     * Event emitted when the toggle state changes.\n     * Emits the new state (true = checked, false = unchecked).\n     */\n    // eslint-disable-next-line\n    @Output() toggle: EventEmitter<boolean> = new EventEmitter();\n\n    protected iconSvgName: string;\n    protected iconSvgFillColor: string;\n    /**\n     * @deprecated Is not used anymore\n     */\n    protected iconSvgSet: string;\n\n    /**\n     * Handles changes to input properties.\n     * Updates the tabindex when the component becomes read-only.\n     *\n     * @param {SimpleChanges} changes - Object containing changed properties\n     */\n    ngOnChanges(changes: SimpleChanges): void {\n       if (changes?.isReadOnly && changes?.isReadOnly.currentValue === true) {\n            this.tabindex = '-1';\n        }\n\n       if(changes.isChecked) {\n            this._setIconClass();\n       }\n    }\n\n    /**\n     * Initializes the component after content has been set.\n     * Sets the appropriate icon based on the current toggle state.\n     * Sets the aria-label if none was provided.\n     */\n    ngAfterContentInit(): void {\n        this._setIconClass();\n        if (!this.ariaLabel || this.ariaLabel === '') {\n            this.ariaLabel = this.iconSvgName ? this.iconSvgName : '';\n        }\n    }\n\n    /**\n     * Host listener that handles click events on the component.\n     * Triggers the toggle action if the component is not read-only.\n     */\n    @HostListener('click')\n    protected onClick(): void {\n        this._toggle();\n    }\n\n    /**\n     * Host listener that handles keyboard events.\n     * Triggers the toggle action on Enter or Space key press.\n     *\n     * @param {KeyboardEvent} event - The keyboard event\n     */\n    @HostListener('keydown', ['$event'])\n    protected onKeydown(event: KeyboardEvent): void {\n        switch (event.code) {\n            case 'Enter':\n            case 'Space':\n                event.preventDefault();\n                event.stopPropagation();\n                this._toggle();\n                break;\n        }\n    }\n\n    private _toggle(): void {\n        if (!this.isReadOnly) {\n            this.isChecked = !this.isChecked;\n            this._setIconClass();\n            this.toggle.emit(this.isChecked);\n        }\n    }\n\n    private _setIconClass(): void {\n        if (this.isChecked) {\n            this.iconSvgName = this.iconSvgNameOn;\n            this.iconSvgFillColor = this.iconSvgFillColorOn;\n        } else {\n            this.iconSvgName = this.iconSvgNameOff;\n            this.iconSvgFillColor = this.iconSvgFillColorOff;\n        }\n    }\n}\n","<eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\" [size]=\"iconSvgSize\"></eui-icon-svg>\n","import { EuiIconToggleComponent } from './eui-icon-toggle.component';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n/**\n * Angular module that provides the EuiIconToggleComponent.\n *\n * @deprecated Use EUI_ICON_TOGGLE_COMPONENTS directly instead as it is now a standalone component.\n *\n */\n@NgModule({\n    imports: [CommonModule, EuiIconToggleComponent],\n    exports: [EuiIconToggleComponent],\n})\nexport class EuiIconToggleModule {}\n","import { EuiIconToggleComponent } from './eui-icon-toggle.component';\n\nexport * from './eui-icon-toggle.component';\nexport * from './eui-icon-toggle.module';\n\nexport const EUI_ICON_TOGGLE_COMPONENTS = [\n    EuiIconToggleComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-components-eui-input-checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-input-checkbox.mjs","sources":["../../eui-input-checkbox/eui-input-checkbox.component.ts","../../eui-input-checkbox/eui-input-checkbox.module.ts","../../eui-input-checkbox/index.ts","../../eui-input-checkbox/eui-components-eui-input-checkbox.ts"],"sourcesContent":["import {\n    DoCheck,\n    ElementRef,\n    HostBinding,\n    Input,\n    OnChanges,\n    Optional,\n    Renderer2,\n    Self,\n    SimpleChanges,\n    OnInit,\n    HostListener,\n    Component,\n    Injector,\n    Output,\n    EventEmitter,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\nimport { InputDirective } from '@eui/components/shared';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n/**\n * Angular component that provides a custom checkbox input implementation.\n * Extends {@link InputDirective} and implements form control functionality.\n *\n * @component\n * @selector input[euiInputCheckBox]\n * @implements {@link OnInit}\n * @implements {@link DoCheck}\n * @implements {@link OnChanges}\n * @implements {@link ControlValueAccessor}\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'input[euiInputCheckBox]',\n    styleUrls: ['./eui-input-checkbox.scss'],\n    template: '',\n    standalone: true,\n})\nexport class EuiInputCheckboxComponent extends InputDirective implements OnInit, DoCheck, OnChanges, ControlValueAccessor {\n    /**\n     * Gets the CSS classes for the checkbox component.\n     * Combines base classes with validation state classes.\n     *\n     * @returns {string} Space-separated list of CSS classes\n     */\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [this.getCssClasses('eui-input-checkbox'), this._isInvalid ? 'eui-input-checkbox--invalid' : ''].join(' ').trim();\n    }\n    /**\n     * Event emitter that fires when the indeterminate state changes.\n     *\n     * @event indeterminateChange\n     * @type {EventEmitter<boolean>}\n     */\n    @Output() readonly indeterminateChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    /**\n     * Controls the indeterminate (mixed) state of the checkbox.\n     * When true, the checkbox appears in an indeterminate state.\n     * This state is automatically cleared when the checkbox is clicked.\n     *\n     * @property {boolean} indeterminate\n     */\n    @Input()\n    get indeterminate(): boolean {\n        return this._indeterminate;\n    }\n    set indeterminate(value: BooleanInput) {\n        const changed = value != this._indeterminate;\n        this._indeterminate = coerceBooleanProperty(value);\n\n        if (changed) {\n            this.indeterminateChange.emit(this._indeterminate);\n        }\n\n        this._syncIndeterminate(this._checked ? false : this._indeterminate);\n    }\n\n    /**\n     * Controls the invalid state of the checkbox. Used for displaying validation errors.\n     *\n     * @property {boolean} isInvalid\n     */\n    @Input()\n    public get isInvalid(): boolean {\n        return this._isInvalid || null;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public set isInvalid(state: any) {\n        this.setInvalid(state);\n    }\n\n    protected _isInvalid: boolean;\n\n    @HostBinding('attr.type') protected type = 'checkbox';\n\n    /**\n     * Controls the checked state of the checkbox.\n     *\n     * @property {boolean} checked\n     */\n    @HostBinding('attr.checked')\n    @Input()\n    public get checked(): boolean {\n        return this._checked;\n    }\n\n    public set checked(value: BooleanInput) {\n        this._checked = coerceBooleanProperty(value) ? true : undefined;\n    }\n\n    protected _checked: boolean;\n    private _indeterminate = false;\n\n    constructor(\n        @Optional() @Self() protected ngControl: NgControl,\n        protected _elementRef: ElementRef<HTMLInputElement>,\n        protected _renderer: Renderer2,\n        injector: Injector,\n    ) {\n        super(_elementRef, _renderer, injector);\n\n        // if there's no id attribute set one\n        if (!this._elementRef.nativeElement.id) {\n            this.setIdAttribute();\n        }\n\n        // register control valueAccessor\n        if (this.ngControl) {\n            this.ngControl.valueAccessor = this;\n        }\n    }\n\n    /**\n     * Lifecycle hook that is called after data-bound properties are initialized.\n     * Sets default control value if needed.\n     */\n    ngOnInit(): void {\n        super.ngOnInit();\n\n        // in case control value is null set the default one (isChecked) and sync Control State\n        if (this.ngControl?.control?.value === null) {\n            this.ngControl.control.setValue(this._checked, { emitModelToViewChange: false });\n            // changing Model Expression after view checked, so detect changes\n            // TODO: check why although it's checked .checked returns false\n            // this.ngControl.viewToModelUpdate(this._checked);\n            // this._cd.detectChanges();\n        }\n    }\n\n    /**\n     * Lifecycle hook that performs custom change detection.\n     * Updates invalid state based on control status.\n     */\n    ngDoCheck(): void {\n        if (this.ngControl) {\n            this._isInvalid = this.ngControl.invalid && this.ngControl.touched;\n        }\n    }\n\n    /**\n     * Lifecycle hook that is called when data-bound properties change.\n     * Handles changes to checked and readonly states.\n     *\n     * @param {SimpleChanges} changes - Object containing changed properties\n     */\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['checked']) {\n            const currentValue = coerceBooleanProperty(changes['checked']?.currentValue);\n            if (currentValue !== this?.ngControl?.control?.value) {\n                this._checked = currentValue;\n                this._elementRef.nativeElement.checked = currentValue;\n            }\n        }\n\n        if (changes['readonly']) {\n            const readonly = coerceBooleanProperty(changes['readonly']?.currentValue);\n            if (readonly) {\n                this._renderer.setAttribute(this._elementRef.nativeElement, 'readonly', null);\n            } else {\n                this._renderer.removeAttribute(this._elementRef.nativeElement, 'readonly');\n            }\n        }\n    }\n\n    /**\n     * Implements ControlValueAccessor writeValue method.\n     * Updates the checked state of the checkbox.\n     *\n     * @param {boolean} obj - The value to write\n     */\n    writeValue(obj: boolean): void {\n        this._checked = coerceBooleanProperty(obj) ? true : undefined;\n        this._elementRef.nativeElement.checked = this._checked ? true : undefined;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnChange(fn: any): void {\n        this.onChange = fn;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnTouched(fn: any): void {\n        this.onBlur = fn;\n    }\n\n    setDisabledState?(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n\n    /**\n     * Event handler for checkbox change events.\n     *\n     * @param {boolean} checked - The new checked state\n     * @protected\n     */\n    @HostListener('change', ['$event.target.checked'])\n    protected onChanged(checked: boolean): void {\n        this.onChange(checked);\n    }\n\n    /**\n     * Event handler for space key press.\n     * Prevents space key action when checkbox is readonly.\n     *\n     * @param {KeyboardEvent} event - The keyboard event\n     * @protected\n     */\n    @HostListener('keydown.space', ['$event'])\n    protected onSpacePressed(event: KeyboardEvent): void {\n        if (this.readonly) {\n            event.preventDefault();\n            event.stopPropagation();\n        }\n    }\n\n    protected onChange = <T>(_: T): void => {\n        /* Nothing to be Done so far */\n    };\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    protected onBlur = (_: any): void => {\n        /* Nothing to be Done so far */\n    };\n\n    /**\n     * Sets the invalid state of the checkbox.\n     *\n     * @param {any} state - The invalid state to set (true/false)\n     * @protected\n     */\n    protected setInvalid(state?: boolean): void;\n    /**\n     * Sets the invalid state of the checkbox.\n     *\n     * @deprecated Use the boolean version instead\n     * @param state - The invalid state to set (true/false)\n     * @protected\n     */\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    protected setInvalid(state?: any): void {\n        // in case it's controlled by NgControl override\n        this._isInvalid = this.control ? this.control.invalid && this.control.touched : coerceBooleanProperty(state);\n    }\n\n    /**\n     * Sets the indeterminate state of the checkbox. This is also known as \"mixed\" mode and can be used to\n     * represent a checkbox with three states, e.g. a checkbox that represents a nested list of\n     * check-able items.\n     *\n     * @param value\n     */\n    private _syncIndeterminate(value: boolean): void {\n        if (this._elementRef) {\n            this._elementRef.nativeElement.indeterminate = value;\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiInputCheckboxComponent } from './eui-input-checkbox.component';\n\n/**\n * Angular module for the EUI Input Checkbox component. Provides the checkbox\n * component and its dependencies.\n *\n * @deprecated Use {@link `EUI_INPUT_CHECKBOX_COMPONENTS`} instead.\n */\n@NgModule({\n    imports: [CommonModule, EuiInputCheckboxComponent],\n    exports: [EuiInputCheckboxComponent],\n})\nexport class EuiInputCheckboxModule {}\n","import { EuiInputCheckboxComponent } from './eui-input-checkbox.component';\n\nexport * from './eui-input-checkbox.component';\nexport * from './eui-input-checkbox.module';\n\nexport const EUI_INPUT_CHECKBOX_COMPONENTS = [\n    EuiInputCheckboxComponent,\n];","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-input-checkbox.mjs","sources":["../../eui-input-checkbox/eui-input-checkbox.component.ts","../../eui-input-checkbox/eui-input-checkbox.module.ts","../../eui-input-checkbox/index.ts","../../eui-input-checkbox/eui-components-eui-input-checkbox.ts"],"sourcesContent":["import {\n    DoCheck,\n    ElementRef,\n    HostBinding,\n    Input,\n    OnChanges,\n    Optional,\n    Renderer2,\n    Self,\n    SimpleChanges,\n    OnInit,\n    HostListener,\n    Component,\n    Injector,\n    Output,\n    EventEmitter,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\nimport { InputDirective } from '@eui/components/shared';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n/**\n * Angular component that provides a custom checkbox input implementation.\n * Extends {@link InputDirective} and implements form control functionality.\n *\n * @component\n * @selector input[euiInputCheckBox]\n * @implements {@link OnInit}\n * @implements {@link DoCheck}\n * @implements {@link OnChanges}\n * @implements {@link ControlValueAccessor}\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'input[euiInputCheckBox]',\n    styleUrls: ['./eui-input-checkbox.scss'],\n    template: '',\n    standalone: true,\n})\nexport class EuiInputCheckboxComponent extends InputDirective implements OnInit, DoCheck, OnChanges, ControlValueAccessor {\n    /**\n     * Gets the CSS classes for the checkbox component.\n     * Combines base classes with validation state classes.\n     *\n     * @returns {string} Space-separated list of CSS classes\n     */\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [this.getCssClasses('eui-input-checkbox'), this._isInvalid ? 'eui-input-checkbox--invalid' : ''].join(' ').trim();\n    }\n    /**\n     * Event emitter that fires when the indeterminate state changes.\n     *\n     * @event indeterminateChange\n     * @type {EventEmitter<boolean>}\n     */\n    @Output() readonly indeterminateChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    /**\n     * Controls the indeterminate (mixed) state of the checkbox.\n     * When true, the checkbox appears in an indeterminate state.\n     * This state is automatically cleared when the checkbox is clicked.\n     *\n     * @property {boolean} indeterminate\n     */\n    @Input()\n    get indeterminate(): boolean {\n        return this._indeterminate;\n    }\n    set indeterminate(value: BooleanInput) {\n        const changed = value != this._indeterminate;\n        this._indeterminate = coerceBooleanProperty(value);\n\n        if (changed) {\n            this.indeterminateChange.emit(this._indeterminate);\n        }\n\n        this._syncIndeterminate(this._checked ? false : this._indeterminate);\n    }\n\n    /**\n     * Controls the invalid state of the checkbox. Used for displaying validation errors.\n     *\n     * @property {boolean} isInvalid\n     */\n    @Input()\n    public get isInvalid(): boolean {\n        return this._isInvalid || null;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public set isInvalid(state: any) {\n        this.setInvalid(state);\n    }\n\n    protected _isInvalid: boolean;\n\n    @HostBinding('attr.type') protected type = 'checkbox';\n\n    /**\n     * Controls the checked state of the checkbox.\n     *\n     * @property {boolean} checked\n     */\n    @HostBinding('attr.checked')\n    @Input()\n    public get checked(): boolean {\n        return this._checked;\n    }\n\n    public set checked(value: BooleanInput) {\n        this._checked = coerceBooleanProperty(value) ? true : undefined;\n    }\n\n    protected _checked: boolean;\n    private _indeterminate = false;\n\n    constructor(\n        @Optional() @Self() protected ngControl: NgControl,\n        protected _elementRef: ElementRef<HTMLInputElement>,\n        protected _renderer: Renderer2,\n        injector: Injector,\n    ) {\n        super(_elementRef, _renderer, injector);\n\n        // if there's no id attribute set one\n        if (!this._elementRef.nativeElement.id) {\n            this.setIdAttribute();\n        }\n\n        // register control valueAccessor\n        if (this.ngControl) {\n            this.ngControl.valueAccessor = this;\n        }\n    }\n\n    /**\n     * Lifecycle hook that is called after data-bound properties are initialized.\n     * Sets default control value if needed.\n     */\n    ngOnInit(): void {\n        super.ngOnInit();\n\n        // in case control value is null set the default one (isChecked) and sync Control State\n        if (this.ngControl?.control?.value === null) {\n            this.ngControl.control.setValue(this._checked, { emitModelToViewChange: false });\n            // changing Model Expression after view checked, so detect changes\n            // TODO: check why although it's checked .checked returns false\n            // this.ngControl.viewToModelUpdate(this._checked);\n            // this._cd.detectChanges();\n        }\n    }\n\n    /**\n     * Lifecycle hook that performs custom change detection.\n     * Updates invalid state based on control status.\n     */\n    ngDoCheck(): void {\n        if (this.ngControl) {\n            this._isInvalid = this.ngControl.invalid && this.ngControl.touched;\n        }\n    }\n\n    /**\n     * Lifecycle hook that is called when data-bound properties change.\n     * Handles changes to checked and readonly states.\n     *\n     * @param {SimpleChanges} changes - Object containing changed properties\n     */\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['checked']) {\n            const currentValue = coerceBooleanProperty(changes['checked']?.currentValue);\n            if (currentValue !== this?.ngControl?.control?.value) {\n                this._checked = currentValue;\n                this._elementRef.nativeElement.checked = currentValue;\n            }\n        }\n\n        if (changes['readonly']) {\n            const readonly = coerceBooleanProperty(changes['readonly']?.currentValue);\n            if (readonly) {\n                this._renderer.setAttribute(this._elementRef.nativeElement, 'readonly', null);\n            } else {\n                this._renderer.removeAttribute(this._elementRef.nativeElement, 'readonly');\n            }\n        }\n    }\n\n    /**\n     * Implements ControlValueAccessor writeValue method.\n     * Updates the checked state of the checkbox.\n     *\n     * @param {boolean} obj - The value to write\n     */\n    writeValue(obj: boolean): void {\n        this._checked = coerceBooleanProperty(obj) ? true : undefined;\n        this._elementRef.nativeElement.checked = this._checked ? true : undefined;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnChange(fn: any): void {\n        this.onChange = fn;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnTouched(fn: any): void {\n        this.onBlur = fn;\n    }\n\n    setDisabledState?(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n\n    /**\n     * Event handler for checkbox change events.\n     *\n     * @param {boolean} checked - The new checked state\n     * @protected\n     */\n    @HostListener('change', ['$event.target.checked'])\n    protected onChanged(checked: boolean): void {\n        this.onChange(checked);\n    }\n\n    /**\n     * Event handler for space key press.\n     * Prevents space key action when checkbox is readonly.\n     *\n     * @param {KeyboardEvent} event - The keyboard event\n     * @protected\n     */\n    @HostListener('keydown.space', ['$event'])\n    protected onSpacePressed(event: KeyboardEvent): void {\n        if (this.readonly) {\n            event.preventDefault();\n            event.stopPropagation();\n        }\n    }\n\n    protected onChange = <T>(_: T): void => {\n        /* Nothing to be Done so far */\n    };\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    protected onBlur = (_: any): void => {\n        /* Nothing to be Done so far */\n    };\n\n    /**\n     * Sets the invalid state of the checkbox.\n     *\n     * @param {any} state - The invalid state to set (true/false)\n     * @protected\n     */\n    protected setInvalid(state?: boolean): void;\n    /**\n     * Sets the invalid state of the checkbox.\n     *\n     * @deprecated Use the boolean version instead\n     * @param state - The invalid state to set (true/false)\n     * @protected\n     */\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    protected setInvalid(state?: any): void {\n        // in case it's controlled by NgControl override\n        this._isInvalid = this.control ? this.control.invalid && this.control.touched : coerceBooleanProperty(state);\n    }\n\n    /**\n     * Sets the indeterminate state of the checkbox. This is also known as \"mixed\" mode and can be used to\n     * represent a checkbox with three states, e.g. a checkbox that represents a nested list of\n     * check-able items.\n     *\n     * @param value\n     */\n    private _syncIndeterminate(value: boolean): void {\n        if (this._elementRef) {\n            this._elementRef.nativeElement.indeterminate = value;\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiInputCheckboxComponent } from './eui-input-checkbox.component';\n\n/**\n * Angular module for the EUI Input Checkbox component. Provides the checkbox\n * component and its dependencies.\n *\n * @deprecated Use {@link `EUI_INPUT_CHECKBOX_COMPONENTS`} instead.\n */\n@NgModule({\n    imports: [CommonModule, EuiInputCheckboxComponent],\n    exports: [EuiInputCheckboxComponent],\n})\nexport class EuiInputCheckboxModule {}\n","import { EuiInputCheckboxComponent } from './eui-input-checkbox.component';\n\nexport * from './eui-input-checkbox.component';\nexport * from './eui-input-checkbox.module';\n\nexport const EUI_INPUT_CHECKBOX_COMPONENTS = [\n    EuiInputCheckboxComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}