@eui/components 17.0.0-next.10 → 17.0.0-next.12

package/fesm2022/eui-components-ecl-eui-ecl-icon.mjs

@@ -0,0 +1,145 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, Input, ViewChild, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { __decorate } from 'tslib';
+import { coerceBoolean, coerceElement } from '@eui/base';
+import { switchMap, of } from 'rxjs';
+import * as i1 from '@eui/components/ecl/shared';
+import { EuiEclBaseDirective } from '@eui/components/ecl/shared';
+
+class EuiEclIconComponent extends EuiEclBaseDirective {
+    constructor(el, eclThemeService) {
+        super();
+        this.el = el;
+        this.eclThemeService = eclThemeService;
+        this.iconSet = 'default';
+        this.size = 'xs';
+        this.isInverted = false;
+        this.ariaHidden = true;
+        this.focusable = false;
+    }
+    ngOnChanges(changes) {
+        if (changes['icon']) {
+            this.initiateIconUrl();
+        }
+    }
+    ngOnInit() {
+        this.initiateIconUrl();
+    }
+    ngAfterViewInit() {
+        const hostEl = this.getHostElement();
+        const hostParentEl = this.getHostParentElement(hostEl);
+        if (hostParentEl != null) {
+            hostEl.style.display = 'none';
+            hostEl.after(this.svgEl);
+        }
+    }
+    ngOnDestroy() {
+        try {
+            if (this.svgEl) {
+                const hostParentEl = this.svgEl.parentElement;
+                if (hostParentEl) {
+                    hostParentEl.removeChild(this.svgEl);
+                }
+            }
+        }
+        catch (e) { }
+    }
+    getClasses() {
+        const hostClasses = this.getHostElement().classList.toString();
+        return {
+            [super.getCssClasses('ecl-icon')]: true,
+            [`ecl-icon--${this.size}`]: this.size,
+            [`ecl-icon--${this.transform}`]: this.transform,
+            [`ecl-icon--${this.color}`]: this.color,
+            [`ecl-icon--inverted`]: this.isInverted,
+            [hostClasses]: true,
+        };
+    }
+    getHostElement() {
+        return this.el.nativeElement;
+    }
+    getHostParentElement(hostEl) {
+        return hostEl.parentElement;
+    }
+    initiateIconUrl() {
+        this.iconUrl$ = this.eclThemeService.theme$.pipe(switchMap((theme) => {
+            const forcedTheme = 'eu';
+            switch (this.iconSet) {
+                case 'default':
+                    return of(`assets/images/ecl/${forcedTheme}/icons/sprites/icons.svg#${this.icon}`);
+                case 'social':
+                    return of(`assets/images/ecl/${forcedTheme}/social-icons/sprites/icons-social.svg#${this.icon}`);
+                case 'social-media':
+                    return of(`assets/images/ecl/${forcedTheme}/icons-social-media/sprites/icons-social-media.svg#${this.icon}`);
+                case 'flag':
+                    return of(`assets/images/ecl/${forcedTheme}/icons-flag/sprites/icons-flag.svg#${this.icon}`);
+                default:
+                    return of(`${this.iconSet}#${this.icon}`);
+            }
+        }));
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclIconComponent, deps: [{ token: i0.ElementRef }, { token: i1.EuiEclThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.0", type: EuiEclIconComponent, selector: "eui-ecl-icon", inputs: { iconSet: "iconSet", icon: "icon", size: "size", color: "color", transform: "transform", ariaLabelledby: "ariaLabelledby", role: "role", isInverted: "isInverted", ariaHidden: "ariaHidden", focusable: "focusable" }, viewQueries: [{ propertyName: "svgEl", first: true, predicate: ["svg"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<svg\n    #svg\n    [ngClass]=\"getClasses()\"\n    [attr.aria-hidden]=\"ariaHidden\"\n    [attr.aria-labelledby]=\"ariaLabelledby || null\"\n    [attr.role]=\"role || null\"\n    [attr.focusable]=\"focusable\">\n    <use [attr.xlink:href]=\"iconUrl$ | async\"></use>\n    <ng-content></ng-content>\n</svg>\n", styles: [".ecl-icon{fill:currentcolor;margin:0;transition:transform .3s ease-in-out}.ecl-icon--2xs{height:.75rem;width:.75rem}.ecl-icon--xs{height:1rem;width:1rem}.ecl-icon--s{height:1.25rem;width:1.25rem}.ecl-icon--m{height:1.5rem;width:1.5rem}.ecl-icon--l{height:2rem;width:2rem}.ecl-icon--xl{height:2.5rem;width:2.5rem}.ecl-icon--2xl{height:3rem;width:3rem}.ecl-icon--fluid{height:1em;width:1em}.ecl-icon--primary{fill:#0e47cb}.ecl-icon--inverted{fill:#fff}.ecl-icon--rotate-90{transform:rotate(90deg)}.ecl-icon--rotate-180{transform:rotate(180deg)}.ecl-icon--rotate-270{transform:rotate(270deg)}.ecl-icon--flip-horizontal{transform:scaleX(-1)}.ecl-icon--flip-vertical{transform:scaleY(-1)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+__decorate([
+    coerceBoolean
+], EuiEclIconComponent.prototype, "isInverted", void 0);
+__decorate([
+    coerceBoolean
+], EuiEclIconComponent.prototype, "ariaHidden", void 0);
+__decorate([
+    coerceBoolean
+], EuiEclIconComponent.prototype, "focusable", void 0);
+__decorate([
+    coerceElement
+], EuiEclIconComponent.prototype, "svgEl", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eui-ecl-icon', encapsulation: ViewEncapsulation.None, template: "<svg\n    #svg\n    [ngClass]=\"getClasses()\"\n    [attr.aria-hidden]=\"ariaHidden\"\n    [attr.aria-labelledby]=\"ariaLabelledby || null\"\n    [attr.role]=\"role || null\"\n    [attr.focusable]=\"focusable\">\n    <use [attr.xlink:href]=\"iconUrl$ | async\"></use>\n    <ng-content></ng-content>\n</svg>\n", styles: [".ecl-icon{fill:currentcolor;margin:0;transition:transform .3s ease-in-out}.ecl-icon--2xs{height:.75rem;width:.75rem}.ecl-icon--xs{height:1rem;width:1rem}.ecl-icon--s{height:1.25rem;width:1.25rem}.ecl-icon--m{height:1.5rem;width:1.5rem}.ecl-icon--l{height:2rem;width:2rem}.ecl-icon--xl{height:2.5rem;width:2.5rem}.ecl-icon--2xl{height:3rem;width:3rem}.ecl-icon--fluid{height:1em;width:1em}.ecl-icon--primary{fill:#0e47cb}.ecl-icon--inverted{fill:#fff}.ecl-icon--rotate-90{transform:rotate(90deg)}.ecl-icon--rotate-180{transform:rotate(180deg)}.ecl-icon--rotate-270{transform:rotate(270deg)}.ecl-icon--flip-horizontal{transform:scaleX(-1)}.ecl-icon--flip-vertical{transform:scaleY(-1)}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.EuiEclThemeService }], propDecorators: { iconSet: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], transform: [{
+                type: Input
+            }], ariaLabelledby: [{
+                type: Input
+            }], role: [{
+                type: Input
+            }], isInverted: [{
+                type: Input
+            }], ariaHidden: [{
+                type: Input
+            }], focusable: [{
+                type: Input
+            }], svgEl: [{
+                type: ViewChild,
+                args: ['svg']
+            }] } });
+
+class EuiEclIconComponentModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclIconComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclIconComponentModule, declarations: [EuiEclIconComponent], imports: [CommonModule], exports: [EuiEclIconComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclIconComponentModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclIconComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    exports: [EuiEclIconComponent],
+                    declarations: [EuiEclIconComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EuiEclIconComponent, EuiEclIconComponentModule };
+//# sourceMappingURL=eui-components-ecl-eui-ecl-icon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-components-ecl-eui-ecl-icon.mjs","sources":["../../ecl/eui-ecl-icon/eui-ecl-icon.component.ts","../../ecl/eui-ecl-icon/eui-ecl-icon.component.html","../../ecl/eui-ecl-icon/eui-ecl-icon.module.ts","../../ecl/eui-ecl-icon/eui-components-ecl-eui-ecl-icon.ts"],"sourcesContent":["import { Component, ElementRef, Input, OnChanges, OnInit, SimpleChanges, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { coerceBoolean, coerceElement,  } from '@eui/base';\nimport { Observable, of, switchMap } from 'rxjs';\nimport { EuiEclThemeService, EuiEclBaseDirective } from '@eui/components/ecl/shared';\n\n@Component({\n    selector: 'eui-ecl-icon',\n    templateUrl: './eui-ecl-icon.component.html',\n    styleUrls: ['./_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiEclIconComponent extends EuiEclBaseDirective implements OnInit, OnChanges {\n    @Input() iconSet: 'default' | 'social' | 'social-media' | 'flag' | string = 'default';\n    @Input() icon: string;\n    @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | 'fluid' | string = 'xs';\n    @Input() color: string;\n    @Input() transform: string;\n    @Input() ariaLabelledby: string;\n    @Input() role: string;\n    @coerceBoolean @Input() isInverted: boolean | any = false;\n    @coerceBoolean @Input() ariaHidden: boolean | any = true;\n    @coerceBoolean @Input() focusable: boolean | any = false;\n\n    @coerceElement @ViewChild('svg') svgEl: Element;\n\n    iconUrl$: Observable<string>;\n\n    constructor(\n        public el: ElementRef,\n        private eclThemeService: EuiEclThemeService\n    ) {\n        super();\n    }\n\n    ngOnChanges(changes: SimpleChanges) {\n        if (changes['icon']) {\n            this.initiateIconUrl();\n        }\n    }\n\n    ngOnInit() {\n        this.initiateIconUrl();\n    }\n\n    ngAfterViewInit() {\n        const hostEl: HTMLElement = this.getHostElement();\n        const hostParentEl = this.getHostParentElement(hostEl);\n\n        if (hostParentEl != null) {\n            hostEl.style.display = 'none';\n            hostEl.after(this.svgEl);\n        }\n    }\n\n    ngOnDestroy() {\n        try {\n            if (this.svgEl) {\n                const hostParentEl = this.svgEl.parentElement;\n                if (hostParentEl) {\n                    hostParentEl.removeChild(this.svgEl);\n                }\n            }\n        } catch (e) {}\n    }\n\n    getClasses() {\n        const hostClasses = this.getHostElement().classList.toString();\n\n        return {\n            [super.getCssClasses('ecl-icon')]: true,\n            [`ecl-icon--${this.size}`]: this.size,\n            [`ecl-icon--${this.transform}`]: this.transform,\n            [`ecl-icon--${this.color}`]: this.color,\n            [`ecl-icon--inverted`]: this.isInverted,\n            [hostClasses]: true,\n        };\n    }\n\n    private getHostElement(): HTMLElement {\n        return this.el.nativeElement;\n    }\n\n    private getHostParentElement(hostEl: HTMLElement) {\n        return hostEl.parentElement;\n    }\n\n    private initiateIconUrl() {\n        this.iconUrl$ = this.eclThemeService.theme$.pipe(\n            switchMap((theme) => {\n                const forcedTheme = 'eu';\n                switch (this.iconSet) {\n                    case 'default':\n                        return of(`assets/images/ecl/${forcedTheme}/icons/sprites/icons.svg#${this.icon}`);\n                    case 'social':\n                        return of(`assets/images/ecl/${forcedTheme}/social-icons/sprites/icons-social.svg#${this.icon}`);\n                    case 'social-media':\n                        return of(`assets/images/ecl/${forcedTheme}/icons-social-media/sprites/icons-social-media.svg#${this.icon}`);\n                    case 'flag':\n                        return of(`assets/images/ecl/${forcedTheme}/icons-flag/sprites/icons-flag.svg#${this.icon}`);\n                    default:\n                        return of(`${this.iconSet}#${this.icon}`);\n                }\n            })\n        );\n    }\n}\n","<svg\n    #svg\n    [ngClass]=\"getClasses()\"\n    [attr.aria-hidden]=\"ariaHidden\"\n    [attr.aria-labelledby]=\"ariaLabelledby || null\"\n    [attr.role]=\"role || null\"\n    [attr.focusable]=\"focusable\">\n    <use [attr.xlink:href]=\"iconUrl$ | async\"></use>\n    <ng-content></ng-content>\n</svg>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiEclIconComponent } from './eui-ecl-icon.component';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EuiEclIconComponent],\n    declarations: [EuiEclIconComponent],\n})\nexport class EuiEclIconComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-components-ecl-eui-ecl-label.mjs

@@ -0,0 +1,48 @@
+import * as i0 from '@angular/core';
+import { Directive, Input, HostBinding, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { EuiEclBaseDirective } from '@eui/components/ecl/shared';
+
+class EuiEclLabelDirective extends EuiEclBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.variant = 'low';
+    }
+    get cssClasses() {
+        return [super.getCssClasses('ecl-label'), `ecl-label--${this.variant}`].join(' ').trim();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.0", type: EuiEclLabelDirective, selector: "[euiEclLabel]", inputs: { variant: "variant" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclLabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[euiEclLabel]',
+                }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class EuiEclLabelDirectiveModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclLabelDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclLabelDirectiveModule, declarations: [EuiEclLabelDirective], imports: [CommonModule], exports: [EuiEclLabelDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclLabelDirectiveModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclLabelDirectiveModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    exports: [EuiEclLabelDirective],
+                    declarations: [EuiEclLabelDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EuiEclLabelDirective, EuiEclLabelDirectiveModule };
+//# sourceMappingURL=eui-components-ecl-eui-ecl-label.mjs.map

package/fesm2022/eui-components-ecl-eui-ecl-label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-components-ecl-eui-ecl-label.mjs","sources":["../../ecl/eui-ecl-label/eui-ecl-label.directive.ts","../../ecl/eui-ecl-label/eui-ecl-label.module.ts","../../ecl/eui-ecl-label/eui-components-ecl-eui-ecl-label.ts"],"sourcesContent":["import { Directive, HostBinding, Input } from '@angular/core';\nimport { EuiEclBaseDirective } from '@eui/components/ecl/shared';\n\n@Directive({\n    selector: '[euiEclLabel]',\n})\nexport class EuiEclLabelDirective extends EuiEclBaseDirective {\n    @Input() variant: 'low' | 'medium' | 'high' | 'highlight' = 'low';\n\n    @HostBinding('class')\n    get cssClasses() {\n        return [super.getCssClasses('ecl-label'), `ecl-label--${this.variant}`].join(' ').trim();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiEclLabelDirective } from './eui-ecl-label.directive';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EuiEclLabelDirective],\n    declarations: [EuiEclLabelDirective],\n})\nexport class EuiEclLabelDirectiveModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAMM,MAAO,oBAAqB,SAAQ,mBAAmB,CAAA;AAH7D,IAAA,WAAA,GAAA;;QAIa,IAAO,CAAA,OAAA,GAA4C,KAAK,CAAC;AAMrE,KAAA;AAJG,IAAA,IACI,UAAU,GAAA;QACV,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,CAAA,WAAA,EAAc,IAAI,CAAC,OAAO,CAAE,CAAA,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;KAC5F;sIANQ,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;0HAApB,oBAAoB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;gGAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAHhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,eAAe;AAC5B,iBAAA,CAAA;8BAEY,OAAO,EAAA,CAAA;sBAAf,KAAK;gBAGF,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO,CAAA;;;MCAX,0BAA0B,CAAA;sIAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAA1B,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,EAFpB,YAAA,EAAA,CAAA,oBAAoB,CAFzB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGrB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,YAJzB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;gGAIb,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBALtC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,oBAAoB,CAAC;oBAC/B,YAAY,EAAE,CAAC,oBAAoB,CAAC;AACvC,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}

