npm - @eui/components - Versions diffs - 17.0.0-next.25 → 17.0.0-next.26 - Mend

@eui/components 17.0.0-next.25 → 17.0.0-next.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (557) hide show

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

@@ -5,9 +5,7 @@ import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@eui/components/eui-icon';
 import { EuiIconModule } from '@eui/components/eui-icon';
-import * as i3 from '@eui/components/shared';
-import { EuiAccessibleButtonIconModule } from '@eui/components/shared';
-import * as i4 from '@ngx-translate/core';
+import * as i3 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 class EuiGrowlComponent {
@@ -93,11 +91,11 @@ class EuiGrowlComponent {
         return this.value?.length ? this.value.findIndex((value) => value === msg) : -1;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiGrowlComponent, deps: [{ token: i0.ElementRef }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.1", type: EuiGrowlComponent, selector: "eui-growl", inputs: { sticky: "sticky", life: "life", value: "value", style: "style", styleClass: "styleClass", position: "position", e2eAttr: "e2eAttr", closeAllSticky: "closeAllSticky" }, outputs: { growlClick: "growlClick" }, viewQueries: [{ propertyName: "containerViewChild", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div\n    #container\n    role=\"region\"\n    aria-live=\"polite\"\n    class=\"eui-growl {{ styleClass }} eui-growl--{{ position }}\"\n    (click)=\"onClick()\"\n    attr.data-e2e=\"{{ e2eAttr }}\">\n    <div\n        #msgel\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': msg.severity === 'info',\n            'eui-growl-item-container--warning': msg.severity === 'warning',\n            'eui-growl-item-container--danger': msg.severity === 'danger',\n            'eui-growl-item-container--success': msg.severity === 'success',\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        <div class=\"eui-growl-item\">\n            <eui-icon-svg *ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n            <div class=\"eui-growl-item-message\">\n                <span class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n                <p class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n            </div>\n            <eui-accessible-button-icon\n                (click)=\"remove(msg)\"\n                iconSvgName=\"eui-close\"\n                ariaLabel=\"Close growl icon\"\n                class=\"eui-growl-item-close\">\n            </eui-accessible-button-icon>\n        </div>\n    </div>\n    <div\n        class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n        *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n        <div class=\"eui-growl-item\">\n            <div class=\"eui-growl-item-message\">\n                <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n            </div>\n            <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n        </div>\n    </div>\n</div>\n", styles: [".eui-growl{position:fixed;width:20rem;z-index:var(--eui-base-z-index-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-base-spacing-l);left:var(--eui-base-spacing-l)}.eui-growl--bottom-center{bottom:var(--eui-base-spacing-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-base-spacing-l);right:var(--eui-base-spacing-l)}.eui-growl--top-left{left:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl--top-center{right:50%;top:var(--eui-base-spacing-l);transform:translate(50%)}.eui-growl--top-right{right:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl a{color:var(--eui-base-color-white)!important;text-decoration:underline}.eui-growl-item-container{color:var(--eui-base-color-white);filter:alpha(opacity=95);margin:0 0 10px;opacity:.95;position:relative;background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-growl-item-container .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-growl-item-container.eui-growl-item-container--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-growl-item-container.eui-growl-item-container--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-growl-item-container.eui-growl-item-container--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-growl-item-container.eui-growl-item-container--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-growl-item-container.eui-growl-item-container--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-growl-item-container.eui-growl-item-container--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-growl-item-container.eui-growl-item-container--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-growl-item-container.eui-growl-item-container--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-growl-item-image{display:flex;text-shadow:1px 1px 1px rgba(0,0,0,.25)}.eui-growl-item{display:flex;padding:var(--eui-base-spacing-s);position:relative;width:20rem}.eui-growl-item-close{align-items:flex-start;margin:-.5rem -.5rem 0 auto}.eui-growl-item-message{display:block;margin-left:var(--eui-base-spacing-s);overflow-y:auto;max-height:80vh}.eui-growl-item-message::-webkit-scrollbar{display:inherit;height:4px;width:4px;background-color:var(--eui-base-color-grey-5)}.eui-growl-item-message::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-growl-item-message::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-growl-item-message::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-growl-item-message code{color:var(--eui-base-color-grey-5);font-size:var(--eui-base-font-size-xs);word-wrap:break-word}.eui-growl-item-message-title{display:block;padding:var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-growl-item-message-detail{display:block;margin:0;padding:0}\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", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i3.EuiAccessibleButtonIconComponent, selector: "eui-accessible-button-icon", inputs: ["iconSvgName", "iconSvgFillColor", "iconSvgSize", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.1", type: EuiGrowlComponent, selector: "eui-growl", inputs: { sticky: "sticky", life: "life", value: "value", style: "style", styleClass: "styleClass", position: "position", e2eAttr: "e2eAttr", closeAllSticky: "closeAllSticky" }, outputs: { growlClick: "growlClick" }, viewQueries: [{ propertyName: "containerViewChild", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div\n    #container\n    role=\"region\"\n    aria-live=\"polite\"\n    class=\"eui-growl {{ styleClass }} eui-growl--{{ position }}\"\n    (click)=\"onClick()\"\n    attr.data-e2e=\"{{ e2eAttr }}\">\n    <div\n        #msgel\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': msg.severity === 'info',\n            'eui-growl-item-container--warning': msg.severity === 'warning',\n            'eui-growl-item-container--danger': msg.severity === 'danger',\n            'eui-growl-item-container--success': msg.severity === 'success',\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        <div class=\"eui-growl-item\">\n            <eui-icon-svg *ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n            <div class=\"eui-growl-item-message\">\n                <span class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n                <p class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n            </div>\n            <eui-icon-svg-button\n                (click)=\"remove(msg)\"\n                iconSvgName=\"eui-close\"\n                ariaLabel=\"Close growl icon\"\n                class=\"eui-growl-item-close\">\n            </eui-icon-svg-button>\n        </div>\n    </div>\n    <div\n        class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n        *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n        <div class=\"eui-growl-item\">\n            <div class=\"eui-growl-item-message\">\n                <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n            </div>\n            <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n        </div>\n    </div>\n</div>\n", styles: [".eui-growl{position:fixed;width:20rem;z-index:var(--eui-base-z-index-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-base-spacing-l);left:var(--eui-base-spacing-l)}.eui-growl--bottom-center{bottom:var(--eui-base-spacing-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-base-spacing-l);right:var(--eui-base-spacing-l)}.eui-growl--top-left{left:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl--top-center{right:50%;top:var(--eui-base-spacing-l);transform:translate(50%)}.eui-growl--top-right{right:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl a{color:var(--eui-base-color-white)!important;text-decoration:underline}.eui-growl-item-container{color:var(--eui-base-color-white);filter:alpha(opacity=95);margin:0 0 10px;opacity:.95;position:relative;background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-growl-item-container .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-growl-item-container.eui-growl-item-container--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-growl-item-container.eui-growl-item-container--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-growl-item-container.eui-growl-item-container--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-growl-item-container.eui-growl-item-container--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-growl-item-container.eui-growl-item-container--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-growl-item-container.eui-growl-item-container--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-growl-item-container.eui-growl-item-container--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-growl-item-container.eui-growl-item-container--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-growl-item-image{display:flex;text-shadow:1px 1px 1px rgba(0,0,0,.25)}.eui-growl-item{display:flex;padding:var(--eui-base-spacing-s);position:relative;width:20rem}.eui-growl-item-close{align-items:flex-start;margin:-.5rem -.5rem 0 auto}.eui-growl-item-message{display:block;margin-left:var(--eui-base-spacing-s);overflow-y:auto;max-height:80vh}.eui-growl-item-message::-webkit-scrollbar{display:inherit;height:4px;width:4px;background-color:var(--eui-base-color-grey-5)}.eui-growl-item-message::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-growl-item-message::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-growl-item-message::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-growl-item-message code{color:var(--eui-base-color-grey-5);font-size:var(--eui-base-font-size-xs);word-wrap:break-word}.eui-growl-item-message-title{display:block;padding:var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-growl-item-message-detail{display:block;margin:0;padding:0}\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", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i2.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["iconSvgName", "iconSvgFillColor", "iconSvgSize", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiGrowlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-growl', encapsulation: ViewEncapsulation.None, template: "<div\n    #container\n    role=\"region\"\n    aria-live=\"polite\"\n    class=\"eui-growl {{ styleClass }} eui-growl--{{ position }}\"\n    (click)=\"onClick()\"\n    attr.data-e2e=\"{{ e2eAttr }}\">\n    <div\n        #msgel\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': msg.severity === 'info',\n            'eui-growl-item-container--warning': msg.severity === 'warning',\n            'eui-growl-item-container--danger': msg.severity === 'danger',\n            'eui-growl-item-container--success': msg.severity === 'success',\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        <div class=\"eui-growl-item\">\n            <eui-icon-svg *ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n            <div class=\"eui-growl-item-message\">\n                <span class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n                <p class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n            </div>\n            <eui-accessible-button-icon\n                (click)=\"remove(msg)\"\n                iconSvgName=\"eui-close\"\n                ariaLabel=\"Close growl icon\"\n                class=\"eui-growl-item-close\">\n            </eui-accessible-button-icon>\n        </div>\n    </div>\n    <div\n        class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n        *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n        <div class=\"eui-growl-item\">\n            <div class=\"eui-growl-item-message\">\n                <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n            </div>\n            <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n        </div>\n    </div>\n</div>\n", styles: [".eui-growl{position:fixed;width:20rem;z-index:var(--eui-base-z-index-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-base-spacing-l);left:var(--eui-base-spacing-l)}.eui-growl--bottom-center{bottom:var(--eui-base-spacing-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-base-spacing-l);right:var(--eui-base-spacing-l)}.eui-growl--top-left{left:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl--top-center{right:50%;top:var(--eui-base-spacing-l);transform:translate(50%)}.eui-growl--top-right{right:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl a{color:var(--eui-base-color-white)!important;text-decoration:underline}.eui-growl-item-container{color:var(--eui-base-color-white);filter:alpha(opacity=95);margin:0 0 10px;opacity:.95;position:relative;background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-growl-item-container .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-growl-item-container.eui-growl-item-container--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-growl-item-container.eui-growl-item-container--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-growl-item-container.eui-growl-item-container--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-growl-item-container.eui-growl-item-container--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-growl-item-container.eui-growl-item-container--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-growl-item-container.eui-growl-item-container--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-growl-item-container.eui-growl-item-container--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-growl-item-container.eui-growl-item-container--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-growl-item-image{display:flex;text-shadow:1px 1px 1px rgba(0,0,0,.25)}.eui-growl-item{display:flex;padding:var(--eui-base-spacing-s);position:relative;width:20rem}.eui-growl-item-close{align-items:flex-start;margin:-.5rem -.5rem 0 auto}.eui-growl-item-message{display:block;margin-left:var(--eui-base-spacing-s);overflow-y:auto;max-height:80vh}.eui-growl-item-message::-webkit-scrollbar{display:inherit;height:4px;width:4px;background-color:var(--eui-base-color-grey-5)}.eui-growl-item-message::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-growl-item-message::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-growl-item-message::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-growl-item-message code{color:var(--eui-base-color-grey-5);font-size:var(--eui-base-font-size-xs);word-wrap:break-word}.eui-growl-item-message-title{display:block;padding:var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-growl-item-message-detail{display:block;margin:0;padding:0}\n"] }]
+            args: [{ selector: 'eui-growl', encapsulation: ViewEncapsulation.None, template: "<div\n    #container\n    role=\"region\"\n    aria-live=\"polite\"\n    class=\"eui-growl {{ styleClass }} eui-growl--{{ position }}\"\n    (click)=\"onClick()\"\n    attr.data-e2e=\"{{ e2eAttr }}\">\n    <div\n        #msgel\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': msg.severity === 'info',\n            'eui-growl-item-container--warning': msg.severity === 'warning',\n            'eui-growl-item-container--danger': msg.severity === 'danger',\n            'eui-growl-item-container--success': msg.severity === 'success',\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        <div class=\"eui-growl-item\">\n            <eui-icon-svg *ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n            <div class=\"eui-growl-item-message\">\n                <span class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n                <p class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n            </div>\n            <eui-icon-svg-button\n                (click)=\"remove(msg)\"\n                iconSvgName=\"eui-close\"\n                ariaLabel=\"Close growl icon\"\n                class=\"eui-growl-item-close\">\n            </eui-icon-svg-button>\n        </div>\n    </div>\n    <div\n        class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n        *ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n        <div class=\"eui-growl-item\">\n            <div class=\"eui-growl-item-message\">\n                <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' | translate }}</span>\n            </div>\n            <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n        </div>\n    </div>\n</div>\n", styles: [".eui-growl{position:fixed;width:20rem;z-index:var(--eui-base-z-index-growl-message)}.eui-growl--bottom-left{bottom:var(--eui-base-spacing-l);left:var(--eui-base-spacing-l)}.eui-growl--bottom-center{bottom:var(--eui-base-spacing-l);right:50%;transform:translate(50%)}.eui-growl--bottom-right{bottom:var(--eui-base-spacing-l);right:var(--eui-base-spacing-l)}.eui-growl--top-left{left:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl--top-center{right:50%;top:var(--eui-base-spacing-l);transform:translate(50%)}.eui-growl--top-right{right:var(--eui-base-spacing-l);top:var(--eui-base-spacing-l)}.eui-growl a{color:var(--eui-base-color-white)!important;text-decoration:underline}.eui-growl-item-container{color:var(--eui-base-color-white);filter:alpha(opacity=95);margin:0 0 10px;opacity:.95;position:relative;background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-growl-item-container .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-growl-item-container.eui-growl-item-container--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-growl-item-container.eui-growl-item-container--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-growl-item-container.eui-growl-item-container--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-growl-item-container.eui-growl-item-container--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-growl-item-container.eui-growl-item-container--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-growl-item-container.eui-growl-item-container--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-growl-item-container.eui-growl-item-container--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-growl-item-container.eui-growl-item-container--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-growl-item-image{display:flex;text-shadow:1px 1px 1px rgba(0,0,0,.25)}.eui-growl-item{display:flex;padding:var(--eui-base-spacing-s);position:relative;width:20rem}.eui-growl-item-close{align-items:flex-start;margin:-.5rem -.5rem 0 auto}.eui-growl-item-message{display:block;margin-left:var(--eui-base-spacing-s);overflow-y:auto;max-height:80vh}.eui-growl-item-message::-webkit-scrollbar{display:inherit;height:4px;width:4px;background-color:var(--eui-base-color-grey-5)}.eui-growl-item-message::-webkit-scrollbar-thumb{background-color:var(--eui-base-color-grey-20);border-radius:5rem}.eui-growl-item-message::-webkit-scrollbar-thumb:hover{background-color:var(--eui-base-color-grey-50)}.eui-growl-item-message::-webkit-scrollbar-track{background-color:var(--eui-base-color-grey-5);border-radius:0}.eui-growl-item-message code{color:var(--eui-base-color-grey-5);font-size:var(--eui-base-font-size-xs);word-wrap:break-word}.eui-growl-item-message-title{display:block;padding:var(--eui-base-spacing-2xs) 0 var(--eui-base-spacing-xs) 0;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-growl-item-message-detail{display:block;margin:0;padding:0}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.IterableDiffers }], propDecorators: { sticky: [{
                 type: Input
             }], life: [{
@@ -123,13 +121,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
 class EuiGrowlModule {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiGrowlModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.1", ngImport: i0, type: EuiGrowlModule, declarations: [EuiGrowlComponent], imports: [CommonModule, EuiIconModule, TranslateModule, EuiAccessibleButtonIconModule], exports: [EuiGrowlComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiGrowlModule, imports: [CommonModule, EuiIconModule, TranslateModule, EuiAccessibleButtonIconModule] }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.1", ngImport: i0, type: EuiGrowlModule, declarations: [EuiGrowlComponent], imports: [CommonModule, EuiIconModule, TranslateModule], exports: [EuiGrowlComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiGrowlModule, imports: [CommonModule, EuiIconModule, TranslateModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiGrowlModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, EuiIconModule, TranslateModule, EuiAccessibleButtonIconModule],
+                    imports: [CommonModule, EuiIconModule, TranslateModule],
                     exports: [EuiGrowlComponent],
                     declarations: [EuiGrowlComponent],
                 }]

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

	@@ -1 +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 { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport {\n Component,\n DoCheck,\n ElementRef,\n EventEmitter,\n Input,\n IterableDiffer,\n IterableDiffers,\n OnDestroy,\n Output,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { EuiGrowlMessage } from '@eui/core';\n@Component({\n selector: 'eui-growl',\n templateUrl: './eui-growl.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiGrowlComponent implements DoCheck, OnDestroy {\n @Input()\n get sticky(): boolean {\n return this._sticky;\n }\n set sticky(value: BooleanInput) {\n this._sticky = coerceBooleanProperty(value);\n }\n @Input() life = 3000;\n @Input() value: EuiGrowlMessage[] = [];\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 @Input() style: any;\n @Input() styleClass: string;\n @Input() position: string;\n @Input() e2eAttr = 'eui-growl';\n @Output() growlClick: EventEmitter<void> = new EventEmitter<void>();\n @Input() closeAllSticky = false;\n\n @ViewChild('container') containerViewChild: ElementRef<HTMLDivElement>;\n\n private differ: IterableDiffer<EuiGrowlMessage>;\n private _sticky = false;\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 /\n @deprecated This is DEPRECATED please use it like remove(msg: UxMessage);\n * @param msg\n * @param msgel @deprecated\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 remove(msg: EuiGrowlMessage, msgel?: any): void {\n if (msgel) {\n console.warn(\n 'This is DEPRECATED please use it like remove(msg: UxMessage);\\n' + 'This will be a breaking change in the eUI release.',\n );\n }\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 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 msg UxMessage\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);\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 #container\n role=\"region\"\n aria-live=\"polite\"\n class=\"eui-growl {{ styleClass }} eui-growl--{{ position }}\"\n (click)=\"onClick()\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n <div\n #msgel\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': msg.severity === 'info',\n 'eui-growl-item-container--warning': msg.severity === 'warning',\n 'eui-growl-item-container--danger': msg.severity === 'danger',\n 'eui-growl-item-container--success': msg.severity === 'success',\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 <div class=\"eui-growl-item\">\n <eui-icon-svg ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n <eui-icon-svg ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n <eui-icon-svg ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n <eui-icon-svg ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n <div class=\"eui-growl-item-message\">\n <span class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n <p class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n </div>\n <eui-accessible-button-icon\n (click)=\"remove(msg)\"\n iconSvgName=\"eui-close\"\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\">\n </eui-accessible-button-icon>\n </div>\n </div>\n <div\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-message\">\n <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' \| translate }}</span>\n </div>\n <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n </div>\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 { TranslateModule } from '@ngx-translate/core';\nimport { EuiAccessibleButtonIconModule } from '@eui/components/shared';\n\n@NgModule({\n imports: [CommonModule, EuiIconModule, TranslateModule, EuiAccessibleButtonIconModule],\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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"}
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 { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport {\n Component,\n DoCheck,\n ElementRef,\n EventEmitter,\n Input,\n IterableDiffer,\n IterableDiffers,\n OnDestroy,\n Output,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { EuiGrowlMessage } from '@eui/core';\n@Component({\n selector: 'eui-growl',\n templateUrl: './eui-growl.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiGrowlComponent implements DoCheck, OnDestroy {\n @Input()\n get sticky(): boolean {\n return this._sticky;\n }\n set sticky(value: BooleanInput) {\n this._sticky = coerceBooleanProperty(value);\n }\n @Input() life = 3000;\n @Input() value: EuiGrowlMessage[] = [];\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 @Input() style: any;\n @Input() styleClass: string;\n @Input() position: string;\n @Input() e2eAttr = 'eui-growl';\n @Output() growlClick: EventEmitter<void> = new EventEmitter<void>();\n @Input() closeAllSticky = false;\n\n @ViewChild('container') containerViewChild: ElementRef<HTMLDivElement>;\n\n private differ: IterableDiffer<EuiGrowlMessage>;\n private _sticky = false;\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 /\n @deprecated This is DEPRECATED please use it like remove(msg: UxMessage);\n * @param msg\n * @param msgel @deprecated\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 remove(msg: EuiGrowlMessage, msgel?: any): void {\n if (msgel) {\n console.warn(\n 'This is DEPRECATED please use it like remove(msg: UxMessage);\\n' + 'This will be a breaking change in the eUI release.',\n );\n }\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 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 msg UxMessage\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);\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 #container\n role=\"region\"\n aria-live=\"polite\"\n class=\"eui-growl {{ styleClass }} eui-growl--{{ position }}\"\n (click)=\"onClick()\"\n attr.data-e2e=\"{{ e2eAttr }}\">\n <div\n #msgel\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': msg.severity === 'info',\n 'eui-growl-item-container--warning': msg.severity === 'warning',\n 'eui-growl-item-container--danger': msg.severity === 'danger',\n 'eui-growl-item-container--success': msg.severity === 'success',\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 <div class=\"eui-growl-item\">\n <eui-icon-svg ngIf=\"msg.severity === 'info'\" icon=\"eui-ecl-information\"></eui-icon-svg>\n <eui-icon-svg ngIf=\"msg.severity === 'warning'\" icon=\"eui-ecl-warning\"></eui-icon-svg>\n <eui-icon-svg ngIf=\"msg.severity === 'danger'\" icon=\"eui-ecl-error\"></eui-icon-svg>\n <eui-icon-svg ngIf=\"msg.severity === 'success'\" icon=\"eui-ecl-check-filled\"></eui-icon-svg>\n\n <div class=\"eui-growl-item-message\">\n <span class=\"eui-growl-item-message-title\">{{ msg.summary }}</span>\n <p class=\"eui-growl-item-message-detail\" [innerHTML]=\"msg.detail\"></p>\n </div>\n <eui-icon-svg-button\n (click)=\"remove(msg)\"\n iconSvgName=\"eui-close\"\n ariaLabel=\"Close growl icon\"\n class=\"eui-growl-item-close\">\n </eui-icon-svg-button>\n </div>\n </div>\n <div\n class=\"eui-growl-item-container eui-u-anim eui-u-anim--fast eui-growl-item-container--info\"\n ngIf=\"closeAllSticky && isGrowlMoreThanTwo()\">\n <div class=\"eui-growl-item\">\n <div class=\"eui-growl-item-message\">\n <span class=\"eui-growl-item-message-title\">{{ 'eui.growl.dismiss-all' \| translate }}</span>\n </div>\n <div class=\"eui-growl-item-close eui-icon eui-icon-close-m\" (click)=\"removeAll()\"></div>\n </div>\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 { TranslateModule } from '@ngx-translate/core';\n\n@NgModule({\n imports: [CommonModule, EuiIconModule, 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.mjs CHANGED Viewed

@@ -1,10 +1,12 @@
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, HostBinding, Input, ChangeDetectionStrategy, Optional, Inject, NgModule } from '@angular/core';
+import { Component, ViewEncapsulation, HostBinding, Input, ChangeDetectionStrategy, Optional, Inject, EventEmitter, Output, NgModule } from '@angular/core';
 import { BaseDirective } from '@eui/components/shared/base';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { EUI_CONFIG_TOKEN } from '@eui/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import { __decorate } from 'tslib';
+import { coerceBoolean } from '@eui/base';
 class EuiIconComponent extends BaseDirective {
     get cssClasses() {
@@ -44,11 +46,11 @@ class EuiIconComponent extends BaseDirective {
             .trim();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.1", type: EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: { ariaLabel: ["aria-label", "ariaLabel"], iconClass: "iconClass", isLoading: "isLoading" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:inline-flex}:host .eui-icon-svg{display:inline-flex;position:relative}:host svg{pointer-events:none}.eui-icon-svg__badge{position:relative;right:var(--eui-base-spacing-s);top:calc(-1 * var(--eui-base-spacing-s));transition:all .3s ease}.eui-icon-svg--loading,.eui-icon--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before,.eui-icon--loading:after,.eui-icon--loading:before{content:\"\";position:absolute;min-height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);height:100%;width:100%}.eui-icon-svg--loading:before,.eui-icon--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.25);border-radius:100%}.eui-icon-svg--loading:after,.eui-icon--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after,.eui-icon--loading--sm:before,.eui-icon--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}.eui-icon-svg.eui-icon-svg--spin,.eui-icon.eui-icon-svg--spin{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45,.eui-icon.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90,.eui-icon.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135,.eui-icon.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180,.eui-icon.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225,.eui-icon.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270,.eui-icon.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315,.eui-icon.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal,.eui-icon.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical,.eui-icon.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both,.eui-icon.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack svg,.eui-icon.eui-icon-svg--stack svg{display:inline-flex;position:absolute;right:-50%;transform:translate(-50%)}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.1", type: EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: { ariaLabel: ["aria-label", "ariaLabel"], iconClass: "iconClass", isLoading: "isLoading" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:inline-flex}:host .eui-icon-svg{display:inline-flex;position:relative}:host svg{pointer-events:none}.eui-icon-svg--loading,.eui-icon--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before,.eui-icon--loading:after,.eui-icon--loading:before{content:\"\";position:absolute;min-height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);height:100%;width:100%}.eui-icon-svg--loading:before,.eui-icon--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.25);border-radius:100%}.eui-icon-svg--loading:after,.eui-icon--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after,.eui-icon--loading--sm:before,.eui-icon--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}.eui-icon-svg.eui-icon-svg--spin,.eui-icon.eui-icon-svg--spin{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45,.eui-icon.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90,.eui-icon.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135,.eui-icon.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180,.eui-icon.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225,.eui-icon.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270,.eui-icon.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315,.eui-icon.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal,.eui-icon.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical,.eui-icon.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both,.eui-icon.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack svg,.eui-icon.eui-icon-svg--stack svg{display:inline-flex;position:absolute;right:-50%;transform:translate(-50%)}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiIconComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, styles: [":host{display:inline-flex}:host .eui-icon-svg{display:inline-flex;position:relative}:host svg{pointer-events:none}.eui-icon-svg__badge{position:relative;right:var(--eui-base-spacing-s);top:calc(-1 * var(--eui-base-spacing-s));transition:all .3s ease}.eui-icon-svg--loading,.eui-icon--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before,.eui-icon--loading:after,.eui-icon--loading:before{content:\"\";position:absolute;min-height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);height:100%;width:100%}.eui-icon-svg--loading:before,.eui-icon--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.25);border-radius:100%}.eui-icon-svg--loading:after,.eui-icon--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after,.eui-icon--loading--sm:before,.eui-icon--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}.eui-icon-svg.eui-icon-svg--spin,.eui-icon.eui-icon-svg--spin{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45,.eui-icon.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90,.eui-icon.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135,.eui-icon.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180,.eui-icon.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225,.eui-icon.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270,.eui-icon.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315,.eui-icon.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal,.eui-icon.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical,.eui-icon.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both,.eui-icon.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack svg,.eui-icon.eui-icon-svg--stack svg{display:inline-flex;position:absolute;right:-50%;transform:translate(-50%)}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"] }]
+            args: [{ selector: 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, styles: [":host{display:inline-flex}:host .eui-icon-svg{display:inline-flex;position:relative}:host svg{pointer-events:none}.eui-icon-svg--loading,.eui-icon--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before,.eui-icon--loading:after,.eui-icon--loading:before{content:\"\";position:absolute;min-height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);height:100%;width:100%}.eui-icon-svg--loading:before,.eui-icon--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.25);border-radius:100%}.eui-icon-svg--loading:after,.eui-icon--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after,.eui-icon--loading--sm:before,.eui-icon--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}.eui-icon-svg.eui-icon-svg--spin,.eui-icon.eui-icon-svg--spin{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45,.eui-icon.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90,.eui-icon.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135,.eui-icon.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180,.eui-icon.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225,.eui-icon.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270,.eui-icon.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315,.eui-icon.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal,.eui-icon.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical,.eui-icon.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both,.eui-icon.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack svg,.eui-icon.eui-icon-svg--stack svg{display:inline-flex;position:absolute;right:-50%;transform:translate(-50%)}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -166,11 +168,11 @@ class EuiIconSvgComponent extends BaseDirective {
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiIconSvgComponent, deps: [{ token: EUI_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.1", type: EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: { icon: "icon", size: "size", fillColor: "fillColor", set: "set", ariaLabelledby: "ariaLabelledby", role: "role", style: "style", iconUrl: "iconUrl", transform: "transform", ariaLabel: ["aria-label", "ariaLabel"], ariaHidden: "ariaHidden", focusable: "focusable", isLoading: "isLoading" }, host: { properties: { "attr.role": "this.ariaRole", "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n    <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"iconUrl\">\n    <ng-container *ngTemplateOutlet=\"custom\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"isLoading\">\n    <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n</ng-container>\n\n<ng-template #default>\n    <svg\n        [ngClass]=\"getCssClasses()\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || 'img'\"\n        [attr.focusable]=\"focusable\">\n        <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n    </svg>\n    <ng-content></ng-content>\n    <span class=\"eui-icon-svg__badge\">\n        <ng-content select=\"eui-badge\"></ng-content>\n    </span>\n</ng-template>\n\n<ng-template #custom>\n    <svg\n        [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\"\n        [attr.style]=\"style ? style : null\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || 'img'\"\n        [attr.focusable]=\"focusable\">\n        <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n    </svg>\n</ng-template>\n\n<ng-template #loading>\n    <eui-icon-svg icon=\"eui-home\" [size]=\"size\" fillColor=\"transparent\" class=\"eui-icon-svg--loading\"></eui-icon-svg>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [":host{display:inline-flex}:host .eui-icon-svg{display:inline-flex;position:relative}:host svg{pointer-events:none}.eui-icon-svg__badge{position:relative;right:var(--eui-base-spacing-s);top:calc(-1 * var(--eui-base-spacing-s));transition:all .3s ease}.eui-icon-svg--loading,.eui-icon--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before,.eui-icon--loading:after,.eui-icon--loading:before{content:\"\";position:absolute;min-height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);height:100%;width:100%}.eui-icon-svg--loading:before,.eui-icon--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.25);border-radius:100%}.eui-icon-svg--loading:after,.eui-icon--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after,.eui-icon--loading--sm:before,.eui-icon--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}.eui-icon-svg.eui-icon-svg--spin,.eui-icon.eui-icon-svg--spin{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45,.eui-icon.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90,.eui-icon.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135,.eui-icon.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180,.eui-icon.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225,.eui-icon.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270,.eui-icon.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315,.eui-icon.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal,.eui-icon.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical,.eui-icon.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both,.eui-icon.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack svg,.eui-icon.eui-icon-svg--stack svg{display:inline-flex;position:absolute;right:-50%;transform:translate(-50%)}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.1", type: EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: { icon: "icon", size: "size", fillColor: "fillColor", set: "set", ariaLabelledby: "ariaLabelledby", role: "role", style: "style", iconUrl: "iconUrl", transform: "transform", ariaLabel: ["aria-label", "ariaLabel"], ariaHidden: "ariaHidden", focusable: "focusable", isLoading: "isLoading" }, host: { properties: { "attr.role": "this.ariaRole", "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n    <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"iconUrl\">\n    <ng-container *ngTemplateOutlet=\"custom\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"isLoading\">\n    <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n</ng-container>\n\n<ng-template #default>\n    <svg\n        [ngClass]=\"getCssClasses()\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || 'img'\"\n        [attr.focusable]=\"focusable\">\n        <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n    </svg>\n    <ng-content></ng-content>\n    <!-- <span class=\"eui-icon-svg__badge\"> -->\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        <!-- <ng-content select=\"eui-badge\"></ng-content> -->\n    <!-- </span> -->\n</ng-template>\n\n<ng-template #custom>\n    <svg\n        [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\"\n        [attr.style]=\"style ? style : null\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || 'img'\"\n        [attr.focusable]=\"focusable\">\n        <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n    </svg>\n</ng-template>\n\n<ng-template #loading>\n    <eui-icon-svg icon=\"eui-home\" [size]=\"size\" fillColor=\"transparent\" class=\"eui-icon-svg--loading\"></eui-icon-svg>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    <!-- <ng-content></ng-content> -->\n</ng-template>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [":host{display:inline-flex}:host .eui-icon-svg{display:inline-flex;position:relative}:host svg{pointer-events:none}.eui-icon-svg--loading,.eui-icon--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before,.eui-icon--loading:after,.eui-icon--loading:before{content:\"\";position:absolute;min-height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);height:100%;width:100%}.eui-icon-svg--loading:before,.eui-icon--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.25);border-radius:100%}.eui-icon-svg--loading:after,.eui-icon--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after,.eui-icon--loading--sm:before,.eui-icon--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}.eui-icon-svg.eui-icon-svg--spin,.eui-icon.eui-icon-svg--spin{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45,.eui-icon.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90,.eui-icon.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135,.eui-icon.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180,.eui-icon.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225,.eui-icon.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270,.eui-icon.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315,.eui-icon.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal,.eui-icon.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical,.eui-icon.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both,.eui-icon.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack svg,.eui-icon.eui-icon-svg--stack svg{display:inline-flex;position:absolute;right:-50%;transform:translate(-50%)}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiIconSvgComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n    <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"iconUrl\">\n    <ng-container *ngTemplateOutlet=\"custom\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"isLoading\">\n    <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n</ng-container>\n\n<ng-template #default>\n    <svg\n        [ngClass]=\"getCssClasses()\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || 'img'\"\n        [attr.focusable]=\"focusable\">\n        <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n    </svg>\n    <ng-content></ng-content>\n    <span class=\"eui-icon-svg__badge\">\n        <ng-content select=\"eui-badge\"></ng-content>\n    </span>\n</ng-template>\n\n<ng-template #custom>\n    <svg\n        [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\"\n        [attr.style]=\"style ? style : null\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || 'img'\"\n        [attr.focusable]=\"focusable\">\n        <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n    </svg>\n</ng-template>\n\n<ng-template #loading>\n    <eui-icon-svg icon=\"eui-home\" [size]=\"size\" fillColor=\"transparent\" class=\"eui-icon-svg--loading\"></eui-icon-svg>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [":host{display:inline-flex}:host .eui-icon-svg{display:inline-flex;position:relative}:host svg{pointer-events:none}.eui-icon-svg__badge{position:relative;right:var(--eui-base-spacing-s);top:calc(-1 * var(--eui-base-spacing-s));transition:all .3s ease}.eui-icon-svg--loading,.eui-icon--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before,.eui-icon--loading:after,.eui-icon--loading:before{content:\"\";position:absolute;min-height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);height:100%;width:100%}.eui-icon-svg--loading:before,.eui-icon--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.25);border-radius:100%}.eui-icon-svg--loading:after,.eui-icon--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after,.eui-icon--loading--sm:before,.eui-icon--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}.eui-icon-svg.eui-icon-svg--spin,.eui-icon.eui-icon-svg--spin{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45,.eui-icon.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90,.eui-icon.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135,.eui-icon.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180,.eui-icon.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225,.eui-icon.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270,.eui-icon.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315,.eui-icon.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal,.eui-icon.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical,.eui-icon.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both,.eui-icon.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack svg,.eui-icon.eui-icon-svg--stack svg{display:inline-flex;position:absolute;right:-50%;transform:translate(-50%)}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"] }]
+            args: [{ selector: 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n    <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"iconUrl\">\n    <ng-container *ngTemplateOutlet=\"custom\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"isLoading\">\n    <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n</ng-container>\n\n<ng-template #default>\n    <svg\n        [ngClass]=\"getCssClasses()\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || 'img'\"\n        [attr.focusable]=\"focusable\">\n        <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n    </svg>\n    <ng-content></ng-content>\n    <!-- <span class=\"eui-icon-svg__badge\"> -->\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        <!-- <ng-content select=\"eui-badge\"></ng-content> -->\n    <!-- </span> -->\n</ng-template>\n\n<ng-template #custom>\n    <svg\n        [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\"\n        [attr.style]=\"style ? style : null\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || 'img'\"\n        [attr.focusable]=\"focusable\">\n        <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n    </svg>\n</ng-template>\n\n<ng-template #loading>\n    <eui-icon-svg icon=\"eui-home\" [size]=\"size\" fillColor=\"transparent\" class=\"eui-icon-svg--loading\"></eui-icon-svg>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    <!-- <ng-content></ng-content> -->\n</ng-template>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [":host{display:inline-flex}:host .eui-icon-svg{display:inline-flex;position:relative}:host svg{pointer-events:none}.eui-icon-svg--loading,.eui-icon--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before,.eui-icon--loading:after,.eui-icon--loading:before{content:\"\";position:absolute;min-height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);height:100%;width:100%}.eui-icon-svg--loading:before,.eui-icon--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.25);border-radius:100%}.eui-icon-svg--loading:after,.eui-icon--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after,.eui-icon--loading--sm:before,.eui-icon--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}.eui-icon-svg.eui-icon-svg--spin,.eui-icon.eui-icon-svg--spin{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45,.eui-icon.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90,.eui-icon.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135,.eui-icon.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180,.eui-icon.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225,.eui-icon.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270,.eui-icon.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315,.eui-icon.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal,.eui-icon.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical,.eui-icon.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both,.eui-icon.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack svg,.eui-icon.eui-icon-svg--stack svg{display:inline-flex;position:absolute;right:-50%;transform:translate(-50%)}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -214,6 +216,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
                 type: Input
             }] } });
+class EuiIconSvgButtonComponent {
+    constructor() {
+        this.tabindex = -1;
+        this.iconSvgSize = 'm';
+        this.hasFocusBorder = false;
+        this.hasNoPadding = false;
+        this.buttonClick = new EventEmitter();
+    }
+    get cssClasses() {
+        return [
+            'eui-icon-svg-button',
+            this.hasFocusBorder ? 'eui-icon-svg-button--has-focus' : '',
+            this.hasNoPadding ? 'eui-icon-svg-button--has-no-padding' : '',
+        ]
+            .join(' ')
+            .trim();
+    }
+    onClick(event) {
+        this.buttonClick.emit(event);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiIconSvgButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.1", type: EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: { iconSvgName: "iconSvgName", iconSvgFillColor: "iconSvgFillColor", iconSvgSize: "iconSvgSize", ariaLabel: "ariaLabel", hasFocusBorder: "hasFocusBorder", hasNoPadding: "hasNoPadding" }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses", "attr.tabindex": "this.tabindex" } }, ngImport: i0, template: "<button class=\"eui-icon-svg-button__button\"\n    type=\"button\"\n    (keydown.enter)=\"onClick($event)\"\n    (keydown.backspace)=\"onClick($event)\"\n    (click)=\"onClick($event)\"\n    [attr.aria-label]=\"ariaLabel\">\n    <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\" [size]=\"iconSvgSize\" class=\"eui-icon-svg-button__button-icon\">\n        <ng-content select=\"eui-badge\"></ng-content>\n    </eui-icon-svg>\n</button>\n", styles: [".eui-icon-svg-button{display:inline-flex}.eui-icon-svg-button__button{background-color:transparent;border:none;cursor:pointer;padding:var(--eui-base-spacing-2xs);align-items:center;display:flex;justify-content:center;position:relative}.eui-icon-svg-button__button-icon{opacity:.8}.eui-icon-svg-button__button:hover .eui-icon-svg-button__button-icon,.eui-icon-svg-button__button:focus .eui-icon-svg-button__button-icon{opacity:1}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button:active:not([readonly]),.eui-icon-svg-button--has-focus .eui-icon-svg-button__button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button [tabindex=\"0\"]:active:not([readonly]),.eui-icon-svg-button--has-focus .eui-icon-svg-button__button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button-icon{opacity:1}.eui-icon-svg-button--has-no-padding .eui-icon-svg-button__button{padding:0}\n"], dependencies: [{ kind: "component", type: EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+__decorate([
+    coerceBoolean
+], EuiIconSvgButtonComponent.prototype, "hasFocusBorder", void 0);
+__decorate([
+    coerceBoolean
+], EuiIconSvgButtonComponent.prototype, "hasNoPadding", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiIconSvgButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eui-icon-svg-button', encapsulation: ViewEncapsulation.None, template: "<button class=\"eui-icon-svg-button__button\"\n    type=\"button\"\n    (keydown.enter)=\"onClick($event)\"\n    (keydown.backspace)=\"onClick($event)\"\n    (click)=\"onClick($event)\"\n    [attr.aria-label]=\"ariaLabel\">\n    <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\" [size]=\"iconSvgSize\" class=\"eui-icon-svg-button__button-icon\">\n        <ng-content select=\"eui-badge\"></ng-content>\n    </eui-icon-svg>\n</button>\n", styles: [".eui-icon-svg-button{display:inline-flex}.eui-icon-svg-button__button{background-color:transparent;border:none;cursor:pointer;padding:var(--eui-base-spacing-2xs);align-items:center;display:flex;justify-content:center;position:relative}.eui-icon-svg-button__button-icon{opacity:.8}.eui-icon-svg-button__button:hover .eui-icon-svg-button__button-icon,.eui-icon-svg-button__button:focus .eui-icon-svg-button__button-icon{opacity:1}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button:active:not([readonly]),.eui-icon-svg-button--has-focus .eui-icon-svg-button__button:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button [tabindex=\"0\"]:active:not([readonly]),.eui-icon-svg-button--has-focus .eui-icon-svg-button__button [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-icon-svg-button--has-focus .eui-icon-svg-button__button-icon{opacity:1}.eui-icon-svg-button--has-no-padding .eui-icon-svg-button__button{padding:0}\n"] }]
+        }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], tabindex: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], iconSvgName: [{
+                type: Input
+            }], iconSvgFillColor: [{
+                type: Input
+            }], iconSvgSize: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], hasFocusBorder: [{
+                type: Input
+            }], hasNoPadding: [{
+                type: Input
+            }], buttonClick: [{
+                type: Output
+            }] } });
 class EuiIconColorComponent {
     constructor() {
         this.paths = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];
@@ -250,15 +306,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
 class EuiIconModule {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.1", ngImport: i0, type: EuiIconModule, declarations: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent], imports: [CommonModule], exports: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent] }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.1", ngImport: i0, type: EuiIconModule, declarations: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent, EuiIconSvgButtonComponent], imports: [CommonModule], exports: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent, EuiIconSvgButtonComponent] }); }
     /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiIconModule, imports: [CommonModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiIconModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
-                    exports: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent],
-                    declarations: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent],
+                    exports: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent, EuiIconSvgButtonComponent],
+                    declarations: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent, EuiIconSvgButtonComponent],
                 }]
         }] });
@@ -266,5 +322,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
  * Generated bundle index. Do not edit.
  */
-export { EuiIconColorComponent, EuiIconComponent, EuiIconModule, EuiIconSvgComponent };
+export { EuiIconColorComponent, EuiIconComponent, EuiIconModule, EuiIconSvgButtonComponent, EuiIconSvgComponent };
 //# sourceMappingURL=eui-components-eui-icon.mjs.map

package/fesm2022/eui-components-eui-icon.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-components-eui-icon.mjs","sources":["../../eui-icon/eui-icon.component.ts","../../eui-icon/eui-icon-svg.component.ts","../../eui-icon/eui-icon-svg.component.html","../../eui-icon/eui-icon-color.component.ts","../../eui-icon/eui-icon.module.ts","../../eui-icon/eui-components-eui-icon.ts"],"sourcesContent":["import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared/base';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon',\n template: '<ng-content></ng-content>',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconComponent extends BaseDirective {\n @HostBinding('class')\n public get cssClasses(): string {\n return this.getCssClasses();\n }\n @HostBinding('attr.role') role = 'img';\n @HostBinding('attr.aria-label')\n @Input('aria-label')\n public get ariaLabel(): string {\n return this._ariaLabel;\n }\n public set ariaLabel(value: string \| null) {\n this._ariaLabel = value;\n }\n\n @Input()\n get iconClass(): string {\n return this._iconClass;\n }\n set iconClass(value: string) {\n this._iconClass = value;\n }\n private _iconClass;\n\n @Input()\n get isLoading(): boolean {\n return this._isLoading;\n }\n set isLoading(value: BooleanInput) {\n this._isLoading = coerceBooleanProperty(value);\n }\n private _isLoading = false;\n\n protected _ariaLabel = 'eUI Icon';\n\n constructor() {\n super();\n }\n\n getCssClasses(): string {\n return [\n super.getCssClasses('eui-icon'),\n this.iconClass && !this.isLoading ? this.iconClass : '',\n this.isLoading ? 'eui-icon--loading' : '',\n ]\n .join(' ')\n .trim();\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n Input,\n HostBinding,\n OnInit,\n ViewEncapsulation,\n OnChanges,\n SimpleChanges,\n AfterContentInit,\n Inject,\n Optional,\n} from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared/base';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\nimport { EuiConfig } from '@eui/base';\n\n@Component({\n selector: 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]',\n templateUrl: './eui-icon-svg.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconSvgComponent extends BaseDirective implements AfterContentInit, OnChanges, OnInit {\n @HostBinding('attr.role') ariaRole = 'img';\n\n @Input() icon: string; // could be the form of \"icon:set\" to pass them both in a single input\n @Input() size: '2xs' \| 'xs' \| 's' \| 'm' \| 'l' \| 'xl' \| '2xl' \| '3xl' \| '4xl' = 'm';\n @Input() fillColor = 'grey-100';\n @Input() set = 'eui';\n @Input() ariaLabelledby: string;\n @Input() role: string;\n @Input() style = '';\n @Input() iconUrl: string;\n\n @Input() transform = '';\n @HostBinding('class')\n public get cssClasses(): string {\n return `eui-icon-svg eui-icon-svg--${this.transform}`;\n }\n\n @HostBinding('attr.aria-label')\n @Input('aria-label')\n public get ariaLabel(): string {\n return this._ariaLabel;\n }\n public set ariaLabel(value: string \| null) {\n this._ariaLabel = value;\n }\n protected _ariaLabel = 'eUI Icon';\n\n public iconName: string;\n public assetsBaseUrl = 'assets';\n\n @Input()\n get ariaHidden(): boolean {\n return this._ariaHidden;\n }\n set ariaHidden(value: BooleanInput) {\n this._ariaHidden = coerceBooleanProperty(value);\n }\n private _ariaHidden = true;\n\n @Input()\n get focusable(): boolean {\n return this._focusable;\n }\n set focusable(value: BooleanInput) {\n this._focusable = coerceBooleanProperty(value);\n }\n private _focusable = false;\n\n @Input()\n get isLoading(): boolean {\n return this._isLoading;\n }\n set isLoading(value: BooleanInput) {\n this._isLoading = coerceBooleanProperty(value);\n }\n private _isLoading = false;\n\n constructor(@Optional() @Inject(EUI_CONFIG_TOKEN) private config: EuiConfig) {\n super();\n }\n\n ngOnInit(): void {\n const assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl;\n if (assetsBaseUrl) {\n this.assetsBaseUrl = this.config.appConfig.global.eui.assetsBaseUrl;\n }\n if (this.isLoading) {\n this.set = 'eui';\n this.icon = 'eui-radio-button-off';\n this.fillColor = 'transparent';\n }\n }\n\n ngOnChanges(c: SimpleChanges): void {\n if (c && c.set) {\n if (c.set.currentValue !== c.set.previousValue) {\n this._setIconAndSet();\n }\n }\n\n if (c && c.icon) {\n if (c.icon.currentValue !== c.icon.previousValue) {\n this._setIconAndSet();\n }\n }\n }\n\n ngAfterContentInit(): void {\n this._setIconAndSet();\n }\n\n getCssClasses(): string {\n return [\n this.isLoading ? 'eui-icon-svg--loading' : '',\n this.transform ? `eui-icon-svg--${this.transform}` : '', // Needed for extra spacings adjustments\n `eui-sprite-${this.icon}`,\n `eui-icon-svg--color-${this.fillColor}`,\n `eui-icon-svg--size-${this.size}`,\n ]\n .join(' ')\n .trim();\n }\n\n private _setIconAndSet(): void {\n if (this.icon && this.icon.indexOf(':') > -1) {\n const iconSet = this.icon.split(':');\n this.icon = iconSet[0];\n this.set = iconSet[1];\n }\n\n if (!this.set \|\| this.set === '') {\n this.set = 'eui';\n } else {\n if (this.set === 'sharp' \|\| this.set === 'outline') {\n this.iconName = `${this.icon}-${this.set}`;\n } else {\n this.iconName = this.icon;\n }\n }\n }\n}\n","<ng-container ngIf=\"icon && !iconUrl && !isLoading\">\n <ng-container ngTemplateOutlet=\"default\"></ng-container>\n</ng-container>\n<ng-container ngIf=\"iconUrl\">\n <ng-container ngTemplateOutlet=\"custom\"></ng-container>\n</ng-container>\n<ng-container ngIf=\"isLoading\">\n <ng-container ngTemplateOutlet=\"loading\"></ng-container>\n</ng-container>\n\n<ng-template #default>\n <svg\n [ngClass]=\"getCssClasses()\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby \|\| null\"\n [attr.role]=\"role \|\| 'img'\"\n [attr.focusable]=\"focusable\">\n <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n </svg>\n <ng-content></ng-content>\n <span class=\"eui-icon-svg__badge\">\n <ng-content select=\"eui-badge\"></ng-content>\n </span>\n</ng-template>\n\n<ng-template #custom>\n <svg\n [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\"\n [attr.style]=\"style ? style : null\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby \|\| null\"\n [attr.role]=\"role \|\| 'img'\"\n [attr.focusable]=\"focusable\">\n <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n </svg>\n</ng-template>\n\n<ng-template #loading>\n <eui-icon-svg icon=\"eui-home\" [size]=\"size\" fillColor=\"transparent\" class=\"eui-icon-svg--loading\"></eui-icon-svg>\n <ng-content></ng-content>\n</ng-template>\n","import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n selector: 'eui-icon-colored, span[euiIconColored], [euiIconColored]',\n template: `\n <span [class]=\"iconClass\">\n <span ngFor=\"let pathNumber of paths\" class=\"path{{ pathNumber }}\"></span>\n </span>\n `,\n})\nexport class EuiIconColorComponent {\n public paths = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];\n\n @HostBinding('class')\n public get cssClasses(): string {\n return this.getCssClasses();\n }\n\n @Input() iconClass;\n\n getCssClasses(): string {\n return ['eui-icon eui-icon-color', this.iconClass ? this.iconClass : ''].join(' ').trim();\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconComponent } from './eui-icon.component';\nimport { EuiIconSvgComponent } from './eui-icon-svg.component';\nimport { EuiIconColorComponent } from './eui-icon-color.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent],\n declarations: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent],\n})\nexport class EuiIconModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"eui-components-eui-icon.mjs","sources":["../../eui-icon/eui-icon.component.ts","../../eui-icon/eui-icon-svg.component.ts","../../eui-icon/eui-icon-svg.component.html","../../eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.ts","../../eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.html","../../eui-icon/eui-icon-color.component.ts","../../eui-icon/eui-icon.module.ts","../../eui-icon/eui-components-eui-icon.ts"],"sourcesContent":["import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared/base';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon',\n template: '<ng-content></ng-content>',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconComponent extends BaseDirective {\n @HostBinding('class')\n public get cssClasses(): string {\n return this.getCssClasses();\n }\n @HostBinding('attr.role') role = 'img';\n @HostBinding('attr.aria-label')\n @Input('aria-label')\n public get ariaLabel(): string {\n return this._ariaLabel;\n }\n public set ariaLabel(value: string \| null) {\n this._ariaLabel = value;\n }\n\n @Input()\n get iconClass(): string {\n return this._iconClass;\n }\n set iconClass(value: string) {\n this._iconClass = value;\n }\n private _iconClass;\n\n @Input()\n get isLoading(): boolean {\n return this._isLoading;\n }\n set isLoading(value: BooleanInput) {\n this._isLoading = coerceBooleanProperty(value);\n }\n private _isLoading = false;\n\n protected _ariaLabel = 'eUI Icon';\n\n constructor() {\n super();\n }\n\n getCssClasses(): string {\n return [\n super.getCssClasses('eui-icon'),\n this.iconClass && !this.isLoading ? this.iconClass : '',\n this.isLoading ? 'eui-icon--loading' : '',\n ]\n .join(' ')\n .trim();\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n Input,\n HostBinding,\n OnInit,\n ViewEncapsulation,\n OnChanges,\n SimpleChanges,\n AfterContentInit,\n Inject,\n Optional,\n} from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared/base';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\nimport { EuiConfig } from '@eui/base';\n\n@Component({\n selector: 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]',\n templateUrl: './eui-icon-svg.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconSvgComponent extends BaseDirective implements AfterContentInit, OnChanges, OnInit {\n @HostBinding('attr.role') ariaRole = 'img';\n\n @Input() icon: string; // could be the form of \"icon:set\" to pass them both in a single input\n @Input() size: '2xs' \| 'xs' \| 's' \| 'm' \| 'l' \| 'xl' \| '2xl' \| '3xl' \| '4xl' = 'm';\n @Input() fillColor = 'grey-100';\n @Input() set = 'eui';\n @Input() ariaLabelledby: string;\n @Input() role: string;\n @Input() style = '';\n @Input() iconUrl: string;\n\n @Input() transform = '';\n @HostBinding('class')\n public get cssClasses(): string {\n return `eui-icon-svg eui-icon-svg--${this.transform}`;\n }\n\n @HostBinding('attr.aria-label')\n @Input('aria-label')\n public get ariaLabel(): string {\n return this._ariaLabel;\n }\n public set ariaLabel(value: string \| null) {\n this._ariaLabel = value;\n }\n protected _ariaLabel = 'eUI Icon';\n\n public iconName: string;\n public assetsBaseUrl = 'assets';\n\n @Input()\n get ariaHidden(): boolean {\n return this._ariaHidden;\n }\n set ariaHidden(value: BooleanInput) {\n this._ariaHidden = coerceBooleanProperty(value);\n }\n private _ariaHidden = true;\n\n @Input()\n get focusable(): boolean {\n return this._focusable;\n }\n set focusable(value: BooleanInput) {\n this._focusable = coerceBooleanProperty(value);\n }\n private _focusable = false;\n\n @Input()\n get isLoading(): boolean {\n return this._isLoading;\n }\n set isLoading(value: BooleanInput) {\n this._isLoading = coerceBooleanProperty(value);\n }\n private _isLoading = false;\n\n constructor(@Optional() @Inject(EUI_CONFIG_TOKEN) private config: EuiConfig) {\n super();\n }\n\n ngOnInit(): void {\n const assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl;\n if (assetsBaseUrl) {\n this.assetsBaseUrl = this.config.appConfig.global.eui.assetsBaseUrl;\n }\n if (this.isLoading) {\n this.set = 'eui';\n this.icon = 'eui-radio-button-off';\n this.fillColor = 'transparent';\n }\n }\n\n ngOnChanges(c: SimpleChanges): void {\n if (c && c.set) {\n if (c.set.currentValue !== c.set.previousValue) {\n this._setIconAndSet();\n }\n }\n\n if (c && c.icon) {\n if (c.icon.currentValue !== c.icon.previousValue) {\n this._setIconAndSet();\n }\n }\n }\n\n ngAfterContentInit(): void {\n this._setIconAndSet();\n }\n\n getCssClasses(): string {\n return [\n this.isLoading ? 'eui-icon-svg--loading' : '',\n this.transform ? `eui-icon-svg--${this.transform}` : '', // Needed for extra spacings adjustments\n `eui-sprite-${this.icon}`,\n `eui-icon-svg--color-${this.fillColor}`,\n `eui-icon-svg--size-${this.size}`,\n ]\n .join(' ')\n .trim();\n }\n\n private _setIconAndSet(): void {\n if (this.icon && this.icon.indexOf(':') > -1) {\n const iconSet = this.icon.split(':');\n this.icon = iconSet[0];\n this.set = iconSet[1];\n }\n\n if (!this.set \|\| this.set === '') {\n this.set = 'eui';\n } else {\n if (this.set === 'sharp' \|\| this.set === 'outline') {\n this.iconName = `${this.icon}-${this.set}`;\n } else {\n this.iconName = this.icon;\n }\n }\n }\n}\n","<ng-container ngIf=\"icon && !iconUrl && !isLoading\">\n <ng-container ngTemplateOutlet=\"default\"></ng-container>\n</ng-container>\n<ng-container ngIf=\"iconUrl\">\n <ng-container ngTemplateOutlet=\"custom\"></ng-container>\n</ng-container>\n<ng-container ngIf=\"isLoading\">\n <ng-container ngTemplateOutlet=\"loading\"></ng-container>\n</ng-container>\n\n<ng-template #default>\n <svg\n [ngClass]=\"getCssClasses()\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby \|\| null\"\n [attr.role]=\"role \|\| 'img'\"\n [attr.focusable]=\"focusable\">\n <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n </svg>\n <ng-content></ng-content>\n <!-- <span class=\"eui-icon-svg__badge\"> -->\n <ng-container ngTemplateOutlet=\"content\"></ng-container>\n <!-- <ng-content select=\"eui-badge\"></ng-content> -->\n <!-- </span> -->\n</ng-template>\n\n<ng-template #custom>\n <svg\n [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\"\n [attr.style]=\"style ? style : null\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.aria-labelledby]=\"ariaLabelledby \|\| null\"\n [attr.role]=\"role \|\| 'img'\"\n [attr.focusable]=\"focusable\">\n <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n </svg>\n</ng-template>\n\n<ng-template #loading>\n <eui-icon-svg icon=\"eui-home\" [size]=\"size\" fillColor=\"transparent\" class=\"eui-icon-svg--loading\"></eui-icon-svg>\n <ng-container ngTemplateOutlet=\"content\"></ng-container>\n <!-- <ng-content></ng-content> -->\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n","import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation } from '@angular/core';\nimport { coerceBoolean } from '@eui/base';\nimport { BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'eui-icon-svg-button',\n templateUrl: './eui-icon-svg-button.component.html',\n styleUrls: [ './eui-icon-svg-button.component.scss' ],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconSvgButtonComponent {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-icon-svg-button',\n this.hasFocusBorder ? 'eui-icon-svg-button--has-focus': '',\n this.hasNoPadding ? 'eui-icon-svg-button--has-no-padding': '',\n ]\n .join(' ')\n .trim();\n }\n @HostBinding('attr.tabindex') tabindex = -1;\n\n @Input() iconSvgName: string;\n @Input() iconSvgFillColor: string;\n @Input() iconSvgSize: '2xs' \| 'xs' \| 's' \| 'm' \| 'l' \| 'xl' \| '2xl' \| '3xl' \| '4xl' = 'm';\n @Input() ariaLabel: string;\n\n @Input()\n @coerceBoolean\n hasFocusBorder: BooleanInput = false;\n @Input()\n @coerceBoolean\n hasNoPadding: BooleanInput = false;\n\n @Output() buttonClick = new EventEmitter<Event>();\n\n onClick(event: Event): void {\n this.buttonClick.emit(event);\n }\n}\n","<button class=\"eui-icon-svg-button__button\"\n type=\"button\"\n (keydown.enter)=\"onClick($event)\"\n (keydown.backspace)=\"onClick($event)\"\n (click)=\"onClick($event)\"\n [attr.aria-label]=\"ariaLabel\">\n <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\" [size]=\"iconSvgSize\" class=\"eui-icon-svg-button__button-icon\">\n <ng-content select=\"eui-badge\"></ng-content>\n </eui-icon-svg>\n</button>\n","import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n selector: 'eui-icon-colored, span[euiIconColored], [euiIconColored]',\n template: `\n <span [class]=\"iconClass\">\n <span ngFor=\"let pathNumber of paths\" class=\"path{{ pathNumber }}\"></span>\n </span>\n `,\n})\nexport class EuiIconColorComponent {\n public paths = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];\n\n @HostBinding('class')\n public get cssClasses(): string {\n return this.getCssClasses();\n }\n\n @Input() iconClass;\n\n getCssClasses(): string {\n return ['eui-icon eui-icon-color', this.iconClass ? this.iconClass : ''].join(' ').trim();\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconComponent } from './eui-icon.component';\nimport { EuiIconSvgComponent } from './eui-icon-svg.component';\nimport { EuiIconColorComponent } from './eui-icon-color.component';\nimport { EuiIconSvgButtonComponent } from './eui-icon-svg-button/eui-icon-svg-button.component';\n@NgModule({\n imports: [CommonModule],\n exports: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent, EuiIconSvgButtonComponent],\n declarations: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent, EuiIconSvgButtonComponent],\n})\nexport class EuiIconModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i1.EuiIconSvgComponent"],"mappings":"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"}