@eui/components 15.0.0-rc.5 → 15.0.0-rc.6

package/fesm2020/eui-components-eui-icon.mjs

@@ -1,7 +1,8 @@
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, HostBinding, Input, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { Component, ViewEncapsulation, HostBinding, Input, ChangeDetectionStrategy, Inject, NgModule } from '@angular/core';
 import { BaseDirective } from '@eui/components/shared/base';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { EUI_CONFIG_TOKEN } from '@eui/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
@@ -57,13 +58,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4",
             }] } });
 
 class EuiIconSvgComponent extends BaseDirective {
-    constructor() {
+    constructor(config) {
         super();
+        this.config = config;
         this.size = 'm';
         this.fillColor = 'grey-100';
         this.set = 'eui';
         this.style = '';
         this._ariaLabel = 'eUI Icon';
+        this.assetsBaseUrl = 'assets';
         this._ariaHidden = true;
         this._focusable = false;
         this._isLoading = false;
@@ -83,6 +86,12 @@ class EuiIconSvgComponent extends BaseDirective {
     set focusable(value) { this._focusable = coerceBooleanProperty(value); }
     get isLoading() { return this._isLoading; }
     set isLoading(value) { this._isLoading = coerceBooleanProperty(value); }
+    ngOnInit() {
+        const assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl;
+        if (assetsBaseUrl) {
+            this.assetsBaseUrl = this.config.appConfig.global.eui.assetsBaseUrl;
+        }
+    }
     ngOnChanges(c) {
         if (c && c.set) {
             if (c.set.currentValue !== c.set.previousValue) {
@@ -125,12 +134,15 @@ class EuiIconSvgComponent extends BaseDirective {
         }
     }
 }
-/** @nocollapse */ EuiIconSvgComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiIconSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EuiIconSvgComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EuiIconSvgComponent, selector: "span[euiIconSvg], i[euiIconSvg], eui-icon-svg", inputs: { icon: "icon", size: "size", fillColor: "fillColor", set: "set", ariaLabelledby: "ariaLabelledby", role: "role", style: "style", iconUrl: "iconUrl", ariaLabel: ["aria-label", "ariaLabel"], ariaHidden: "ariaHidden", focusable: "focusable", isLoading: "isLoading" }, host: { properties: { "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"icon && !iconUrl\">\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 [ngClass]=\"getCssClasses()\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || null\"\n        [attr.focusable]=\"focusable\">\n        <use [attr.href]=\"'assets/icons/sprites/'+ set + '.svg#' + iconName\"></use>\n    </svg>\n    <ng-content></ng-content>\n</ng-template>\n\n<ng-template #custom>\n    <svg [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || null\"\n        [attr.focusable]=\"focusable\">\n        <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n    </svg>\n</ng-template>\n", styles: [":host{display:inline-flex}:host .eui-icon-svg{display:inline-flex}.eui-icon--loading,.eui-icon-svg--loading{align-items:center;display:inline-flex}.eui-icon--loading:after,.eui-icon--loading:before,.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:\"\";position:absolute;height:var(--eui-base-spacing-l);width:var(--eui-base-spacing-l)}.eui-icon--loading:before,.eui-icon-svg--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.2);border-radius:100%}.eui-icon--loading:after,.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon--loading--sm:before,.eui-icon--loading--sm:after,.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ EuiIconSvgComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiIconSvgComponent, deps: [{ token: EUI_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuiIconSvgComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EuiIconSvgComponent, selector: "span[euiIconSvg], i[euiIconSvg], eui-icon-svg", inputs: { icon: "icon", size: "size", fillColor: "fillColor", set: "set", ariaLabelledby: "ariaLabelledby", role: "role", style: "style", iconUrl: "iconUrl", ariaLabel: ["aria-label", "ariaLabel"], ariaHidden: "ariaHidden", focusable: "focusable", isLoading: "isLoading" }, host: { properties: { "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"icon && !iconUrl\">\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 [ngClass]=\"getCssClasses()\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || null\"\n        [attr.focusable]=\"focusable\">\n        <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/'+ set + '.svg#' + iconName\"></use>\n    </svg>\n    <ng-content></ng-content>\n</ng-template>\n\n<ng-template #custom>\n    <svg [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || null\"\n        [attr.focusable]=\"focusable\">\n        <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n    </svg>\n</ng-template>\n", styles: [":host{display:inline-flex}:host .eui-icon-svg{display:inline-flex}.eui-icon--loading,.eui-icon-svg--loading{align-items:center;display:inline-flex}.eui-icon--loading:after,.eui-icon--loading:before,.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:\"\";position:absolute;height:var(--eui-base-spacing-l);width:var(--eui-base-spacing-l)}.eui-icon--loading:before,.eui-icon-svg--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.2);border-radius:100%}.eui-icon--loading:after,.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon--loading--sm:before,.eui-icon--loading--sm:after,.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiIconSvgComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'span[euiIconSvg], i[euiIconSvg], eui-icon-svg', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"icon && !iconUrl\">\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 [ngClass]=\"getCssClasses()\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || null\"\n        [attr.focusable]=\"focusable\">\n        <use [attr.href]=\"'assets/icons/sprites/'+ set + '.svg#' + iconName\"></use>\n    </svg>\n    <ng-content></ng-content>\n</ng-template>\n\n<ng-template #custom>\n    <svg [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || null\"\n        [attr.focusable]=\"focusable\">\n        <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n    </svg>\n</ng-template>\n", styles: [":host{display:inline-flex}:host .eui-icon-svg{display:inline-flex}.eui-icon--loading,.eui-icon-svg--loading{align-items:center;display:inline-flex}.eui-icon--loading:after,.eui-icon--loading:before,.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:\"\";position:absolute;height:var(--eui-base-spacing-l);width:var(--eui-base-spacing-l)}.eui-icon--loading:before,.eui-icon-svg--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.2);border-radius:100%}.eui-icon--loading:after,.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon--loading--sm:before,.eui-icon--loading--sm:after,.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { cssClasses: [{
+            args: [{ selector: 'span[euiIconSvg], i[euiIconSvg], eui-icon-svg', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"icon && !iconUrl\">\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 [ngClass]=\"getCssClasses()\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || null\"\n        [attr.focusable]=\"focusable\">\n        <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/'+ set + '.svg#' + iconName\"></use>\n    </svg>\n    <ng-content></ng-content>\n</ng-template>\n\n<ng-template #custom>\n    <svg [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || null\"\n        [attr.focusable]=\"focusable\">\n        <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n    </svg>\n</ng-template>\n", styles: [":host{display:inline-flex}:host .eui-icon-svg{display:inline-flex}.eui-icon--loading,.eui-icon-svg--loading{align-items:center;display:inline-flex}.eui-icon--loading:after,.eui-icon--loading:before,.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:\"\";position:absolute;height:var(--eui-base-spacing-l);width:var(--eui-base-spacing-l)}.eui-icon--loading:before,.eui-icon-svg--loading:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.2);border-radius:100%}.eui-icon--loading:after,.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-icon--loading--sm:before,.eui-icon--loading--sm:after,.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}\n"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [EUI_CONFIG_TOKEN]
+                }] }]; }, propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
             }], icon: [{

package/fesm2020/eui-components-eui-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-icon.mjs","sources":["../../eui-icon/eui-icon.component.ts","../../eui-icon/eui-icon-svg.component.ts","../../eui-icon/eui-icon-svg.component.html","../../eui-icon/eui-icon-color.component.ts","../../eui-icon/eui-icon.module.ts","../../eui-icon/eui-components-eui-icon.ts"],"sourcesContent":["import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared/base';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconComponent extends BaseDirective {\n    @HostBinding('class')\n    public get cssClasses(): any {\n        return this.getCssClasses();\n    }\n    @HostBinding('attr.role') role = 'img';\n    @HostBinding('attr.aria-label')\n\n    @Input('aria-label')\n    public get ariaLabel(): string {\n        return this._ariaLabel;\n    }\n    public set ariaLabel(value: string|null) {\n        this._ariaLabel = value;\n    }\n\n    @Input()\n    get iconClass(): string { return this._iconClass; }\n    set iconClass(value: string) { this._iconClass = value; }\n    private _iconClass;\n\n    @Input()\n    get isLoading(): boolean { return this._isLoading; }\n    set isLoading(value: BooleanInput) { this._isLoading = coerceBooleanProperty(value); }\n    private _isLoading = false;\n\n    protected _ariaLabel = 'eUI Icon';\n\n    constructor() {\n        super();\n    }\n\n    getCssClasses(): string {\n        return [\n            super.getCssClasses('eui-icon'),\n            this.iconClass && !this.isLoading ? this.iconClass : ``,\n            this.isLoading ? 'eui-icon--loading' : '',\n        ].join(' ').trim();\n    }\n}\n","import { ChangeDetectionStrategy, Component, Input, HostBinding, OnInit, ViewEncapsulation, OnChanges, SimpleChanges, AfterContentInit } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared/base';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'span[euiIconSvg], i[euiIconSvg], eui-icon-svg',\n    templateUrl: './eui-icon-svg.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconSvgComponent extends BaseDirective implements AfterContentInit, OnChanges {\n    @HostBinding('class')\n    public get cssClasses(): any {\n        return 'eui-icon-svg';\n    }\n\n    @Input() icon: string; // could be the form of \"icon:set\" to pass them both in a single input\n    @Input() size: ('2xs' | 'xs' | 's' | 'm'| 'l'| 'xl'| '2xl') = 'm';\n    @Input() fillColor = 'grey-100';\n    @Input() set = 'eui';\n    @Input() ariaLabelledby: string;\n    @Input() role: string;\n    @Input() style = '';\n    @Input() iconUrl: string;\n    @HostBinding('attr.aria-label')\n\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\n    @Input()\n    get ariaHidden(): boolean { return this._ariaHidden; }\n    set ariaHidden(value: BooleanInput) { this._ariaHidden = coerceBooleanProperty(value); }\n    private _ariaHidden = true;\n\n    @Input()\n    get focusable(): boolean { return this._focusable; }\n    set focusable(value: BooleanInput) { this._focusable = coerceBooleanProperty(value); }\n    private _focusable = false;\n\n    @Input()\n    get isLoading(): boolean { return this._isLoading; }\n    set isLoading(value: BooleanInput) { this._isLoading = coerceBooleanProperty(value); }\n    private _isLoading = false;\n\n    constructor() {\n        super();\n    }\n\n    ngOnChanges(c: SimpleChanges): void {\n        if (c && c.set) {\n            if (c.set.currentValue !== c.set.previousValue) {\n                this._setIconAndSet();\n            }\n        }\n\n        if (c && c.icon) {\n            if (c.icon.currentValue !== c.icon.previousValue) {\n                this._setIconAndSet();\n            }\n        }\n    }\n\n    ngAfterContentInit(): void {\n        this._setIconAndSet();\n    }\n\n    getCssClasses(): string {\n        return [\n            super.getCssClasses('eui-icon-svg'),\n            this.isLoading ? 'eui--loading' : '',\n            `eui-icon-svg--color-${this.fillColor}`,\n            `eui-icon-svg--size-${this.size}`,\n        ].join(' ').trim();\n    }\n\n    private _setIconAndSet(): void {\n        if (this.icon && this.icon.indexOf(':') > -1) {\n            const iconSet = this.icon.split(':');\n            this.icon = iconSet[0];\n            this.set = iconSet[1];\n        }\n\n        if (!this.set || this.set === '') {\n            this.set = 'eui';\n        } else {\n            if (this.set === 'sharp' || this.set === 'outline') {\n                this.iconName = `${this.icon}-${this.set}`;\n            } else {\n                this.iconName = this.icon;\n            }\n        }\n    }\n}\n","<ng-container *ngIf=\"icon && !iconUrl\">\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 [ngClass]=\"getCssClasses()\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || null\"\n        [attr.focusable]=\"focusable\">\n        <use [attr.href]=\"'assets/icons/sprites/'+ set + '.svg#' + iconName\"></use>\n    </svg>\n    <ng-content></ng-content>\n</ng-template>\n\n<ng-template #custom>\n    <svg [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || null\"\n        [attr.focusable]=\"focusable\">\n        <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n    </svg>\n</ng-template>\n","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(): any {\n        return this.getCssClasses();\n    }\n\n    @Input() iconClass;\n\n    getCssClasses() {\n        return [\n            'eui-icon eui-icon-color',\n            this.iconClass ? this.iconClass : ``,\n        ].join(' ').trim();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconComponent } from './eui-icon.component';\nimport { EuiIconSvgComponent } from './eui-icon-svg.component';\nimport { EuiIconColorComponent } from './eui-icon-color.component';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent],\n    declarations: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent],\n})\nexport class EuiIconModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-icon.mjs","sources":["../../eui-icon/eui-icon.component.ts","../../eui-icon/eui-icon-svg.component.ts","../../eui-icon/eui-icon-svg.component.html","../../eui-icon/eui-icon-color.component.ts","../../eui-icon/eui-icon.module.ts","../../eui-icon/eui-components-eui-icon.ts"],"sourcesContent":["import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared/base';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconComponent extends BaseDirective {\n    @HostBinding('class')\n    public get cssClasses(): any {\n        return this.getCssClasses();\n    }\n    @HostBinding('attr.role') role = 'img';\n    @HostBinding('attr.aria-label')\n\n    @Input('aria-label')\n    public get ariaLabel(): string {\n        return this._ariaLabel;\n    }\n    public set ariaLabel(value: string|null) {\n        this._ariaLabel = value;\n    }\n\n    @Input()\n    get iconClass(): string { return this._iconClass; }\n    set iconClass(value: string) { this._iconClass = value; }\n    private _iconClass;\n\n    @Input()\n    get isLoading(): boolean { return this._isLoading; }\n    set isLoading(value: BooleanInput) { this._isLoading = coerceBooleanProperty(value); }\n    private _isLoading = false;\n\n    protected _ariaLabel = 'eUI Icon';\n\n    constructor() {\n        super();\n    }\n\n    getCssClasses(): string {\n        return [\n            super.getCssClasses('eui-icon'),\n            this.iconClass && !this.isLoading ? this.iconClass : ``,\n            this.isLoading ? 'eui-icon--loading' : '',\n        ].join(' ').trim();\n    }\n}\n","import {\n    ChangeDetectionStrategy, Component, Input, HostBinding, OnInit,\n    ViewEncapsulation, OnChanges, SimpleChanges, AfterContentInit, Inject,\n} from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared/base';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\nimport { EuiConfig } from '@eui/base';\n\n@Component({\n    selector: 'span[euiIconSvg], i[euiIconSvg], eui-icon-svg',\n    templateUrl: './eui-icon-svg.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconSvgComponent extends BaseDirective implements AfterContentInit, OnChanges, OnInit {\n    @HostBinding('class')\n    public get cssClasses(): any {\n        return 'eui-icon-svg';\n    }\n\n    @Input() icon: string; // could be the form of \"icon:set\" to pass them both in a single input\n    @Input() size: ('2xs' | 'xs' | 's' | 'm'| 'l'| 'xl'| '2xl') = 'm';\n    @Input() fillColor = 'grey-100';\n    @Input() set = 'eui';\n    @Input() ariaLabelledby: string;\n    @Input() role: string;\n    @Input() style = '';\n    @Input() iconUrl: string;\n    @HostBinding('attr.aria-label')\n\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: string = 'assets';\n\n    @Input()\n    get ariaHidden(): boolean { return this._ariaHidden; }\n    set ariaHidden(value: BooleanInput) { this._ariaHidden = coerceBooleanProperty(value); }\n    private _ariaHidden = true;\n\n    @Input()\n    get focusable(): boolean { return this._focusable; }\n    set focusable(value: BooleanInput) { this._focusable = coerceBooleanProperty(value); }\n    private _focusable = false;\n\n    @Input()\n    get isLoading(): boolean { return this._isLoading; }\n    set isLoading(value: BooleanInput) { this._isLoading = coerceBooleanProperty(value); }\n    private _isLoading = false;\n\n    constructor(@Inject(EUI_CONFIG_TOKEN) private config: EuiConfig) {\n        super();\n    }\n\n    ngOnInit(): void {\n        const assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl;\n        if (assetsBaseUrl) {\n            this.assetsBaseUrl = this.config.appConfig.global.eui.assetsBaseUrl;\n        }\n    }\n\n    ngOnChanges(c: SimpleChanges): void {\n        if (c && c.set) {\n            if (c.set.currentValue !== c.set.previousValue) {\n                this._setIconAndSet();\n            }\n        }\n\n        if (c && c.icon) {\n            if (c.icon.currentValue !== c.icon.previousValue) {\n                this._setIconAndSet();\n            }\n        }\n    }\n\n    ngAfterContentInit(): void {\n        this._setIconAndSet();\n    }\n\n    getCssClasses(): string {\n        return [\n            super.getCssClasses('eui-icon-svg'),\n            this.isLoading ? 'eui--loading' : '',\n            `eui-icon-svg--color-${this.fillColor}`,\n            `eui-icon-svg--size-${this.size}`,\n        ].join(' ').trim();\n    }\n\n    private _setIconAndSet(): void {\n        if (this.icon && this.icon.indexOf(':') > -1) {\n            const iconSet = this.icon.split(':');\n            this.icon = iconSet[0];\n            this.set = iconSet[1];\n        }\n\n        if (!this.set || this.set === '') {\n            this.set = 'eui';\n        } else {\n            if (this.set === 'sharp' || this.set === 'outline') {\n                this.iconName = `${this.icon}-${this.set}`;\n            } else {\n                this.iconName = this.icon;\n            }\n        }\n    }\n}\n","<ng-container *ngIf=\"icon && !iconUrl\">\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 [ngClass]=\"getCssClasses()\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || null\"\n        [attr.focusable]=\"focusable\">\n        <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/'+ set + '.svg#' + iconName\"></use>\n    </svg>\n    <ng-content></ng-content>\n</ng-template>\n\n<ng-template #custom>\n    <svg [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || null\"\n        [attr.focusable]=\"focusable\">\n        <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n    </svg>\n</ng-template>\n","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(): any {\n        return this.getCssClasses();\n    }\n\n    @Input() iconClass;\n\n    getCssClasses() {\n        return [\n            'eui-icon eui-icon-color',\n            this.iconClass ? this.iconClass : ``,\n        ].join(' ').trim();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconComponent } from './eui-icon.component';\nimport { EuiIconSvgComponent } from './eui-icon-svg.component';\nimport { EuiIconColorComponent } from './eui-icon-color.component';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent],\n    declarations: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent],\n})\nexport class EuiIconModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/eui-components-layout.mjs

@@ -1995,10 +1995,10 @@ class EuiBreadcrumbItemComponent {
     }
 }
 /** @nocollapse */ EuiBreadcrumbItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiBreadcrumbItemComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.Router }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.LogService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EuiBreadcrumbItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EuiBreadcrumbItemComponent, selector: "eui-breadcrumb-item", inputs: { id: "id", label: "label", link: "link", navigationExtras: "navigationExtras" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<!-- render the separator if should have one -->\n<div *ngIf=\"hasPrevious\" class=\"eui-breadcrumb-item__separator\">\n    <eui-icon-svg icon=\"chevron-forward\" size=\"xs\" fillColor=\"primary-100\"></eui-icon-svg>\n</div>\n<!-- render the content of the item if any -->\n<ng-container #content>\n    <ng-content></ng-content>\n</ng-container>\n<!-- if no custom content has been provided, render the default -->\n<ng-container *ngIf=\"!content.hasChildNodes()\">\n    <!-- If link is available -->\n    <a *ngIf=\"link && link?.length > 1\" euiLabel (click)=\"onClick($event)\" [euiSecondary]=\"!hasNext\" [euiPrimary]=\"hasNext\">{{label}}</a>\n    <span *ngIf=\"!link || (link && link?.length <= 1)\" euiLabel euiSecondary>{{label}}</span>\n</ng-container>\n", styles: [".eui-breadcrumb-item{align-items:center;display:flex;font-size:v(eui-base-font-size-s);font-weight:700}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 v(eui-base-spacing-2xs);color:v(eui-base-color-primary-100)}.eui-breadcrumb-item .eui-label--primary{color:v(eui-base-color-primary-100);text-decoration:none!important;white-space:nowrap}.eui-breadcrumb-item .eui-label--secondary{color:v(eui-base-color-grey-75);cursor:none;pointer-events:none;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.EuiIconSvgComponent, selector: "span[euiIconSvg], i[euiIconSvg], eui-icon-svg", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i5$2.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ EuiBreadcrumbItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EuiBreadcrumbItemComponent, selector: "eui-breadcrumb-item", inputs: { id: "id", label: "label", link: "link", navigationExtras: "navigationExtras" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<!-- render the separator if should have one -->\n<div *ngIf=\"hasPrevious\" class=\"eui-breadcrumb-item__separator\">\n    <eui-icon-svg icon=\"eui-chevron-forward\" size=\"xs\" fillColor=\"primary-100\"></eui-icon-svg>\n</div>\n<!-- render the content of the item if any -->\n<ng-container #content>\n    <ng-content></ng-content>\n</ng-container>\n<!-- if no custom content has been provided, render the default -->\n<ng-container *ngIf=\"!content.hasChildNodes()\">\n    <!-- If link is available -->\n    <a *ngIf=\"link && link?.length > 1\" euiLabel (click)=\"onClick($event)\" [euiSecondary]=\"!hasNext\" [euiPrimary]=\"hasNext\">{{label}}</a>\n    <span *ngIf=\"!link || (link && link?.length <= 1)\" euiLabel euiSecondary>{{label}}</span>\n</ng-container>\n", styles: [".eui-breadcrumb-item{align-items:center;display:flex;font-size:v(eui-base-font-size-s);font-weight:700}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 v(eui-base-spacing-2xs);color:v(eui-base-color-primary-100)}.eui-breadcrumb-item .eui-label--primary{color:v(eui-base-color-primary-100);text-decoration:none!important;white-space:nowrap}.eui-breadcrumb-item .eui-label--secondary{color:v(eui-base-color-grey-75);cursor:none;pointer-events:none;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.EuiIconSvgComponent, selector: "span[euiIconSvg], i[euiIconSvg], eui-icon-svg", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i5$2.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiBreadcrumbItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-breadcrumb-item', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<!-- render the separator if should have one -->\n<div *ngIf=\"hasPrevious\" class=\"eui-breadcrumb-item__separator\">\n    <eui-icon-svg icon=\"chevron-forward\" size=\"xs\" fillColor=\"primary-100\"></eui-icon-svg>\n</div>\n<!-- render the content of the item if any -->\n<ng-container #content>\n    <ng-content></ng-content>\n</ng-container>\n<!-- if no custom content has been provided, render the default -->\n<ng-container *ngIf=\"!content.hasChildNodes()\">\n    <!-- If link is available -->\n    <a *ngIf=\"link && link?.length > 1\" euiLabel (click)=\"onClick($event)\" [euiSecondary]=\"!hasNext\" [euiPrimary]=\"hasNext\">{{label}}</a>\n    <span *ngIf=\"!link || (link && link?.length <= 1)\" euiLabel euiSecondary>{{label}}</span>\n</ng-container>\n", styles: [".eui-breadcrumb-item{align-items:center;display:flex;font-size:v(eui-base-font-size-s);font-weight:700}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 v(eui-base-spacing-2xs);color:v(eui-base-color-primary-100)}.eui-breadcrumb-item .eui-label--primary{color:v(eui-base-color-primary-100);text-decoration:none!important;white-space:nowrap}.eui-breadcrumb-item .eui-label--secondary{color:v(eui-base-color-grey-75);cursor:none;pointer-events:none;white-space:nowrap}\n"] }]
+            args: [{ selector: 'eui-breadcrumb-item', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<!-- render the separator if should have one -->\n<div *ngIf=\"hasPrevious\" class=\"eui-breadcrumb-item__separator\">\n    <eui-icon-svg icon=\"eui-chevron-forward\" size=\"xs\" fillColor=\"primary-100\"></eui-icon-svg>\n</div>\n<!-- render the content of the item if any -->\n<ng-container #content>\n    <ng-content></ng-content>\n</ng-container>\n<!-- if no custom content has been provided, render the default -->\n<ng-container *ngIf=\"!content.hasChildNodes()\">\n    <!-- If link is available -->\n    <a *ngIf=\"link && link?.length > 1\" euiLabel (click)=\"onClick($event)\" [euiSecondary]=\"!hasNext\" [euiPrimary]=\"hasNext\">{{label}}</a>\n    <span *ngIf=\"!link || (link && link?.length <= 1)\" euiLabel euiSecondary>{{label}}</span>\n</ng-container>\n", styles: [".eui-breadcrumb-item{align-items:center;display:flex;font-size:v(eui-base-font-size-s);font-weight:700}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 v(eui-base-spacing-2xs);color:v(eui-base-color-primary-100)}.eui-breadcrumb-item .eui-label--primary{color:v(eui-base-color-primary-100);text-decoration:none!important;white-space:nowrap}.eui-breadcrumb-item .eui-label--secondary{color:v(eui-base-color-grey-75);cursor:none;pointer-events:none;white-space:nowrap}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$2.Router }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.LogService, decorators: [{
                     type: Optional
                 }] }]; }, propDecorators: { string: [{