npm - @eui/components - Versions diffs - 18.0.0-next.63 → 18.0.0-next.64 - Mend

@eui/components 18.0.0-next.63 → 18.0.0-next.64

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 (143) hide show

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../eui-growl/eui-growl.component.ts", "../../eui-growl/eui-growl.component.html", "../../eui-growl/eui-growl.module.ts"],
-  "sourcesContent": ["import {\n    booleanAttribute,\n    Component,\n    DoCheck,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Input,\n    IterableDiffer,\n    IterableDiffers,\n    OnDestroy,\n    Output,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { EuiGrowlMessage } from '@eui/base';\n\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({ transform: booleanAttribute }) sticky = false;\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    @HostBinding('class')\n    get cssClasses(): string {\n        return ['eui-growl', `eui-growl--${this.position}`].join(' ').trim();\n    }\n    @Input() position: string;\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-growl';\n    @Output() growlClick: EventEmitter<void> = new EventEmitter<void>();\n    @Input() closeAllSticky = false;\n\n    @HostBinding('attr.role')\n    protected role = 'region';\n    @HostBinding('attr.aria-live')\n    protected ariaLive= 'polite';\n    private differ: IterableDiffer<EuiGrowlMessage>;\n\n    constructor(\n        public el: ElementRef,\n        differs: IterableDiffers,\n    ) {\n        this.differ = differs.find([]).create(undefined);\n    }\n\n    ngDoCheck(): void {\n        const changes = this.differ.diff(this.value);\n\n        if (changes) {\n            // clear timeout in queue to avoid memory leak\n            changes.forEachRemovedItem(({ item }) => clearTimeout(item?.timeout));\n            // for newly added items create timeout if they are not sticky\n            changes.forEachAddedItem(({ item }) => this.createRemovalTimeout(item));\n        }\n    }\n\n    /**\n     * @param msg The text message to appear in the container\n     */\n    remove(msg: EuiGrowlMessage): void;\n    /**\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    @HostListener('click')\n    onClick(): void {\n        this.growlClick.emit();\n    }\n\n    /**\n     * check whether sticky growls are greater than two\n     */\n    isGrowlMoreThanTwo(): boolean {\n        return this.value.filter((m) => m.sticky).length > 2;\n    }\n\n    /**\n     * Removes all growl messages from the stack\n     *\n     * @param 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    #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 eui--info': msg.severity === 'info',\n        'eui-growl-item-container--warning eui--warning': msg.severity === 'warning',\n        'eui-growl-item-container--danger eui--danger': msg.severity === 'danger',\n        'eui-growl-item-container--success eui--success': msg.severity === 'success',\n        'eui-growl--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-button\n            (click)=\"remove(msg)\"\n            icon=\"eui-close\"\n            ariaLabel=\"Close growl icon\"\n            class=\"eui-growl-item-close\">\n        </eui-icon-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", "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"],
+  "sourcesContent": ["import {\n    booleanAttribute,\n    Component,\n    DoCheck,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Input,\n    IterableDiffer,\n    IterableDiffers,\n    OnDestroy,\n    Output,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { EuiGrowlMessage } from '@eui/base';\n\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({ transform: booleanAttribute }) sticky = false;\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    @HostBinding('class')\n    get cssClasses(): string {\n        return ['eui-growl', `eui-growl--${this.position}`].join(' ').trim();\n    }\n    @Input() position: string;\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-growl';\n    @Output() growlClick: EventEmitter<void> = new EventEmitter<void>();\n    @Input() closeAllSticky = false;\n\n    @HostBinding('attr.role')\n    protected role = 'region';\n    @HostBinding('attr.aria-live')\n    protected ariaLive= 'polite';\n    private differ: IterableDiffer<EuiGrowlMessage>;\n\n    constructor(\n        public el: ElementRef,\n        differs: IterableDiffers,\n    ) {\n        this.differ = differs.find([]).create(undefined);\n    }\n\n    ngDoCheck(): void {\n        const changes = this.differ.diff(this.value);\n\n        if (changes) {\n            // clear timeout in queue to avoid memory leak\n            changes.forEachRemovedItem(({ item }) => clearTimeout(item?.timeout));\n            // for newly added items create timeout if they are not sticky\n            changes.forEachAddedItem(({ item }) => this.createRemovalTimeout(item));\n        }\n    }\n\n    /**\n     * @param msg The text message to appear in the container\n     */\n    remove(msg: EuiGrowlMessage): void;\n    /**\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    @HostListener('click')\n    onClick(): void {\n        this.growlClick.emit();\n    }\n\n    /**\n     * check whether sticky growls are greater than two\n     */\n    isGrowlMoreThanTwo(): boolean {\n        return this.value.filter((m) => m.sticky).length > 2;\n    }\n\n    /**\n     * Removes all growl messages from the stack\n     *\n     * @param 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    #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 eui--info': msg.severity === 'info',\n        'eui-growl-item-container--warning eui--warning': msg.severity === 'warning',\n        'eui-growl-item-container--danger eui--danger': msg.severity === 'danger',\n        'eui-growl-item-container--success eui--success': msg.severity === 'success',\n        'eui-growl--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-button\n            (click)=\"remove(msg)\"\n            icon=\"eui-ecl-close\"\n            ariaLabel=\"Close growl icon\"\n            class=\"eui-growl-item-close\">\n        </eui-icon-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", "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"],
   "mappings": "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",
   "names": []
 }

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