package/fesm2022/eui-components-ecl-eui-ecl-link.mjs

@@ -0,0 +1,140 @@
+import * as i0 from '@angular/core';
+import { Directive, Input, HostBinding, ContentChildren, forwardRef, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { __decorate } from 'tslib';
+import { EuiEclBaseDirective, hasPreviousSiblingWithAttribute, hasNextSiblingWithAttribute } from '@eui/components/ecl/shared';
+import { EuiEclIconComponent } from '@eui/components/ecl/eui-ecl-icon';
+import { coerceBoolean } from '@eui/base';
+
+class EuiEclLinkDirective extends EuiEclBaseDirective {
+    get cssClasses() {
+        return [super.getCssClasses('ecl-link'), this.variant ? `ecl-link--${this.variant}` : ''].join(' ').trim();
+    }
+    get hasRightIcon() {
+        return this.isIconOnRightSide(this.eclIconComponents.toArray());
+    }
+    get hasLeftIcon() {
+        return this.isIconOnLeftSide(this.eclIconComponents.toArray());
+    }
+    get hasIcon() {
+        return this.eclIconComponents && this.eclIconComponents.length > 0;
+    }
+    constructor(el) {
+        super();
+        this.el = el;
+    }
+    ngAfterContentInit() {
+        if (this.eclIconComponents) {
+            setTimeout(() => {
+                this.eclIconComponents.forEach((icn) => {
+                    if (this.isIconOnLeftSide(this.eclIconComponents.toArray())) {
+                        icn.class = 'ecl-link__icon ecl-link__icon--before';
+                    }
+                    else if (this.isIconOnRightSide(this.eclIconComponents.toArray())) {
+                        icn.class = 'ecl-link__icon ecl-link__icon--after';
+                    }
+                    else {
+                        icn.class = 'ecl-link__icon ecl-link__icon--before';
+                    }
+                });
+            });
+        }
+    }
+    isIconOnRightSide(icons) {
+        return !!icons.find((icn) => {
+            const iconEl = icn.el.nativeElement;
+            if (hasPreviousSiblingWithAttribute(iconEl, 'eclLinkLabel')) {
+                return true;
+            }
+            return false;
+        });
+    }
+    isIconOnLeftSide(icons) {
+        return !!icons.find((icn) => {
+            const iconEl = icn.el.nativeElement;
+            if (hasNextSiblingWithAttribute(iconEl, 'eclLinkLabel')) {
+                return true;
+            }
+            return false;
+        });
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclLinkDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.0", type: EuiEclLinkDirective, selector: "[euiEclLink]", inputs: { variant: "variant", isNegative: "isNegative", isNoVisited: "isNoVisited" }, host: { properties: { "class.ecl-link--negative": "this.isNegative", "class.ecl-link--no-visited": "this.isNoVisited", "class": "this.cssClasses", "class.ecl-link--icon-after": "this.hasRightIcon", "class.ecl-link--icon-before": "this.hasLeftIcon", "class.ecl-link--icon": "this.hasIcon" } }, queries: [{ propertyName: "eclIconComponents", predicate: i0.forwardRef(() => EuiEclIconComponent) }], usesInheritance: true, ngImport: i0 }); }
+}
+__decorate([
+    coerceBoolean
+], EuiEclLinkDirective.prototype, "isNegative", void 0);
+__decorate([
+    coerceBoolean
+], EuiEclLinkDirective.prototype, "isNoVisited", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclLinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[euiEclLink]',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
+                type: Input
+            }], isNegative: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.ecl-link--negative']
+            }], isNoVisited: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.ecl-link--no-visited']
+            }], eclIconComponents: [{
+                type: ContentChildren,
+                args: [forwardRef(() => EuiEclIconComponent)]
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], hasRightIcon: [{
+                type: HostBinding,
+                args: ['class.ecl-link--icon-after']
+            }], hasLeftIcon: [{
+                type: HostBinding,
+                args: ['class.ecl-link--icon-before']
+            }], hasIcon: [{
+                type: HostBinding,
+                args: ['class.ecl-link--icon']
+            }] } });
+
+class EuiEclLinkLabelDirective extends EuiEclBaseDirective {
+    get cssClasses() {
+        return [super.getCssClasses('ecl-link__label')].join(' ').trim();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclLinkLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.0", type: EuiEclLinkLabelDirective, selector: "[euiEclLinkLabel]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclLinkLabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[euiEclLinkLabel]',
+                }]
+        }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class EuiEclLinkDirectiveModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclLinkDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclLinkDirectiveModule, declarations: [EuiEclLinkDirective, EuiEclLinkLabelDirective], imports: [CommonModule], exports: [EuiEclLinkDirective, EuiEclLinkLabelDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclLinkDirectiveModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclLinkDirectiveModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    exports: [EuiEclLinkDirective, EuiEclLinkLabelDirective],
+                    declarations: [EuiEclLinkDirective, EuiEclLinkLabelDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EuiEclLinkDirective, EuiEclLinkDirectiveModule, EuiEclLinkLabelDirective };
+//# sourceMappingURL=eui-components-ecl-eui-ecl-link.mjs.map

package/fesm2022/eui-components-ecl-eui-ecl-link.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-components-ecl-eui-ecl-link.mjs","sources":["../../ecl/eui-ecl-link/eui-ecl-link.directive.ts","../../ecl/eui-ecl-link/eui-ecl-link-label.directive.ts","../../ecl/eui-ecl-link/eui-ecl-link.module.ts","../../ecl/eui-ecl-link/eui-components-ecl-eui-ecl-link.ts"],"sourcesContent":["import { Directive, HostBinding, Input, AfterContentInit, forwardRef, ContentChildren, QueryList, ElementRef } from '@angular/core';\nimport { hasNextSiblingWithAttribute, hasPreviousSiblingWithAttribute } from '@eui/components/ecl/shared';\nimport { EuiEclIconComponent } from '@eui/components/ecl/eui-ecl-icon';\nimport { EuiEclBaseDirective } from '@eui/components/ecl/shared';\nimport { coerceBoolean } from '@eui/base';\n\n@Directive({\n    selector: '[euiEclLink]',\n})\nexport class EuiEclLinkDirective extends EuiEclBaseDirective implements AfterContentInit {\n    @Input() variant: 'standalone' | 'cta' | 'primary' | 'secondary';\n    @coerceBoolean @Input() @HostBinding('class.ecl-link--negative') isNegative: boolean | any;\n    @coerceBoolean @Input() @HostBinding('class.ecl-link--no-visited') isNoVisited: boolean | any;\n    @ContentChildren(forwardRef(() => EuiEclIconComponent)) eclIconComponents: QueryList<EuiEclIconComponent>;\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-link'), this.variant ? `ecl-link--${this.variant}` : ''].join(' ').trim();\n    }\n\n    @HostBinding('class.ecl-link--icon-after')\n    get hasRightIcon(): boolean {\n        return this.isIconOnRightSide(this.eclIconComponents.toArray());\n    }\n\n    @HostBinding('class.ecl-link--icon-before')\n    get hasLeftIcon(): boolean {\n        return this.isIconOnLeftSide(this.eclIconComponents.toArray());\n    }\n\n    @HostBinding('class.ecl-link--icon')\n    get hasIcon(): boolean {\n        return this.eclIconComponents && this.eclIconComponents.length > 0;\n    }\n\n    constructor(public el: ElementRef) {\n        super();\n    }\n\n    ngAfterContentInit(): void {\n        if (this.eclIconComponents) {\n            setTimeout(() => {\n                this.eclIconComponents.forEach((icn) => {\n                    if (this.isIconOnLeftSide(this.eclIconComponents.toArray())) {\n                        icn.class = 'ecl-link__icon ecl-link__icon--before';\n                    } else if (this.isIconOnRightSide(this.eclIconComponents.toArray())) {\n                        icn.class = 'ecl-link__icon ecl-link__icon--after';\n                    } else {\n                        icn.class = 'ecl-link__icon ecl-link__icon--before';\n                    }\n                });\n            });\n        }\n    }\n\n    private isIconOnRightSide(icons: EuiEclIconComponent[]): boolean {\n        return !!icons.find((icn) => {\n            const iconEl = icn.el.nativeElement as HTMLElement;\n\n            if (hasPreviousSiblingWithAttribute(iconEl, 'eclLinkLabel')) {\n                return true;\n            }\n\n            return false;\n        });\n    }\n\n    private isIconOnLeftSide(icons: EuiEclIconComponent[]): boolean {\n        return !!icons.find((icn) => {\n            const iconEl = icn.el.nativeElement as HTMLElement;\n\n            if (hasNextSiblingWithAttribute(iconEl, 'eclLinkLabel')) {\n                return true;\n            }\n\n            return false;\n        });\n    }\n}\n","import { Directive, HostBinding } from '@angular/core';\nimport { EuiEclBaseDirective } from '@eui/components/ecl/shared';\n\n@Directive({\n    selector: '[euiEclLinkLabel]',\n})\nexport class EuiEclLinkLabelDirective extends EuiEclBaseDirective {\n    @HostBinding('class')\n    get cssClasses() {\n        return [super.getCssClasses('ecl-link__label')].join(' ').trim();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiEclLinkDirective } from './eui-ecl-link.directive';\nimport { EuiEclLinkLabelDirective } from './eui-ecl-link-label.directive';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EuiEclLinkDirective, EuiEclLinkLabelDirective],\n    declarations: [EuiEclLinkDirective, EuiEclLinkLabelDirective],\n})\nexport class EuiEclLinkDirectiveModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-components-ecl-eui-ecl-message.mjs

@@ -0,0 +1,125 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, Input, Output, HostBinding, Directive, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@eui/components/ecl/eui-ecl-button';
+import { EuiEclButtonComponentModule } from '@eui/components/ecl/eui-ecl-button';
+import * as i3 from '@eui/components/ecl/eui-ecl-icon';
+import { EuiEclIconComponentModule } from '@eui/components/ecl/eui-ecl-icon';
+import * as i4 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { __decorate } from 'tslib';
+import { coerceBoolean } from '@eui/base';
+import { EuiEclBaseEvent, EuiEclBaseDirective } from '@eui/components/ecl/shared';
+
+class EuiEclMessageCloseEvent extends EuiEclBaseEvent {
+}
+class EuiEclMessageComponent extends EuiEclBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.variant = 'info';
+        this.isVisible = true;
+        this.isCloseable = true;
+        this.close = new EventEmitter();
+        this.role = 'alert';
+    }
+    get isHidden() {
+        return !this.isVisible;
+    }
+    get cssClasses() {
+        return [super.getCssClasses('ecl-message'), this.variant ? `ecl-message--${this.variant}` : ''].join(' ').trim();
+    }
+    onCloseClick(evt) {
+        const event = new EuiEclMessageCloseEvent();
+        this.close.next(event);
+        if (!event.defaultPrevented) {
+            this.isVisible = false;
+        }
+    }
+    getIcon() {
+        if (this.variant === 'info') {
+            return 'information';
+        }
+        else if (this.variant === 'success') {
+            return 'success';
+        }
+        else if (this.variant === 'warning') {
+            return 'warning';
+        }
+        else if (this.variant === 'error') {
+            return 'error';
+        }
+        else {
+            return 'information';
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclMessageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.0-rc.0", type: EuiEclMessageComponent, selector: "eui-ecl-message", inputs: { messageTitle: "messageTitle", variant: "variant", isVisible: "isVisible", isCloseable: "isCloseable" }, outputs: { close: "close" }, host: { properties: { "attr.role": "this.role", "class.ecl-u-d-none": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<eui-ecl-icon size=\"l\" class=\"ecl-message__icon\" [icon]=\"getIcon()\"></eui-ecl-icon>\n\n<div class=\"ecl-message__content\">\n    <button *ngIf=\"isCloseable\" eclButton class=\"ecl-message__close\" (click)=\"onCloseClick($event)\" variant=\"ghost\">\n        <span eclButtonLabel>\n            {{ 'ecl.common.CLOSE' | translate }}\n        </span>\n        <eui-ecl-icon icon=\"close\" size=\"s\"></eui-ecl-icon>\n    </button>\n\n    <ng-content select=\"[eclMessageTitle]\"></ng-content>\n    <div class=\"ecl-message__description\"><ng-content></ng-content></div>\n</div>\n", styles: [".ecl-message{border-bottom-width:0;border-end-start-radius:4px;border-inline-end-width:0;border-inline-start-width:4px;border-start-start-radius:4px;border-style:solid;border-top-width:0;box-sizing:border-box;display:flex;margin:0;padding-bottom:1.5rem;padding-inline-end:.5rem;padding-inline-start:1.5rem;padding-top:1.5rem;position:relative}.ecl-message__icon{flex-shrink:0;margin-inline-end:.5rem}.ecl-message__content{width:100%}.ecl-message__title{color:#171a22;font: 400 1rem/1.5rem arial,sans-serif;font-weight:700;margin-bottom:.5rem;max-width:80ch}.ecl-message__description{color:#515560;font: 400 1rem/1.5rem arial,sans-serif;margin:0 0 .5rem;max-width:80ch;padding-bottom:2rem}.ecl-message__close{bottom:.25rem;color:#0e47cb;font: 400 1rem/1.25rem arial,sans-serif;font-weight:none;position:absolute;right:0}.no-js .ecl-message__close{display:none}@supports (display: grid){.ecl-message__content{display:grid}.ecl-message__title{grid-column-start:1}.ecl-message__description{grid-column-start:1;padding-bottom:0}.ecl-message__close{align-self:self-end;bottom:auto;grid-column-start:1;grid-row-end:4;grid-row-start:3;justify-self:end;margin-bottom:-.75rem;position:relative;right:auto}}@media (min-width: 768px){.ecl-message__title{margin-bottom:.5rem}.ecl-message__description{margin-bottom:0;padding-bottom:0}.ecl-message__close{bottom:auto;top:.75rem}@supports (display: grid){.ecl-message__content{grid-template-columns:auto max-content}.ecl-message__close{align-self:self-start;grid-column-start:2;grid-row-end:span 2;grid-row-start:1;margin-bottom:0;margin-top:-.75rem;position:relative;right:auto;top:auto}}}.ecl-message--info{background:#f3f6fc;border-color:#0e47cb}.ecl-message--info .ecl-message__icon{fill:#0e47cb}.ecl-message--success{background:#f2fcf9;border-color:#008d66}.ecl-message--success .ecl-message__icon{fill:#008d66}.ecl-message--warning{background:#fff7f2;border-color:#cc4e00}.ecl-message--warning .ecl-message__icon{fill:#cc4e00}.ecl-message--error{background:#fef2f5;border-color:#bf0036}.ecl-message--error .ecl-message__icon{fill:#bf0036}ecl-button{grid-column-start:2;grid-row-start:1}.ecl-message__icon.ecl-icon{margin-inline-end:1rem}.ecl-message__close *{display:inline-flex;margin-inline-end:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiEclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["variant", "containerStyleClass"] }, { kind: "component", type: i3.EuiEclIconComponent, selector: "eui-ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+__decorate([
+    coerceBoolean
+], EuiEclMessageComponent.prototype, "isVisible", void 0);
+__decorate([
+    coerceBoolean
+], EuiEclMessageComponent.prototype, "isCloseable", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eui-ecl-message', encapsulation: ViewEncapsulation.None, template: "<eui-ecl-icon size=\"l\" class=\"ecl-message__icon\" [icon]=\"getIcon()\"></eui-ecl-icon>\n\n<div class=\"ecl-message__content\">\n    <button *ngIf=\"isCloseable\" eclButton class=\"ecl-message__close\" (click)=\"onCloseClick($event)\" variant=\"ghost\">\n        <span eclButtonLabel>\n            {{ 'ecl.common.CLOSE' | translate }}\n        </span>\n        <eui-ecl-icon icon=\"close\" size=\"s\"></eui-ecl-icon>\n    </button>\n\n    <ng-content select=\"[eclMessageTitle]\"></ng-content>\n    <div class=\"ecl-message__description\"><ng-content></ng-content></div>\n</div>\n", styles: [".ecl-message{border-bottom-width:0;border-end-start-radius:4px;border-inline-end-width:0;border-inline-start-width:4px;border-start-start-radius:4px;border-style:solid;border-top-width:0;box-sizing:border-box;display:flex;margin:0;padding-bottom:1.5rem;padding-inline-end:.5rem;padding-inline-start:1.5rem;padding-top:1.5rem;position:relative}.ecl-message__icon{flex-shrink:0;margin-inline-end:.5rem}.ecl-message__content{width:100%}.ecl-message__title{color:#171a22;font: 400 1rem/1.5rem arial,sans-serif;font-weight:700;margin-bottom:.5rem;max-width:80ch}.ecl-message__description{color:#515560;font: 400 1rem/1.5rem arial,sans-serif;margin:0 0 .5rem;max-width:80ch;padding-bottom:2rem}.ecl-message__close{bottom:.25rem;color:#0e47cb;font: 400 1rem/1.25rem arial,sans-serif;font-weight:none;position:absolute;right:0}.no-js .ecl-message__close{display:none}@supports (display: grid){.ecl-message__content{display:grid}.ecl-message__title{grid-column-start:1}.ecl-message__description{grid-column-start:1;padding-bottom:0}.ecl-message__close{align-self:self-end;bottom:auto;grid-column-start:1;grid-row-end:4;grid-row-start:3;justify-self:end;margin-bottom:-.75rem;position:relative;right:auto}}@media (min-width: 768px){.ecl-message__title{margin-bottom:.5rem}.ecl-message__description{margin-bottom:0;padding-bottom:0}.ecl-message__close{bottom:auto;top:.75rem}@supports (display: grid){.ecl-message__content{grid-template-columns:auto max-content}.ecl-message__close{align-self:self-start;grid-column-start:2;grid-row-end:span 2;grid-row-start:1;margin-bottom:0;margin-top:-.75rem;position:relative;right:auto;top:auto}}}.ecl-message--info{background:#f3f6fc;border-color:#0e47cb}.ecl-message--info .ecl-message__icon{fill:#0e47cb}.ecl-message--success{background:#f2fcf9;border-color:#008d66}.ecl-message--success .ecl-message__icon{fill:#008d66}.ecl-message--warning{background:#fff7f2;border-color:#cc4e00}.ecl-message--warning .ecl-message__icon{fill:#cc4e00}.ecl-message--error{background:#fef2f5;border-color:#bf0036}.ecl-message--error .ecl-message__icon{fill:#bf0036}ecl-button{grid-column-start:2;grid-row-start:1}.ecl-message__icon.ecl-icon{margin-inline-end:1rem}.ecl-message__close *{display:inline-flex;margin-inline-end:.5rem}\n"] }]
+        }], propDecorators: { messageTitle: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], isVisible: [{
+                type: Input
+            }], isCloseable: [{
+                type: Input
+            }], close: [{
+                type: Output
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], isHidden: [{
+                type: HostBinding,
+                args: ['class.ecl-u-d-none']
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class EuiEclMessageTitleDirective extends EuiEclBaseDirective {
+    get cssClasses() {
+        return [super.getCssClasses('ecl-message__title')].join(' ').trim();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclMessageTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.0", type: EuiEclMessageTitleDirective, selector: "[euiEclMessageTitle]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclMessageTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[euiEclMessageTitle]',
+                }]
+        }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class EuiEclMessageComponentModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclMessageComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclMessageComponentModule, declarations: [EuiEclMessageComponent, EuiEclMessageTitleDirective], imports: [CommonModule, EuiEclButtonComponentModule, EuiEclIconComponentModule, TranslateModule], exports: [EuiEclMessageComponent, EuiEclMessageTitleDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclMessageComponentModule, imports: [CommonModule, EuiEclButtonComponentModule, EuiEclIconComponentModule, TranslateModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.0", ngImport: i0, type: EuiEclMessageComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, EuiEclButtonComponentModule, EuiEclIconComponentModule, TranslateModule],
+                    exports: [EuiEclMessageComponent, EuiEclMessageTitleDirective],
+                    declarations: [EuiEclMessageComponent, EuiEclMessageTitleDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EuiEclMessageCloseEvent, EuiEclMessageComponent, EuiEclMessageComponentModule, EuiEclMessageTitleDirective };
+//# sourceMappingURL=eui-components-ecl-eui-ecl-message.mjs.map

package/fesm2022/eui-components-ecl-eui-ecl-message.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-components-ecl-eui-ecl-message.mjs","sources":["../../ecl/eui-ecl-message/eui-ecl-message.component.ts","../../ecl/eui-ecl-message/eui-ecl-message.component.html","../../ecl/eui-ecl-message/eui-ecl-message-title.directive.ts","../../ecl/eui-ecl-message/eui-ecl-message.module.ts","../../ecl/eui-ecl-message/eui-components-ecl-eui-ecl-message.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, HostBinding, ViewEncapsulation } from '@angular/core';\nimport { coerceBoolean } from '@eui/base';\nimport { EuiEclBaseEvent } from '@eui/components/ecl/shared';\nimport { EuiEclBaseDirective } from '@eui/components/ecl/shared';\n\nexport class EuiEclMessageCloseEvent extends EuiEclBaseEvent {}\n\n@Component({\n    selector: 'eui-ecl-message',\n    templateUrl: './eui-ecl-message.component.html',\n    styleUrls: ['./_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiEclMessageComponent extends EuiEclBaseDirective {\n    @Input() messageTitle: string;\n    @Input() variant: 'info' | 'success' | 'warning' | 'error' = 'info';\n    @coerceBoolean @Input() isVisible: boolean | any = true;\n    @coerceBoolean @Input() isCloseable: boolean | any = true;\n\n    @Output() close = new EventEmitter<EuiEclMessageCloseEvent>();\n\n    @HostBinding('attr.role')\n    role = 'alert';\n\n    @HostBinding('class.ecl-u-d-none')\n    get isHidden() {\n        return !this.isVisible;\n    }\n\n    @HostBinding('class')\n    get cssClasses() {\n        return [super.getCssClasses('ecl-message'), this.variant ? `ecl-message--${this.variant}` : ''].join(' ').trim();\n    }\n\n    onCloseClick(evt: Event) {\n        const event = new EuiEclMessageCloseEvent();\n        this.close.next(event);\n        if (!event.defaultPrevented) {\n            this.isVisible = false;\n        }\n    }\n\n    getIcon() {\n        if (this.variant === 'info') {\n            return 'information';\n        } else if (this.variant === 'success') {\n            return 'success';\n        } else if (this.variant === 'warning') {\n            return 'warning';\n        } else if (this.variant === 'error') {\n            return 'error';\n        } else {\n            return 'information';\n        }\n    }\n}\n","<eui-ecl-icon size=\"l\" class=\"ecl-message__icon\" [icon]=\"getIcon()\"></eui-ecl-icon>\n\n<div class=\"ecl-message__content\">\n    <button *ngIf=\"isCloseable\" eclButton class=\"ecl-message__close\" (click)=\"onCloseClick($event)\" variant=\"ghost\">\n        <span eclButtonLabel>\n            {{ 'ecl.common.CLOSE' | translate }}\n        </span>\n        <eui-ecl-icon icon=\"close\" size=\"s\"></eui-ecl-icon>\n    </button>\n\n    <ng-content select=\"[eclMessageTitle]\"></ng-content>\n    <div class=\"ecl-message__description\"><ng-content></ng-content></div>\n</div>\n","import { Directive, HostBinding } from '@angular/core';\nimport { EuiEclBaseDirective } from '@eui/components/ecl/shared';\n\n@Directive({\n    selector: '[euiEclMessageTitle]',\n})\nexport class EuiEclMessageTitleDirective extends EuiEclBaseDirective {\n    @HostBinding('class')\n    get cssClasses() {\n        return [super.getCssClasses('ecl-message__title')].join(' ').trim();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiEclButtonComponentModule } from '@eui/components/ecl/eui-ecl-button';\nimport { EuiEclIconComponentModule } from '@eui/components/ecl/eui-ecl-icon';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EuiEclMessageComponent } from './eui-ecl-message.component';\nimport { EuiEclMessageTitleDirective } from './eui-ecl-message-title.directive';\n\n@NgModule({\n    imports: [CommonModule, EuiEclButtonComponentModule, EuiEclIconComponentModule, TranslateModule],\n    exports: [EuiEclMessageComponent, EuiEclMessageTitleDirective],\n    declarations: [EuiEclMessageComponent, EuiEclMessageTitleDirective],\n})\nexport class EuiEclMessageComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}