@@ -150,7 +150,7 @@ var EuiIconSvgComponent = class _EuiIconSvgComponent {
 <ng-template #content>
     <ng-content></ng-content>
 </ng-template>
-`, styles: ['.eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-blog,.eui-icon-svg .eui-sprite-eui-ecl-email{color:#0e47cb;fill:#0e47cb}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-rss{color:#f26522;fill:#f26522}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-sms{color:#004494;fill:#004494}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--start{margin-right:var(--eui-s-s)}.eui-icon-svg--end{margin-left:var(--eui-s-s)}.eui-icon-svg--input-icon{position:absolute}.eui-icon-svg--input-icon.eui-icon-svg--start{left:var(--eui-s-2xl)}.eui-icon-svg--input-icon.eui-icon-svg--end{right:var(--eui-s-2xl)}.eui-icon-svg--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:"";position:absolute;min-height:var(--eui-s-l);min-width:var(--eui-s-l);height:100%;width:100%}.eui-icon-svg--loading:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.25);border-radius:var(--eui-br-max)}.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:var(--eui-br-max);border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-s-m);width:var(--eui-s-m)}.eui-icon-svg.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.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{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scaleY(-1)}.eui-icon-svg.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{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.eui-icon-svg svg{color:var(--eui-c-neutral-light);fill:var(--eui-c-neutral-light)}.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--primary-dark .eui-icon-svg svg{color:var(--eui-c-primary-dark-contrast);fill:var(--eui-c-primary-dark-contrast)}.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--info .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--info-dark .eui-icon-svg svg{color:var(--eui-c-info-dark-contrast);fill:var(--eui-c-info-dark-contrast)}.eui--success .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--success-dark .eui-icon-svg svg{color:var(--eui-c-success-dark-contrast);fill:var(--eui-c-success-dark-contrast)}.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--warning-dark .eui-icon-svg svg{color:var(--eui-c-warning-dark-contrast);fill:var(--eui-c-warning-dark-contrast)}.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--danger-dark .eui-icon-svg svg{color:var(--eui-c-danger-dark-contrast);fill:var(--eui-c-danger-dark-contrast)}.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--accent-dark .eui-icon-svg svg{color:var(--eui-c-accent-dark-contrast);fill:var(--eui-c-accent-dark-contrast)}.eui--outline.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--outline.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--outline.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--outline.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--outline.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--outline.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--outline.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--outline.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning);fill:var(--eui-c-warning)}.eui--outline.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--outline.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--outline.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--outline.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent);fill:var(--eui-c-accent)}.eui--outline.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--basic.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--basic.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--basic.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--basic.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--basic.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--basic.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg--contrast);fill:var(--eui-c-info-bg--contrast)}.eui--basic.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--basic.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg--contrast);fill:var(--eui-c-success-bg--contrast)}.eui--basic.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning);fill:var(--eui-c-warning)}.eui--basic.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg--contrast);fill:var(--eui-c-warning-bg--contrast)}.eui--basic.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--basic.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg--contrast);fill:var(--eui-c-danger-bg--contrast)}.eui--basic.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent);fill:var(--eui-c-accent)}.eui--basic.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-bg--contrast);fill:var(--eui-c-accent-bg--contrast)}.eui-icon-svg--loading.eui-icon-svg--size-s:before,.eui-icon-svg--loading.eui-icon-svg--size-s:after{min-height:var(--eui-s-m);min-width:var(--eui-s-m)}.eui-icon-svg--loading.eui-icon-svg--size-l:before,.eui-icon-svg--loading.eui-icon-svg--size-l:after{min-height:var(--eui-s-xl);min-width:var(--eui-s-xl)}.eui-icon-svg--loading.eui-icon-svg--size-xl:before,.eui-icon-svg--loading.eui-icon-svg--size-xl:after{min-height:var(--eui-s-2xl);min-width:var(--eui-s-2xl)}.eui-icon-svg--loading.eui-icon-svg--size-2xl:before,.eui-icon-svg--loading.eui-icon-svg--size-2xl:after{min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+`, styles: ['.eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--start{margin-right:var(--eui-s-s)}.eui-icon-svg--end{margin-left:var(--eui-s-s)}.eui-icon-svg--input-icon{position:absolute}.eui-icon-svg--input-icon.eui-icon-svg--start{left:var(--eui-s-2xl)}.eui-icon-svg--input-icon.eui-icon-svg--end{right:var(--eui-s-2xl)}.eui-icon-svg--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:"";position:absolute;min-height:var(--eui-s-l);min-width:var(--eui-s-l);height:100%;width:100%}.eui-icon-svg--loading:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.25);border-radius:var(--eui-br-max)}.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:var(--eui-br-max);border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-s-m);width:var(--eui-s-m)}.eui-icon-svg.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.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{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scaleY(-1)}.eui-icon-svg.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{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.eui-icon-svg svg{color:var(--eui-c-neutral-light);fill:var(--eui-c-neutral-light)}.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--primary-dark .eui-icon-svg svg{color:var(--eui-c-primary-dark-contrast);fill:var(--eui-c-primary-dark-contrast)}.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--info .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--info-dark .eui-icon-svg svg{color:var(--eui-c-info-dark-contrast);fill:var(--eui-c-info-dark-contrast)}.eui--success .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--success-dark .eui-icon-svg svg{color:var(--eui-c-success-dark-contrast);fill:var(--eui-c-success-dark-contrast)}.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--warning-dark .eui-icon-svg svg{color:var(--eui-c-warning-dark-contrast);fill:var(--eui-c-warning-dark-contrast)}.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--danger-dark .eui-icon-svg svg{color:var(--eui-c-danger-dark-contrast);fill:var(--eui-c-danger-dark-contrast)}.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--accent-dark .eui-icon-svg svg{color:var(--eui-c-accent-dark-contrast);fill:var(--eui-c-accent-dark-contrast)}.eui--outline.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--outline.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--outline.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--outline.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--outline.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--outline.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--outline.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--outline.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning);fill:var(--eui-c-warning)}.eui--outline.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--outline.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--outline.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--outline.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent);fill:var(--eui-c-accent)}.eui--outline.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--basic.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--basic.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--basic.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--basic.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--basic.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--basic.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg--contrast);fill:var(--eui-c-info-bg--contrast)}.eui--basic.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--basic.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg--contrast);fill:var(--eui-c-success-bg--contrast)}.eui--basic.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning);fill:var(--eui-c-warning)}.eui--basic.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg--contrast);fill:var(--eui-c-warning-bg--contrast)}.eui--basic.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--basic.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg--contrast);fill:var(--eui-c-danger-bg--contrast)}.eui--basic.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent);fill:var(--eui-c-accent)}.eui--basic.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-bg--contrast);fill:var(--eui-c-accent-bg--contrast)}.eui-icon-svg--loading.eui-icon-svg--size-s:before,.eui-icon-svg--loading.eui-icon-svg--size-s:after{min-height:var(--eui-s-m);min-width:var(--eui-s-m)}.eui-icon-svg--loading.eui-icon-svg--size-l:before,.eui-icon-svg--loading.eui-icon-svg--size-l:after{min-height:var(--eui-s-xl);min-width:var(--eui-s-xl)}.eui-icon-svg--loading.eui-icon-svg--size-xl:before,.eui-icon-svg--loading.eui-icon-svg--size-xl:after{min-height:var(--eui-s-2xl);min-width:var(--eui-s-2xl)}.eui-icon-svg--loading.eui-icon-svg--size-2xl:before,.eui-icon-svg--loading.eui-icon-svg--size-2xl:after{min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiIconSvgComponent, decorators: [{
@@ -210,7 +210,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
 <ng-template #content>
     <ng-content></ng-content>
 </ng-template>
-`, styles: ['.eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-blog,.eui-icon-svg .eui-sprite-eui-ecl-email{color:#0e47cb;fill:#0e47cb}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-rss{color:#f26522;fill:#f26522}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-sms{color:#004494;fill:#004494}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--start{margin-right:var(--eui-s-s)}.eui-icon-svg--end{margin-left:var(--eui-s-s)}.eui-icon-svg--input-icon{position:absolute}.eui-icon-svg--input-icon.eui-icon-svg--start{left:var(--eui-s-2xl)}.eui-icon-svg--input-icon.eui-icon-svg--end{right:var(--eui-s-2xl)}.eui-icon-svg--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:"";position:absolute;min-height:var(--eui-s-l);min-width:var(--eui-s-l);height:100%;width:100%}.eui-icon-svg--loading:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.25);border-radius:var(--eui-br-max)}.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:var(--eui-br-max);border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-s-m);width:var(--eui-s-m)}.eui-icon-svg.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.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{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scaleY(-1)}.eui-icon-svg.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{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.eui-icon-svg svg{color:var(--eui-c-neutral-light);fill:var(--eui-c-neutral-light)}.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--primary-dark .eui-icon-svg svg{color:var(--eui-c-primary-dark-contrast);fill:var(--eui-c-primary-dark-contrast)}.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--info .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--info-dark .eui-icon-svg svg{color:var(--eui-c-info-dark-contrast);fill:var(--eui-c-info-dark-contrast)}.eui--success .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--success-dark .eui-icon-svg svg{color:var(--eui-c-success-dark-contrast);fill:var(--eui-c-success-dark-contrast)}.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--warning-dark .eui-icon-svg svg{color:var(--eui-c-warning-dark-contrast);fill:var(--eui-c-warning-dark-contrast)}.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--danger-dark .eui-icon-svg svg{color:var(--eui-c-danger-dark-contrast);fill:var(--eui-c-danger-dark-contrast)}.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--accent-dark .eui-icon-svg svg{color:var(--eui-c-accent-dark-contrast);fill:var(--eui-c-accent-dark-contrast)}.eui--outline.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--outline.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--outline.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--outline.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--outline.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--outline.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--outline.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--outline.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning);fill:var(--eui-c-warning)}.eui--outline.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--outline.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--outline.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--outline.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent);fill:var(--eui-c-accent)}.eui--outline.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--basic.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--basic.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--basic.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--basic.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--basic.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--basic.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg--contrast);fill:var(--eui-c-info-bg--contrast)}.eui--basic.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--basic.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg--contrast);fill:var(--eui-c-success-bg--contrast)}.eui--basic.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning);fill:var(--eui-c-warning)}.eui--basic.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg--contrast);fill:var(--eui-c-warning-bg--contrast)}.eui--basic.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--basic.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg--contrast);fill:var(--eui-c-danger-bg--contrast)}.eui--basic.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent);fill:var(--eui-c-accent)}.eui--basic.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-bg--contrast);fill:var(--eui-c-accent-bg--contrast)}.eui-icon-svg--loading.eui-icon-svg--size-s:before,.eui-icon-svg--loading.eui-icon-svg--size-s:after{min-height:var(--eui-s-m);min-width:var(--eui-s-m)}.eui-icon-svg--loading.eui-icon-svg--size-l:before,.eui-icon-svg--loading.eui-icon-svg--size-l:after{min-height:var(--eui-s-xl);min-width:var(--eui-s-xl)}.eui-icon-svg--loading.eui-icon-svg--size-xl:before,.eui-icon-svg--loading.eui-icon-svg--size-xl:after{min-height:var(--eui-s-2xl);min-width:var(--eui-s-2xl)}.eui-icon-svg--loading.eui-icon-svg--size-2xl:before,.eui-icon-svg--loading.eui-icon-svg--size-2xl:after{min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}\n'] }]
+`, styles: ['.eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--start{margin-right:var(--eui-s-s)}.eui-icon-svg--end{margin-left:var(--eui-s-s)}.eui-icon-svg--input-icon{position:absolute}.eui-icon-svg--input-icon.eui-icon-svg--start{left:var(--eui-s-2xl)}.eui-icon-svg--input-icon.eui-icon-svg--end{right:var(--eui-s-2xl)}.eui-icon-svg--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:"";position:absolute;min-height:var(--eui-s-l);min-width:var(--eui-s-l);height:100%;width:100%}.eui-icon-svg--loading:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.25);border-radius:var(--eui-br-max)}.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:var(--eui-br-max);border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-s-m);width:var(--eui-s-m)}.eui-icon-svg.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.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{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scaleY(-1)}.eui-icon-svg.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{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.eui-icon-svg svg{color:var(--eui-c-neutral-light);fill:var(--eui-c-neutral-light)}.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--primary-dark .eui-icon-svg svg{color:var(--eui-c-primary-dark-contrast);fill:var(--eui-c-primary-dark-contrast)}.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--info .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--info-dark .eui-icon-svg svg{color:var(--eui-c-info-dark-contrast);fill:var(--eui-c-info-dark-contrast)}.eui--success .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--success-dark .eui-icon-svg svg{color:var(--eui-c-success-dark-contrast);fill:var(--eui-c-success-dark-contrast)}.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--warning-dark .eui-icon-svg svg{color:var(--eui-c-warning-dark-contrast);fill:var(--eui-c-warning-dark-contrast)}.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--danger-dark .eui-icon-svg svg{color:var(--eui-c-danger-dark-contrast);fill:var(--eui-c-danger-dark-contrast)}.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--accent-dark .eui-icon-svg svg{color:var(--eui-c-accent-dark-contrast);fill:var(--eui-c-accent-dark-contrast)}.eui--outline.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--outline.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--outline.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--outline.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--outline.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--outline.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--outline.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--outline.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning);fill:var(--eui-c-warning)}.eui--outline.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--outline.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--outline.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--outline.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent);fill:var(--eui-c-accent)}.eui--outline.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--basic.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--basic.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--basic.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--basic.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--basic.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--basic.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg--contrast);fill:var(--eui-c-info-bg--contrast)}.eui--basic.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--basic.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg--contrast);fill:var(--eui-c-success-bg--contrast)}.eui--basic.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning);fill:var(--eui-c-warning)}.eui--basic.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg--contrast);fill:var(--eui-c-warning-bg--contrast)}.eui--basic.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--basic.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg--contrast);fill:var(--eui-c-danger-bg--contrast)}.eui--basic.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent);fill:var(--eui-c-accent)}.eui--basic.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-bg--contrast);fill:var(--eui-c-accent-bg--contrast)}.eui-icon-svg--loading.eui-icon-svg--size-s:before,.eui-icon-svg--loading.eui-icon-svg--size-s:after{min-height:var(--eui-s-m);min-width:var(--eui-s-m)}.eui-icon-svg--loading.eui-icon-svg--size-l:before,.eui-icon-svg--loading.eui-icon-svg--size-l:after{min-height:var(--eui-s-xl);min-width:var(--eui-s-xl)}.eui-icon-svg--loading.eui-icon-svg--size-xl:before,.eui-icon-svg--loading.eui-icon-svg--size-xl:after{min-height:var(--eui-s-2xl);min-width:var(--eui-s-2xl)}.eui-icon-svg--loading.eui-icon-svg--size-2xl:before,.eui-icon-svg--loading.eui-icon-svg--size-2xl:after{min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}\n'] }]
 }], ctorParameters: () => [{ type: void 0, decorators: [{
   type: Optional
 }, {
@@ -355,16 +355,16 @@ var EuiIconButtonExpanderComponent = class _EuiIconButtonExpanderComponent {
     (click)="onClick($event)">
     @if (fillColor) {
         @if (isDirectionForward) {
-            <eui-icon-svg icon="eui-chevron-forward" fillColor="{{fillColor}}" size="{{size}}"></eui-icon-svg>
+            <eui-icon-svg icon="chevron-forward:sharp" fillColor="{{fillColor}}" size="{{size}}"></eui-icon-svg>
         } @else {
-            <eui-icon-svg icon="eui-chevron-down" fillColor="{{fillColor}}" size="{{size}}"></eui-icon-svg>
+            <eui-icon-svg icon="chevron-down:sharp" fillColor="{{fillColor}}" size="{{size}}"></eui-icon-svg>
         }
     } @else {
         @if (isDirectionForward) {
-            <eui-icon-svg icon="eui-chevron-forward" size="{{size}}"></eui-icon-svg>
+            <eui-icon-svg icon="chevron-forward:sharp" size="{{size}}"></eui-icon-svg>
         } @else {
-            <eui-icon-svg icon="eui-chevron-down" size="{{size}}"></eui-icon-svg>
+            <eui-icon-svg icon="chevron-down:sharp" size="{{size}}"></eui-icon-svg>
         }
     }
 </button>
@@ -383,16 +383,16 @@ i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", n
     (click)="onClick($event)">
     @if (fillColor) {
         @if (isDirectionForward) {
-            <eui-icon-svg icon="eui-chevron-forward" fillColor="{{fillColor}}" size="{{size}}"></eui-icon-svg>
+            <eui-icon-svg icon="chevron-forward:sharp" fillColor="{{fillColor}}" size="{{size}}"></eui-icon-svg>
         } @else {
-            <eui-icon-svg icon="eui-chevron-down" fillColor="{{fillColor}}" size="{{size}}"></eui-icon-svg>
+            <eui-icon-svg icon="chevron-down:sharp" fillColor="{{fillColor}}" size="{{size}}"></eui-icon-svg>
         }
     } @else {
         @if (isDirectionForward) {
-            <eui-icon-svg icon="eui-chevron-forward" size="{{size}}"></eui-icon-svg>
+            <eui-icon-svg icon="chevron-forward:sharp" size="{{size}}"></eui-icon-svg>
         } @else {
-            <eui-icon-svg icon="eui-chevron-down" size="{{size}}"></eui-icon-svg>
+            <eui-icon-svg icon="chevron-down:sharp" size="{{size}}"></eui-icon-svg>
         }
     }
 </button>

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../eui-icon/eui-icon-svg.component.ts", "../../eui-icon/eui-icon-svg.component.html", "../../eui-icon/eui-icon-button/eui-icon-button.component.ts", "../../eui-icon/eui-icon-button/eui-icon-button.component.html", "../../eui-icon/eui-icon-button-expander/eui-icon-button-expander.component.ts", "../../eui-icon/eui-icon-button-expander/eui-icon-button-expander.component.html", "../../eui-icon/eui-icon-input/eui-icon-input.component.ts", "../../eui-icon/eui-icon-input/eui-icon-input.component.html", "../../eui-icon/eui-icon-color.component.ts", "../../eui-icon/eui-icon.module.ts"],
-  "sourcesContent": ["import {\n    ChangeDetectionStrategy,\n    Component,\n    Input,\n    HostBinding,\n    OnInit,\n    ViewEncapsulation,\n    OnChanges,\n    SimpleChanges,\n    AfterContentInit,\n    Inject,\n    Optional,\n    booleanAttribute,\n} from '@angular/core';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\nimport { EuiConfig } from '@eui/base';\nimport { BaseStatesDirective } from '@eui/components/shared';\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    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiSizeVariant',\n            ],\n        },\n    ],\n})\nexport class EuiIconSvgComponent 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() fillColor;\n    @Input() set = 'eui';\n    @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | string = 'm';\n    /** @deprecated will be removed in eUI18 as it is ignored by screen readers */\n    @Input() ariaLabelledby: string;\n    /** @deprecated will be removed in eUI18 as the host role attribute is announced */\n    @Input() role: string;\n    @Input() style = '';\n    @Input() iconUrl: string;\n    @Input() transform = '';\n\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            // Always refer to the baseStatesDirective\n            this.baseStatesDirective.getCssClasses('eui-icon-svg'),\n            this.transform ? `eui-icon-svg--${this.transform}` : '',\n\n            // own cmp state => reflected with the scss states\n            this.euiStart ? 'eui-icon-svg--start' : '',\n            this.euiEnd ? 'eui-icon-svg--end' : '',\n            this.isInputIcon ? 'eui-icon-svg--input-icon': '',\n            this.isLoading ? `eui-icon-svg--loading eui-icon-svg--size-${this.size}`: '',\n        ]\n            .join(' ')\n            .trim();\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    public iconStyle;\n\n    @Input({ transform: booleanAttribute }) ariaHidden = true;\n    @Input({ transform: booleanAttribute }) focusable = false;\n    @Input({ transform: booleanAttribute }) isLoading = false;\n    @Input({ transform: booleanAttribute }) isInputIcon = false;\n\n    @Input({ transform: booleanAttribute }) euiStart = false;\n    @Input({ transform: booleanAttribute }) euiEnd = false;\n\n    constructor(\n        @Optional() @Inject(EUI_CONFIG_TOKEN) private config: EuiConfig,\n        public baseStatesDirective: BaseStatesDirective,\n    ) {\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        if (c && c.size) {\n            if (c.size.currentValue !== c.size.previousValue) {\n                this._setStyle();\n            }\n        }\n        if (c && c.fillColor) {\n            if (c.fillColor.currentValue !== c.fillColor.previousValue) {\n                this._setStyle();\n            }\n        }\n\n        if (c && c.size && this.baseStatesDirective.euiSizeVariant) {\n            this.size = this.baseStatesDirective.euiSizeVariant;\n            this._setStyle();\n        }\n\n        if (c && this.baseStatesDirective.euiSizeVariant) {\n            this.size = this.baseStatesDirective.euiSizeVariant;\n            this._setStyle();\n        }\n    }\n\n    ngAfterContentInit(): void {\n        this._setIconAndSet();\n        this._setStyle();\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    private _setStyle(): void {\n        let fill = '';\n        if (this.fillColor) {\n            fill = `fill: var(--eui-c-${this.fillColor}); color: var(--eui-c-${this.fillColor});`;\n        }\n        const height = `height: var(--eui-is-${this.size});`;\n        const width = `width: var(--eui-is-${this.size});`;\n        this.iconStyle = `${fill} ${height} ${width}`;\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\n<ng-template #default>\n    <svg\n        class=\"eui-sprite-{{icon}}\"\n        [class.eui-icon-svg--loading]=\"isLoading\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || 'img'\"\n        [attr.focusable]=\"focusable\"\n        attr.style=\"{{iconStyle}}\">\n        <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n    </svg>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #custom>\n    <svg class=\"eui-icon-svg\"\n        attr.style=\"{{iconStyle}} {{style}}\"\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'\" attr.style=\"{{iconStyle}} {{style}}\"></image>\n    </svg>\n</ng-template>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", "import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation, booleanAttribute } from '@angular/core';\n\n@Component({\n    selector: 'eui-icon-button',\n    templateUrl: './eui-icon-button.component.html',\n    styleUrls: [ './eui-icon-button.component.scss' ],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconButtonComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-icon-button',\n            this.hasFocusBorder ? 'eui-icon-button--has-focus': '',\n            this.hasNoPadding ? 'eui-icon-button--has-no-padding': '',\n        ]\n            .join(' ')\n            .trim();\n    }\n    @HostBinding('attr.tabindex') tabindex = -1;\n\n    @Input() icon: string;\n    @Input() fillColor: string;\n    @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n    @Input() ariaLabel: string;\n\n    @Input({ transform: booleanAttribute }) hasFocusBorder = false;\n    @Input({ transform: booleanAttribute }) hasNoPadding = 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-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]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n        <ng-content select=\"eui-badge\"></ng-content>\n    </eui-icon-svg>\n</button>\n", "import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation, booleanAttribute, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n    selector: 'eui-icon-button-expander',\n    templateUrl: './eui-icon-button-expander.component.html',\n    styleUrls: [ './eui-icon-button-expander.component.scss' ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiIconButtonExpanderComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-icon-button-expander',\n            this.isDirectionForward ? 'eui-icon-button-expander--direction-forward': '',\n        ].join(' ').trim();\n    }\n    // @HostBinding('attr.tabindex') tabindex = -1;\n\n    @Input() fillColor: string;\n    @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n    @Input() ariaLabel: string;\n\n    @Input({ transform: booleanAttribute }) isExpanded = false;\n    @Input({ transform: booleanAttribute }) isDirectionForward = false;\n    // TODO handle disabled attr (see button implementation)\n    @Input({ transform: booleanAttribute }) euiDisabled = false;\n\n    @Output() buttonClick = new EventEmitter<Event>();\n\n    onClick(event: Event): void {\n        this.buttonClick.emit(event);\n    }\n}\n", "<button\n    type=\"button\"\n    class=\"eui-icon-button-expander-toggle\"\n    [class.eui-icon-button-expander-toggle--expanded]=\"isExpanded\"\n    [attr.aria-label]=\"!isExpanded ? 'expanded' : 'collapsed'\"\n    [attr.aria-expanded]=\"isExpanded\"\n    aria-controls=\"expander-content\"\n    (click)=\"onClick($event)\">\n    @if (fillColor) {\n        @if (isDirectionForward) {\n            <eui-icon-svg icon=\"eui-chevron-forward\" fillColor=\"{{fillColor}}\" size=\"{{size}}\"></eui-icon-svg>\n        } @else {\n            <eui-icon-svg icon=\"eui-chevron-down\" fillColor=\"{{fillColor}}\" size=\"{{size}}\"></eui-icon-svg>\n        }\n\n    } @else {\n        @if (isDirectionForward) {\n            <eui-icon-svg icon=\"eui-chevron-forward\" size=\"{{size}}\"></eui-icon-svg>\n        } @else {\n            <eui-icon-svg icon=\"eui-chevron-down\" size=\"{{size}}\"></eui-icon-svg>\n        }\n    }\n</button>\n", "import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation, booleanAttribute } from '@angular/core';\n\n@Component({\n    selector: 'eui-icon-input',\n    templateUrl: './eui-icon-input.component.html',\n    styleUrls: [ './eui-icon-input.component.scss' ],\n})\nexport class EuiIconInputComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-icon-input',\n            this.euiIconPositionStart && !this.euiIconPositionEnd ? 'eui-icon-input--start' : '',\n            this.euiIconPositionEnd ? 'eui-icon-input--end' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @Input({ transform: booleanAttribute }) euiIconPositionStart = true;\n    @Input({ transform: booleanAttribute }) euiIconPositionEnd = false;\n}\n", "<span class=\"eui-icon-input-wrapper\">\n    <span class=\"eui-icon-input__content\">\n        <ng-content></ng-content>\n    </span>\n    <span class=\"eui-icon-input__icon\">\n        <ng-content select=\"eui-icon-svg\"></ng-content>\n        <ng-content select=\"eui-button\"></ng-content>\n    </span>\n</span>\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 { EuiIconSvgComponent } from './eui-icon-svg.component';\nimport { EuiIconColorComponent } from './eui-icon-color.component';\nimport { EuiIconButtonComponent } from './eui-icon-button/eui-icon-button.component';\nimport { EuiIconButtonExpanderComponent } from './eui-icon-button-expander/eui-icon-button-expander.component';\nimport { EuiIconInputComponent } from './eui-icon-input/eui-icon-input.component';\n\nconst CMP = [\n    EuiIconSvgComponent,\n    EuiIconColorComponent,\n    EuiIconButtonComponent,\n    EuiIconButtonExpanderComponent,\n    EuiIconInputComponent,\n];\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [...CMP],\n    exports: [...CMP],\n})\nexport class EuiIconModule {}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n    ChangeDetectionStrategy,\n    Component,\n    Input,\n    HostBinding,\n    OnInit,\n    ViewEncapsulation,\n    OnChanges,\n    SimpleChanges,\n    AfterContentInit,\n    Inject,\n    Optional,\n    booleanAttribute,\n} from '@angular/core';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\nimport { EuiConfig } from '@eui/base';\nimport { BaseStatesDirective } from '@eui/components/shared';\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    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n\n                'euiSizeXS',\n                'euiSizeS',\n                'euiSizeM',\n                'euiSizeL',\n                'euiSizeXL',\n                'euiSizeVariant',\n            ],\n        },\n    ],\n})\nexport class EuiIconSvgComponent 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() fillColor;\n    @Input() set = 'eui';\n    @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | string = 'm';\n    /** @deprecated will be removed in eUI18 as it is ignored by screen readers */\n    @Input() ariaLabelledby: string;\n    /** @deprecated will be removed in eUI18 as the host role attribute is announced */\n    @Input() role: string;\n    @Input() style = '';\n    @Input() iconUrl: string;\n    @Input() transform = '';\n\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [\n            // Always refer to the baseStatesDirective\n            this.baseStatesDirective.getCssClasses('eui-icon-svg'),\n            this.transform ? `eui-icon-svg--${this.transform}` : '',\n\n            // own cmp state => reflected with the scss states\n            this.euiStart ? 'eui-icon-svg--start' : '',\n            this.euiEnd ? 'eui-icon-svg--end' : '',\n            this.isInputIcon ? 'eui-icon-svg--input-icon': '',\n            this.isLoading ? `eui-icon-svg--loading eui-icon-svg--size-${this.size}`: '',\n        ]\n            .join(' ')\n            .trim();\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    public iconStyle;\n\n    @Input({ transform: booleanAttribute }) ariaHidden = true;\n    @Input({ transform: booleanAttribute }) focusable = false;\n    @Input({ transform: booleanAttribute }) isLoading = false;\n    @Input({ transform: booleanAttribute }) isInputIcon = false;\n\n    @Input({ transform: booleanAttribute }) euiStart = false;\n    @Input({ transform: booleanAttribute }) euiEnd = false;\n\n    constructor(\n        @Optional() @Inject(EUI_CONFIG_TOKEN) private config: EuiConfig,\n        public baseStatesDirective: BaseStatesDirective,\n    ) {\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        if (c && c.size) {\n            if (c.size.currentValue !== c.size.previousValue) {\n                this._setStyle();\n            }\n        }\n        if (c && c.fillColor) {\n            if (c.fillColor.currentValue !== c.fillColor.previousValue) {\n                this._setStyle();\n            }\n        }\n\n        if (c && c.size && this.baseStatesDirective.euiSizeVariant) {\n            this.size = this.baseStatesDirective.euiSizeVariant;\n            this._setStyle();\n        }\n\n        if (c && this.baseStatesDirective.euiSizeVariant) {\n            this.size = this.baseStatesDirective.euiSizeVariant;\n            this._setStyle();\n        }\n    }\n\n    ngAfterContentInit(): void {\n        this._setIconAndSet();\n        this._setStyle();\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    private _setStyle(): void {\n        let fill = '';\n        if (this.fillColor) {\n            fill = `fill: var(--eui-c-${this.fillColor}); color: var(--eui-c-${this.fillColor});`;\n        }\n        const height = `height: var(--eui-is-${this.size});`;\n        const width = `width: var(--eui-is-${this.size});`;\n        this.iconStyle = `${fill} ${height} ${width}`;\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\n<ng-template #default>\n    <svg\n        class=\"eui-sprite-{{icon}}\"\n        [class.eui-icon-svg--loading]=\"isLoading\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || 'img'\"\n        [attr.focusable]=\"focusable\"\n        attr.style=\"{{iconStyle}}\">\n        <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n    </svg>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #custom>\n    <svg class=\"eui-icon-svg\"\n        attr.style=\"{{iconStyle}} {{style}}\"\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'\" attr.style=\"{{iconStyle}} {{style}}\"></image>\n    </svg>\n</ng-template>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", "import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation, booleanAttribute } from '@angular/core';\n\n@Component({\n    selector: 'eui-icon-button',\n    templateUrl: './eui-icon-button.component.html',\n    styleUrls: [ './eui-icon-button.component.scss' ],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconButtonComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-icon-button',\n            this.hasFocusBorder ? 'eui-icon-button--has-focus': '',\n            this.hasNoPadding ? 'eui-icon-button--has-no-padding': '',\n        ]\n            .join(' ')\n            .trim();\n    }\n    @HostBinding('attr.tabindex') tabindex = -1;\n\n    @Input() icon: string;\n    @Input() fillColor: string;\n    @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n    @Input() ariaLabel: string;\n\n    @Input({ transform: booleanAttribute }) hasFocusBorder = false;\n    @Input({ transform: booleanAttribute }) hasNoPadding = 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-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]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n        <ng-content select=\"eui-badge\"></ng-content>\n    </eui-icon-svg>\n</button>\n", "import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation, booleanAttribute, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n    selector: 'eui-icon-button-expander',\n    templateUrl: './eui-icon-button-expander.component.html',\n    styleUrls: [ './eui-icon-button-expander.component.scss' ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiIconButtonExpanderComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-icon-button-expander',\n            this.isDirectionForward ? 'eui-icon-button-expander--direction-forward': '',\n        ].join(' ').trim();\n    }\n    // @HostBinding('attr.tabindex') tabindex = -1;\n\n    @Input() fillColor: string;\n    @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n    @Input() ariaLabel: string;\n\n    @Input({ transform: booleanAttribute }) isExpanded = false;\n    @Input({ transform: booleanAttribute }) isDirectionForward = false;\n    // TODO handle disabled attr (see button implementation)\n    @Input({ transform: booleanAttribute }) euiDisabled = false;\n\n    @Output() buttonClick = new EventEmitter<Event>();\n\n    onClick(event: Event): void {\n        this.buttonClick.emit(event);\n    }\n}\n", "<button\n    type=\"button\"\n    class=\"eui-icon-button-expander-toggle\"\n    [class.eui-icon-button-expander-toggle--expanded]=\"isExpanded\"\n    [attr.aria-label]=\"!isExpanded ? 'expanded' : 'collapsed'\"\n    [attr.aria-expanded]=\"isExpanded\"\n    aria-controls=\"expander-content\"\n    (click)=\"onClick($event)\">\n    @if (fillColor) {\n        @if (isDirectionForward) {\n            <eui-icon-svg icon=\"chevron-forward:sharp\" fillColor=\"{{fillColor}}\" size=\"{{size}}\"></eui-icon-svg>\n        } @else {\n            <eui-icon-svg icon=\"chevron-down:sharp\" fillColor=\"{{fillColor}}\" size=\"{{size}}\"></eui-icon-svg>\n        }\n\n    } @else {\n        @if (isDirectionForward) {\n            <eui-icon-svg icon=\"chevron-forward:sharp\" size=\"{{size}}\"></eui-icon-svg>\n        } @else {\n            <eui-icon-svg icon=\"chevron-down:sharp\" size=\"{{size}}\"></eui-icon-svg>\n        }\n    }\n</button>\n", "import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation, booleanAttribute } from '@angular/core';\n\n@Component({\n    selector: 'eui-icon-input',\n    templateUrl: './eui-icon-input.component.html',\n    styleUrls: [ './eui-icon-input.component.scss' ],\n})\nexport class EuiIconInputComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-icon-input',\n            this.euiIconPositionStart && !this.euiIconPositionEnd ? 'eui-icon-input--start' : '',\n            this.euiIconPositionEnd ? 'eui-icon-input--end' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    @Input({ transform: booleanAttribute }) euiIconPositionStart = true;\n    @Input({ transform: booleanAttribute }) euiIconPositionEnd = false;\n}\n", "<span class=\"eui-icon-input-wrapper\">\n    <span class=\"eui-icon-input__content\">\n        <ng-content></ng-content>\n    </span>\n    <span class=\"eui-icon-input__icon\">\n        <ng-content select=\"eui-icon-svg\"></ng-content>\n        <ng-content select=\"eui-button\"></ng-content>\n    </span>\n</span>\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 { EuiIconSvgComponent } from './eui-icon-svg.component';\nimport { EuiIconColorComponent } from './eui-icon-color.component';\nimport { EuiIconButtonComponent } from './eui-icon-button/eui-icon-button.component';\nimport { EuiIconButtonExpanderComponent } from './eui-icon-button-expander/eui-icon-button-expander.component';\nimport { EuiIconInputComponent } from './eui-icon-input/eui-icon-input.component';\n\nconst CMP = [\n    EuiIconSvgComponent,\n    EuiIconColorComponent,\n    EuiIconButtonComponent,\n    EuiIconButtonExpanderComponent,\n    EuiIconInputComponent,\n];\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [...CMP],\n    exports: [...CMP],\n})\nexport class EuiIconModule {}\n"],
+  "mappings": "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",
   "names": ["Component", "HostBinding", "Input", "ViewEncapsulation", "booleanAttribute", "i0", "Component", "HostBinding", "Input", "Output", "EventEmitter", "booleanAttribute", "ChangeDetectionStrategy", "i0", "Component", "HostBinding", "Input", "booleanAttribute", "i0", "Component", "HostBinding", "Input", "i0"]
 }

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

@@ -38,7 +38,7 @@ var EuiListItemComponent = class _EuiListItemComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: _EuiListItemComponent, deps: [{ token: i1.BaseStatesDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.1", type: _EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: { e2eAttr: "e2eAttr", isActive: ["isActive", "isActive", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.data-e2e": "this.e2eAttr", "attr.tabindex": "this.tabindex" } }, queries: [{ propertyName: "euiArrowKeyNavigableDirective", first: true, predicate: i0.forwardRef(() => EuiArrowKeyNavigableDirective), descendants: true }, { propertyName: "euiListComponent", predicate: i0.forwardRef(() => EuiListComponent), descendants: true }, { propertyName: "euiIconSvgComponent", predicate: i0.forwardRef(() => EuiIconSvgComponent), descendants: true }, { propertyName: "euiLabelComponent", predicate: i0.forwardRef(() => EuiLabelComponent), descendants: true }, { propertyName: "templates", predicate: i0.forwardRef(() => EuiTemplateDirective), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: '<div class="eui-list-item__container" [class.eui-list-item--has-submenu]="euiListComponent.length > 0">\n    <div class="eui-list-item__content">\n        <div *ngIf="euiIconSvgComponent.length > 0" class="eui-list-item__content-icon">\n            <ng-content select="[eui-icon-svg], [euiIconSvg]"></ng-content>\n        </div>\n        <div *ngIf="euiLabelComponent.length > 0" class="eui-list-item__content-text">\n            <ng-content select="[eui-label], [euiLabel]"></ng-content>\n        </div>\n        <ng-content></ng-content>\n    </div>\n\n    <div\n        class="eui-list-item__sub-list"\n        *ngIf="(euiListComponent.length > 0) || (euiListComponent.length > 0)">\n        <ng-content select="[eui-list], [euiList]"></ng-content>\n    </div>\n</div>\n', styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:var(--eui-bw-s) solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.1", type: _EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: { e2eAttr: "e2eAttr", isActive: ["isActive", "isActive", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.data-e2e": "this.e2eAttr", "attr.tabindex": "this.tabindex" } }, queries: [{ propertyName: "euiArrowKeyNavigableDirective", first: true, predicate: i0.forwardRef(() => EuiArrowKeyNavigableDirective), descendants: true }, { propertyName: "euiListComponent", predicate: i0.forwardRef(() => EuiListComponent), descendants: true }, { propertyName: "euiIconSvgComponent", predicate: i0.forwardRef(() => EuiIconSvgComponent), descendants: true }, { propertyName: "euiLabelComponent", predicate: i0.forwardRef(() => EuiLabelComponent), descendants: true }, { propertyName: "templates", predicate: i0.forwardRef(() => EuiTemplateDirective), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: '<div class="eui-list-item__container" [class.eui-list-item--has-submenu]="euiListComponent.length > 0">\n    <div class="eui-list-item__content">\n        <div *ngIf="euiIconSvgComponent.length > 0" class="eui-list-item__content-icon">\n            <ng-content select="eui-icon-svg, span[euiIconSvg]"></ng-content>\n        </div>\n        <div *ngIf="euiLabelComponent.length > 0" class="eui-list-item__content-text">\n            <ng-content select="[eui-label], [euiLabel]"></ng-content>\n        </div>\n        <ng-content></ng-content>\n    </div>\n\n    <div\n        class="eui-list-item__sub-list"\n        *ngIf="(euiListComponent.length > 0) || (euiListComponent.length > 0)">\n        <ng-content select="[eui-list], [euiList]"></ng-content>\n    </div>\n</div>\n', styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:var(--eui-bw-s) solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--primary .eui-icon-svg svg{fill:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--secondary .eui-icon-svg svg{fill:var(--eui-c-neutral-light);color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--info .eui-icon-svg svg{fill:var(--eui-c-info);color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--success .eui-icon-svg svg{fill:var(--eui-c-success);color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning-dark)}.eui-list-item--warning .eui-icon-svg svg{fill:var(--eui-c-warning-dark);color:var(--eui-c-warning-dark)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--danger .eui-icon-svg svg{fill:var(--eui-c-danger);color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}.eui-list-item--accent .eui-icon-svg svg{fill:var(--eui-c-accent-dark);color:var(--eui-c-accent-dark)}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiListItemComponent, decorators: [{
@@ -57,7 +57,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ng
         "euiVariant"
       ]
     }
-  ], template: '<div class="eui-list-item__container" [class.eui-list-item--has-submenu]="euiListComponent.length > 0">\n    <div class="eui-list-item__content">\n        <div *ngIf="euiIconSvgComponent.length > 0" class="eui-list-item__content-icon">\n            <ng-content select="[eui-icon-svg], [euiIconSvg]"></ng-content>\n        </div>\n        <div *ngIf="euiLabelComponent.length > 0" class="eui-list-item__content-text">\n            <ng-content select="[eui-label], [euiLabel]"></ng-content>\n        </div>\n        <ng-content></ng-content>\n    </div>\n\n    <div\n        class="eui-list-item__sub-list"\n        *ngIf="(euiListComponent.length > 0) || (euiListComponent.length > 0)">\n        <ng-content select="[eui-list], [euiList]"></ng-content>\n    </div>\n</div>\n', styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:var(--eui-bw-s) solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n'] }]
+  ], template: '<div class="eui-list-item__container" [class.eui-list-item--has-submenu]="euiListComponent.length > 0">\n    <div class="eui-list-item__content">\n        <div *ngIf="euiIconSvgComponent.length > 0" class="eui-list-item__content-icon">\n            <ng-content select="eui-icon-svg, span[euiIconSvg]"></ng-content>\n        </div>\n        <div *ngIf="euiLabelComponent.length > 0" class="eui-list-item__content-text">\n            <ng-content select="[eui-label], [euiLabel]"></ng-content>\n        </div>\n        <ng-content></ng-content>\n    </div>\n\n    <div\n        class="eui-list-item__sub-list"\n        *ngIf="(euiListComponent.length > 0) || (euiListComponent.length > 0)">\n        <ng-content select="[eui-list], [euiList]"></ng-content>\n    </div>\n</div>\n', styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:var(--eui-bw-s) solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--primary .eui-icon-svg svg{fill:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--secondary .eui-icon-svg svg{fill:var(--eui-c-neutral-light);color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--info .eui-icon-svg svg{fill:var(--eui-c-info);color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--success .eui-icon-svg svg{fill:var(--eui-c-success);color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning-dark)}.eui-list-item--warning .eui-icon-svg svg{fill:var(--eui-c-warning-dark);color:var(--eui-c-warning-dark)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--danger .eui-icon-svg svg{fill:var(--eui-c-danger);color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}.eui-list-item--accent .eui-icon-svg svg{fill:var(--eui-c-accent-dark);color:var(--eui-c-accent-dark)}\n'] }]
 }], ctorParameters: () => [{ type: i1.BaseStatesDirective }, { type: i0.ElementRef }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]
@@ -146,12 +146,12 @@ var EuiListComponent = class _EuiListComponent {
     this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _EuiListComponent, deps: [], target: i02.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.1", type: _EuiListComponent, selector: "[euiList], eui-list", host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.tabindex": "this.tabIndex" } }, queries: [{ propertyName: "items", predicate: i02.forwardRef(() => EuiListItemComponent), descendants: true }], ngImport: i02, template: "<ng-content></ng-content>\n", styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:var(--eui-bw-s) solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n'], changeDetection: i02.ChangeDetectionStrategy.OnPush, encapsulation: i02.ViewEncapsulation.None });
+    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.1", type: _EuiListComponent, selector: "[euiList], eui-list", host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.tabindex": "this.tabIndex" } }, queries: [{ propertyName: "items", predicate: i02.forwardRef(() => EuiListItemComponent), descendants: true }], ngImport: i02, template: "<ng-content></ng-content>\n", styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:var(--eui-bw-s) solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--primary .eui-icon-svg svg{fill:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--secondary .eui-icon-svg svg{fill:var(--eui-c-neutral-light);color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--info .eui-icon-svg svg{fill:var(--eui-c-info);color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--success .eui-icon-svg svg{fill:var(--eui-c-success);color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning-dark)}.eui-list-item--warning .eui-icon-svg svg{fill:var(--eui-c-warning-dark);color:var(--eui-c-warning-dark)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--danger .eui-icon-svg svg{fill:var(--eui-c-danger);color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}.eui-list-item--accent .eui-icon-svg svg{fill:var(--eui-c-accent-dark);color:var(--eui-c-accent-dark)}\n'], changeDetection: i02.ChangeDetectionStrategy.OnPush, encapsulation: i02.ViewEncapsulation.None });
   }
 };
 i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: EuiListComponent, decorators: [{
   type: Component2,
-  args: [{ selector: "[euiList], eui-list", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation3.None, template: "<ng-content></ng-content>\n", styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:var(--eui-bw-s) solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n'] }]
+  args: [{ selector: "[euiList], eui-list", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation3.None, template: "<ng-content></ng-content>\n", styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:var(--eui-bw-s) solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--primary .eui-icon-svg svg{fill:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--secondary .eui-icon-svg svg{fill:var(--eui-c-neutral-light);color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--info .eui-icon-svg svg{fill:var(--eui-c-info);color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--success .eui-icon-svg svg{fill:var(--eui-c-success);color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning-dark)}.eui-list-item--warning .eui-icon-svg svg{fill:var(--eui-c-warning-dark);color:var(--eui-c-warning-dark)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--danger .eui-icon-svg svg{fill:var(--eui-c-danger);color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}.eui-list-item--accent .eui-icon-svg svg{fill:var(--eui-c-accent-dark);color:var(--eui-c-accent-dark)}\n'] }]
 }], propDecorators: { cssClasses: [{
   type: HostBinding2,
   args: ["class"]

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../eui-list/eui-list-item/eui-list-item.component.ts", "../../eui-list/eui-list-item/eui-list-item.component.html", "../../eui-list/eui-list.component.ts", "../../eui-list/eui-list.component.html", "../../eui-list/eui-list.module.ts"],
-  "sourcesContent": ["import {\n    Component,\n    HostBinding,\n    HostListener,\n    ViewEncapsulation,\n    ContentChildren,\n    forwardRef,\n    QueryList,\n    Input,\n    ElementRef,\n    booleanAttribute,\n    ContentChild,\n} from '@angular/core';\nimport { Highlightable, FocusableOption } from '@angular/cdk/a11y';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiListComponent } from '../eui-list.component';\nimport { EuiIconSvgComponent } from '@eui/components/eui-icon';\nimport { EuiLabelComponent } from '@eui/components/eui-label';\nimport { EuiTemplateDirective, EuiArrowKeyNavigableDirective } from '@eui/components/directives';\n\n@Component({\n    templateUrl: './eui-list-item.component.html',\n    selector: '[euiListItem], eui-list-item',\n    styleUrls: ['../styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n            ],\n        },\n    ],\n})\nexport class EuiListItemComponent implements FocusableOption, Highlightable {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-list-item'),\n            this.isActive ? 'eui-list-item--active' : '',\n        ].join(' ').trim();\n    }\n\n    @HostBinding('attr.role') role = 'listitem';\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-list-item';\n    @HostBinding('attr.tabindex') tabindex = '-1';\n\n    @ContentChildren(forwardRef(() => EuiListComponent), { descendants: true }) euiListComponent: QueryList<EuiListComponent>;\n    @ContentChildren(forwardRef(() => EuiIconSvgComponent), { descendants: true }) euiIconSvgComponent: QueryList<EuiIconSvgComponent>;\n    @ContentChildren(forwardRef(() => EuiLabelComponent), { descendants: true }) euiLabelComponent: QueryList<EuiLabelComponent>;\n    @ContentChildren(forwardRef(() => EuiTemplateDirective), { descendants: true }) templates: QueryList<EuiTemplateDirective>;\n    @ContentChild(forwardRef(() => EuiArrowKeyNavigableDirective)) euiArrowKeyNavigableDirective: EuiArrowKeyNavigableDirective;\n\n    @Input({ transform: booleanAttribute }) isActive = false;\n\n    constructor(\n        public baseStatesDirective: BaseStatesDirective,\n        private elementRef: ElementRef,\n    ) {\n    }\n\n    public focus(): void {\n        this.elementRef.nativeElement.focus();\n    }\n\n    public click(): void {\n        this.elementRef.nativeElement.click();\n    }\n\n    public setActiveStyles(): void {\n        this.isActive = true;\n    }\n\n    public setInactiveStyles(): void {\n        this.isActive = false;\n    }\n}\n", "<div class=\"eui-list-item__container\" [class.eui-list-item--has-submenu]=\"euiListComponent.length > 0\">\n    <div class=\"eui-list-item__content\">\n        <div *ngIf=\"euiIconSvgComponent.length > 0\" class=\"eui-list-item__content-icon\">\n            <ng-content select=\"[eui-icon-svg], [euiIconSvg]\"></ng-content>\n        </div>\n        <div *ngIf=\"euiLabelComponent.length > 0\" class=\"eui-list-item__content-text\">\n            <ng-content select=\"[eui-label], [euiLabel]\"></ng-content>\n        </div>\n        <ng-content></ng-content>\n    </div>\n\n    <div\n        class=\"eui-list-item__sub-list\"\n        *ngIf=\"(euiListComponent.length > 0) || (euiListComponent.length > 0)\">\n        <ng-content select=\"[eui-list], [euiList]\"></ng-content>\n    </div>\n</div>\n", "import {\n    Component,\n    HostBinding,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    AfterContentInit,\n    ContentChildren,\n    forwardRef,\n    QueryList,\n    HostListener,\n} from '@angular/core';\nimport { FocusKeyManager } from '@angular/cdk/a11y';\n\nimport { EuiListItemComponent } from './eui-list-item/eui-list-item.component';\n\n@Component({\n    templateUrl: './eui-list.component.html',\n    selector: '[euiList], eui-list',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiListComponent implements AfterContentInit {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return 'eui-list';\n    }\n\n    @HostBinding('attr.role') role = 'list';\n    @HostBinding('attr.tabindex') tabIndex: string;\n    @ContentChildren(forwardRef(() => EuiListItemComponent), { descendants: true }) items: QueryList<EuiListItemComponent>;\n    private focusKeyManager: FocusKeyManager<EuiListItemComponent>;\n\n    @HostListener('keydown', ['$event'])\n    onKeydown(event: KeyboardEvent): void {\n        switch (event.key) {\n            case 'Enter': {\n                if (this.focusKeyManager?.activeItem) {\n                    this.focusKeyManager.activeItem.click();\n                }\n                break;\n            }\n            case 'ArrowRight': {\n               if(this.focusKeyManager.activeItem?.euiArrowKeyNavigableDirective){\n                    this.checkRichContentFocusState();\n               }\n               break;\n            }\n            case 'ArrowLeft': {\n               if(this.focusKeyManager.activeItem?.euiArrowKeyNavigableDirective){\n                    this.checkRichContentFocusState();\n               }\n               break;\n            }\n            default: {\n                this.focusKeyManager.onKeydown(event);\n                break;\n            }\n        }\n    }\n\n    ngAfterContentInit(): void {\n        // instantiates FocusKeyManager with the query list of items enabling wrapping\n        this.focusKeyManager = new FocusKeyManager(this.items).withWrap();\n\n        // checks whether an item contains a sub-menu and if so it sets it's ul element tabindex to -1\n        this.items.forEach((item) => {\n            if (item.euiListComponent.length > 0) {\n                item.euiListComponent.forEach((list) => (list.tabIndex = '-1'));\n            } else {\n                this.tabIndex = '0';\n            }\n        });\n    }\n\n    checkRichContentFocusState(): void {\n        !this.focusKeyManager.activeItem.euiArrowKeyNavigableDirective.isFocused ? this.focusKeyManager.activeItem.euiArrowKeyNavigableDirective.elementRef.nativeElement.focus() : this.focusKeyManager.activeItem.focus();\n    }\n}\n", "<ng-content></ng-content>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiListComponent } from './eui-list.component';\nimport { EuiListItemComponent } from './eui-list-item/eui-list-item.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiButtonModule } from '@eui/components/eui-button';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiButtonModule, EuiLabelModule],\n    declarations: [EuiListComponent, EuiListItemComponent],\n    exports: [EuiListComponent, EuiListItemComponent],\n})\nexport class EuiListModule {}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n    Component,\n    HostBinding,\n    HostListener,\n    ViewEncapsulation,\n    ContentChildren,\n    forwardRef,\n    QueryList,\n    Input,\n    ElementRef,\n    booleanAttribute,\n    ContentChild,\n} from '@angular/core';\nimport { Highlightable, FocusableOption } from '@angular/cdk/a11y';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiListComponent } from '../eui-list.component';\nimport { EuiIconSvgComponent } from '@eui/components/eui-icon';\nimport { EuiLabelComponent } from '@eui/components/eui-label';\nimport { EuiTemplateDirective, EuiArrowKeyNavigableDirective } from '@eui/components/directives';\n\n@Component({\n    templateUrl: './eui-list-item.component.html',\n    selector: '[euiListItem], eui-list-item',\n    styleUrls: ['../styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n            ],\n        },\n    ],\n})\nexport class EuiListItemComponent implements FocusableOption, Highlightable {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-list-item'),\n            this.isActive ? 'eui-list-item--active' : '',\n        ].join(' ').trim();\n    }\n\n    @HostBinding('attr.role') role = 'listitem';\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-list-item';\n    @HostBinding('attr.tabindex') tabindex = '-1';\n\n    @ContentChildren(forwardRef(() => EuiListComponent), { descendants: true }) euiListComponent: QueryList<EuiListComponent>;\n    @ContentChildren(forwardRef(() => EuiIconSvgComponent), { descendants: true }) euiIconSvgComponent: QueryList<EuiIconSvgComponent>;\n    @ContentChildren(forwardRef(() => EuiLabelComponent), { descendants: true }) euiLabelComponent: QueryList<EuiLabelComponent>;\n    @ContentChildren(forwardRef(() => EuiTemplateDirective), { descendants: true }) templates: QueryList<EuiTemplateDirective>;\n    @ContentChild(forwardRef(() => EuiArrowKeyNavigableDirective)) euiArrowKeyNavigableDirective: EuiArrowKeyNavigableDirective;\n\n    @Input({ transform: booleanAttribute }) isActive = false;\n\n    constructor(\n        public baseStatesDirective: BaseStatesDirective,\n        private elementRef: ElementRef,\n    ) {\n    }\n\n    public focus(): void {\n        this.elementRef.nativeElement.focus();\n    }\n\n    public click(): void {\n        this.elementRef.nativeElement.click();\n    }\n\n    public setActiveStyles(): void {\n        this.isActive = true;\n    }\n\n    public setInactiveStyles(): void {\n        this.isActive = false;\n    }\n}\n", "<div class=\"eui-list-item__container\" [class.eui-list-item--has-submenu]=\"euiListComponent.length > 0\">\n    <div class=\"eui-list-item__content\">\n        <div *ngIf=\"euiIconSvgComponent.length > 0\" class=\"eui-list-item__content-icon\">\n            <ng-content select=\"eui-icon-svg, span[euiIconSvg]\"></ng-content>\n        </div>\n        <div *ngIf=\"euiLabelComponent.length > 0\" class=\"eui-list-item__content-text\">\n            <ng-content select=\"[eui-label], [euiLabel]\"></ng-content>\n        </div>\n        <ng-content></ng-content>\n    </div>\n\n    <div\n        class=\"eui-list-item__sub-list\"\n        *ngIf=\"(euiListComponent.length > 0) || (euiListComponent.length > 0)\">\n        <ng-content select=\"[eui-list], [euiList]\"></ng-content>\n    </div>\n</div>\n", "import {\n    Component,\n    HostBinding,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    AfterContentInit,\n    ContentChildren,\n    forwardRef,\n    QueryList,\n    HostListener,\n} from '@angular/core';\nimport { FocusKeyManager } from '@angular/cdk/a11y';\n\nimport { EuiListItemComponent } from './eui-list-item/eui-list-item.component';\n\n@Component({\n    templateUrl: './eui-list.component.html',\n    selector: '[euiList], eui-list',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiListComponent implements AfterContentInit {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return 'eui-list';\n    }\n\n    @HostBinding('attr.role') role = 'list';\n    @HostBinding('attr.tabindex') tabIndex: string;\n    @ContentChildren(forwardRef(() => EuiListItemComponent), { descendants: true }) items: QueryList<EuiListItemComponent>;\n    private focusKeyManager: FocusKeyManager<EuiListItemComponent>;\n\n    @HostListener('keydown', ['$event'])\n    onKeydown(event: KeyboardEvent): void {\n        switch (event.key) {\n            case 'Enter': {\n                if (this.focusKeyManager?.activeItem) {\n                    this.focusKeyManager.activeItem.click();\n                }\n                break;\n            }\n            case 'ArrowRight': {\n               if(this.focusKeyManager.activeItem?.euiArrowKeyNavigableDirective){\n                    this.checkRichContentFocusState();\n               }\n               break;\n            }\n            case 'ArrowLeft': {\n               if(this.focusKeyManager.activeItem?.euiArrowKeyNavigableDirective){\n                    this.checkRichContentFocusState();\n               }\n               break;\n            }\n            default: {\n                this.focusKeyManager.onKeydown(event);\n                break;\n            }\n        }\n    }\n\n    ngAfterContentInit(): void {\n        // instantiates FocusKeyManager with the query list of items enabling wrapping\n        this.focusKeyManager = new FocusKeyManager(this.items).withWrap();\n\n        // checks whether an item contains a sub-menu and if so it sets it's ul element tabindex to -1\n        this.items.forEach((item) => {\n            if (item.euiListComponent.length > 0) {\n                item.euiListComponent.forEach((list) => (list.tabIndex = '-1'));\n            } else {\n                this.tabIndex = '0';\n            }\n        });\n    }\n\n    checkRichContentFocusState(): void {\n        !this.focusKeyManager.activeItem.euiArrowKeyNavigableDirective.isFocused ? this.focusKeyManager.activeItem.euiArrowKeyNavigableDirective.elementRef.nativeElement.focus() : this.focusKeyManager.activeItem.focus();\n    }\n}\n", "<ng-content></ng-content>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiListComponent } from './eui-list.component';\nimport { EuiListItemComponent } from './eui-list-item/eui-list-item.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiButtonModule } from '@eui/components/eui-button';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiButtonModule, EuiLabelModule],\n    declarations: [EuiListComponent, EuiListItemComponent],\n    exports: [EuiListComponent, EuiListItemComponent],\n})\nexport class EuiListModule {}\n"],
+  "mappings": "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",
   "names": ["Component", "HostBinding", "ViewEncapsulation", "ContentChildren", "forwardRef", "i0"]
 }