@eui/ecl 15.0.0-next.15

package/esm2020/lib/components/ecl-menu/ecl-menu-mega/ecl-menu-mega.component.mjs

@@ -0,0 +1,104 @@
+import { __decorate } from "tslib";
+import { Component, Input, ContentChildren, Output, EventEmitter, HostBinding } from '@angular/core';
+import { EclMenuMegaItemComponent } from './ecl-menu-mega-item.component';
+import { Subject, of } from 'rxjs';
+import { takeUntil, mergeWith } from 'rxjs/operators';
+import { EclMenuItemSelectEvent } from '../common/ecl-menu-item.event';
+import { ECLBaseDirective } from '../../ecl-base.directive';
+import { coerceBoolean } from '@eui/base';
+import * as i0 from "@angular/core";
+export class EclMenuMegaComponent extends ECLBaseDirective {
+    constructor(differs) {
+        super();
+        this.differs = differs;
+        this.isExpanded = false;
+        this.isRtl = false;
+        this.menuItemSelect = new EventEmitter();
+        this.destroy$ = new Subject();
+        this.differ = this.differs.find([]).create();
+    }
+    get cssClasses() {
+        return [
+            super.getCssClasses('ecl-menu__mega'),
+        ].join(' ');
+    }
+    onMenuMegaToggleClick(evt) {
+        this.isExpanded = !this.isExpanded;
+        evt.preventDefault();
+    }
+    ngAfterContentInit() {
+        this.diff = this.differ.diff(this.eclMenuMegaItems);
+        this.createContentChildrenMenuObservable().subscribe(this.onMenuItemChanges.bind(this));
+    }
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.unsubscribe();
+    }
+    createContentChildrenMenuObservable() {
+        return of(this.eclMenuMegaItems).pipe(mergeWith(this.eclMenuMegaItems.changes), takeUntil(this.destroy$));
+    }
+    onMenuItemChanges() {
+        this.diff = this.differ.diff(this.eclMenuMegaItems);
+        if (!this.diff) {
+            this.eclMenuMegaItems.forEach(rootItem => {
+                this.connectMenuItemEvents(rootItem);
+            });
+        }
+        else {
+            this.diff.forEachAddedItem(change => {
+                this.connectMenuItemEvents(change.item);
+            });
+        }
+    }
+    connectMenuItemEvents(item) {
+        item.menuItemSelect
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((evt) => {
+            this.onMenuItemSelected(item, evt);
+        });
+    }
+    onMenuItemSelected(item, evt) {
+        this.deselectAllMenuItems(this.eclMenuMegaItems.toArray());
+        this.selectMenuItem(item);
+        this.sendMenuItemSelectEvent(evt);
+    }
+    selectMenuItem(item) {
+        item.isCurrent = true;
+    }
+    deselectAllMenuItems(items) {
+        items.forEach(it => {
+            it.isCurrent = false;
+        });
+    }
+    sendMenuItemSelectEvent(evt) {
+        this.menuItemSelect.next(new EclMenuItemSelectEvent(evt.menuItem, evt.domEvent));
+    }
+}
+/** @nocollapse */ EclMenuMegaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclMenuMegaComponent, deps: [{ token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EclMenuMegaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclMenuMegaComponent, selector: "ecl-menu-mega", inputs: { isExpanded: "isExpanded", isRtl: "isRtl" }, outputs: { menuItemSelect: "menuItemSelect" }, host: { properties: { "class.ecl-menu__mega--rtl": "this.isRtl", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclMenuMegaItems", predicate: EclMenuMegaItemComponent }], usesInheritance: true, ngImport: i0, template: "<ul class=\"ecl-menu__sublist\">\n    <ng-content></ng-content>\n</ul>\n" });
+__decorate([
+    coerceBoolean
+], EclMenuMegaComponent.prototype, "isExpanded", void 0);
+__decorate([
+    coerceBoolean
+], EclMenuMegaComponent.prototype, "isRtl", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclMenuMegaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecl-menu-mega', template: "<ul class=\"ecl-menu__sublist\">\n    <ng-content></ng-content>\n</ul>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.IterableDiffers }]; }, propDecorators: { isExpanded: [{
+                type: Input
+            }], isRtl: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.ecl-menu__mega--rtl']
+            }], eclMenuMegaItems: [{
+                type: ContentChildren,
+                args: [EclMenuMegaItemComponent]
+            }], menuItemSelect: [{
+                type: Output
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLW1lbnUtbWVnYS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLW1lbnUvZWNsLW1lbnUtbWVnYS9lY2wtbWVudS1tZWdhLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lY2wtbWVudS9lY2wtbWVudS1tZWdhL2VjbC1tZW51LW1lZ2EuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDSCxTQUFTLEVBQ1QsS0FBSyxFQUNMLGVBQWUsRUFJZixNQUFNLEVBQ04sWUFBWSxFQUlaLFdBQVcsRUFDZCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUMxRSxPQUFPLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBYyxNQUFNLE1BQU0sQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRXZFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzVELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxXQUFXLENBQUM7O0FBTTFDLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxnQkFBZ0I7SUFtQnRELFlBQW9CLE9BQXdCO1FBQ3hDLEtBQUssRUFBRSxDQUFDO1FBRFEsWUFBTyxHQUFQLE9BQU8sQ0FBaUI7UUFsQnBCLGVBQVUsR0FBbUIsS0FBSyxDQUFDO1FBQ08sVUFBSyxHQUFtQixLQUFLLENBQUM7UUFJdEYsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBMEIsQ0FBQztRQVc5RCxhQUFRLEdBQXFCLElBQUksT0FBTyxFQUFXLENBQUM7UUFJeEQsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUNqRCxDQUFDO0lBZEQsSUFDSSxVQUFVO1FBQ1YsT0FBTztZQUNILEtBQUssQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQUM7U0FDeEMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDaEIsQ0FBQztJQVdELHFCQUFxQixDQUFDLEdBQWU7UUFDakMsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7UUFDbkMsR0FBRyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxrQkFBa0I7UUFDZCxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBdUIsQ0FBQyxDQUFDO1FBQzNELElBQUksQ0FBQyxtQ0FBbUMsRUFBRSxDQUFDLFNBQVMsQ0FDaEQsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FDcEMsQ0FBQztJQUNOLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDekIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRU8sbUNBQW1DO1FBQ3ZDLE9BQU8sRUFBRSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLElBQUksQ0FDakMsU0FBUyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsRUFDeEMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFTyxpQkFBaUI7UUFDckIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQXVCLENBQUMsQ0FBQztRQUUzRCxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNaLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLEVBQUU7Z0JBQ3JDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUN6QyxDQUFDLENBQUMsQ0FBQztTQUNOO2FBQU07WUFDSCxJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE1BQU0sQ0FBQyxFQUFFO2dCQUNoQyxJQUFJLENBQUMscUJBQXFCLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQzVDLENBQUMsQ0FBQyxDQUFDO1NBQ047SUFDTCxDQUFDO0lBRU8scUJBQXFCLENBQUMsSUFBOEI7UUFDeEQsSUFBSSxDQUFDLGNBQWM7YUFDZCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUM5QixTQUFTLENBQUMsQ0FBQyxHQUEyQixFQUFFLEVBQUU7WUFDdkMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksRUFBRSxHQUFHLENBQUMsQ0FBQztRQUN2QyxDQUFDLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFTyxrQkFBa0IsQ0FBQyxJQUFpQixFQUFFLEdBQTJCO1FBQ3JFLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztRQUMzRCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzFCLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRU8sY0FBYyxDQUFDLElBQWlCO1FBQ3BDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO0lBQzFCLENBQUM7SUFFTyxvQkFBb0IsQ0FBQyxLQUF5QjtRQUNsRCxLQUFLLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxFQUFFO1lBQ2YsRUFBRSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDekIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRU8sdUJBQXVCLENBQUMsR0FBMkI7UUFDdkQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQ3BCLElBQUksc0JBQXNCLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxHQUFHLENBQUMsUUFBUSxDQUFDLENBQ3pELENBQUM7SUFDTixDQUFDOzsySUF6RlEsb0JBQW9COytIQUFwQixvQkFBb0IsNFJBSVosd0JBQXdCLG9EQzlCN0MsMEVBR0E7O0lEd0JLLGFBQWE7d0RBQTZDOztJQUMxRCxhQUFhO21EQUFrRjtrR0FGdkYsb0JBQW9CO2tCQUpoQyxTQUFTOytCQUNJLGVBQWU7c0dBSUQsVUFBVTtzQkFBbEIsS0FBSztnQkFDNkMsS0FBSztzQkFBdkQsS0FBSzs7c0JBQUksV0FBVzt1QkFBQywyQkFBMkI7Z0JBRXJCLGdCQUFnQjtzQkFBMUQsZUFBZTt1QkFBQyx3QkFBd0I7Z0JBRS9CLGNBQWM7c0JBQXZCLE1BQU07Z0JBR0gsVUFBVTtzQkFEYixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBJbnB1dCxcbiAgICBDb250ZW50Q2hpbGRyZW4sXG4gICAgUXVlcnlMaXN0LFxuICAgIEFmdGVyQ29udGVudEluaXQsXG4gICAgT25EZXN0cm95LFxuICAgIE91dHB1dCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSXRlcmFibGVEaWZmZXIsXG4gICAgSXRlcmFibGVDaGFuZ2VzLFxuICAgIEl0ZXJhYmxlRGlmZmVycyxcbiAgICBIb3N0QmluZGluZ1xufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEVjbE1lbnVNZWdhSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vZWNsLW1lbnUtbWVnYS1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWJqZWN0LCBvZiwgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZVVudGlsLCBtZXJnZVdpdGggfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBFY2xNZW51SXRlbVNlbGVjdEV2ZW50IH0gZnJvbSAnLi4vY29tbW9uL2VjbC1tZW51LWl0ZW0uZXZlbnQnO1xuaW1wb3J0IHsgRWNsTWVudUl0ZW0gfSBmcm9tICcuLi8uLi8uLi9tb2RlbC9lY2wtbWVudS1pdGVtLm1vZGVsJztcbmltcG9ydCB7IEVDTEJhc2VEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9lY2wtYmFzZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhbiB9IGZyb20gJ0BldWkvYmFzZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZWNsLW1lbnUtbWVnYScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2VjbC1tZW51LW1lZ2EuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBFY2xNZW51TWVnYUNvbXBvbmVudCBleHRlbmRzIEVDTEJhc2VEaXJlY3RpdmUgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0LCBPbkRlc3Ryb3kge1xuICAgIEBjb2VyY2VCb29sZWFuIEBJbnB1dCgpIGlzRXhwYW5kZWQ6IGJvb2xlYW4gfCBhbnkgID0gZmFsc2U7XG4gICAgQGNvZXJjZUJvb2xlYW4gQElucHV0KCkgQEhvc3RCaW5kaW5nKCdjbGFzcy5lY2wtbWVudV9fbWVnYS0tcnRsJykgaXNSdGw6IGJvb2xlYW4gfCBhbnkgID0gZmFsc2U7XG5cbiAgICBAQ29udGVudENoaWxkcmVuKEVjbE1lbnVNZWdhSXRlbUNvbXBvbmVudCkgZWNsTWVudU1lZ2FJdGVtczogUXVlcnlMaXN0PEVjbE1lbnVNZWdhSXRlbUNvbXBvbmVudD47XG5cbiAgICBAT3V0cHV0KCkgbWVudUl0ZW1TZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPEVjbE1lbnVJdGVtU2VsZWN0RXZlbnQ+KCk7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpOiBhbnkge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgc3VwZXIuZ2V0Q3NzQ2xhc3NlcygnZWNsLW1lbnVfX21lZ2EnKSxcbiAgICAgICAgXS5qb2luKCcgJyk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBkaWZmZXI6IEl0ZXJhYmxlRGlmZmVyPEVjbE1lbnVNZWdhSXRlbUNvbXBvbmVudD47XG4gICAgcHJpdmF0ZSBkaWZmOiBJdGVyYWJsZUNoYW5nZXM8RWNsTWVudU1lZ2FJdGVtQ29tcG9uZW50PjtcbiAgICBwcml2YXRlIGRlc3Ryb3kkOiBTdWJqZWN0PGJvb2xlYW4+ID0gbmV3IFN1YmplY3Q8Ym9vbGVhbj4oKTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZGlmZmVyczogSXRlcmFibGVEaWZmZXJzKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgICAgIHRoaXMuZGlmZmVyID0gdGhpcy5kaWZmZXJzLmZpbmQoW10pLmNyZWF0ZSgpO1xuICAgIH1cblxuICAgIG9uTWVudU1lZ2FUb2dnbGVDbGljayhldnQ6IE1vdXNlRXZlbnQpIHtcbiAgICAgICAgdGhpcy5pc0V4cGFuZGVkID0gIXRoaXMuaXNFeHBhbmRlZDtcbiAgICAgICAgZXZ0LnByZXZlbnREZWZhdWx0KCk7XG4gICAgfVxuXG4gICAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAgICAgICB0aGlzLmRpZmYgPSB0aGlzLmRpZmZlci5kaWZmKHRoaXMuZWNsTWVudU1lZ2FJdGVtcyBhcyBhbnkpO1xuICAgICAgICB0aGlzLmNyZWF0ZUNvbnRlbnRDaGlsZHJlbk1lbnVPYnNlcnZhYmxlKCkuc3Vic2NyaWJlKFxuICAgICAgICAgICAgdGhpcy5vbk1lbnVJdGVtQ2hhbmdlcy5iaW5kKHRoaXMpXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKSB7XG4gICAgICAgIHRoaXMuZGVzdHJveSQubmV4dCh0cnVlKTtcbiAgICAgICAgdGhpcy5kZXN0cm95JC51bnN1YnNjcmliZSgpO1xuICAgIH1cblxuICAgIHByaXZhdGUgY3JlYXRlQ29udGVudENoaWxkcmVuTWVudU9ic2VydmFibGUoKTogT2JzZXJ2YWJsZTxRdWVyeUxpc3Q8RWNsTWVudU1lZ2FJdGVtQ29tcG9uZW50Pj4ge1xuICAgICAgICByZXR1cm4gb2YodGhpcy5lY2xNZW51TWVnYUl0ZW1zKS5waXBlKFxuICAgICAgICAgICAgbWVyZ2VXaXRoKHRoaXMuZWNsTWVudU1lZ2FJdGVtcy5jaGFuZ2VzKSxcbiAgICAgICAgICAgIHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBvbk1lbnVJdGVtQ2hhbmdlcygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5kaWZmID0gdGhpcy5kaWZmZXIuZGlmZih0aGlzLmVjbE1lbnVNZWdhSXRlbXMgYXMgYW55KTtcblxuICAgICAgICBpZiAoIXRoaXMuZGlmZikge1xuICAgICAgICAgICAgdGhpcy5lY2xNZW51TWVnYUl0ZW1zLmZvckVhY2gocm9vdEl0ZW0gPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuY29ubmVjdE1lbnVJdGVtRXZlbnRzKHJvb3RJdGVtKTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5kaWZmLmZvckVhY2hBZGRlZEl0ZW0oY2hhbmdlID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmNvbm5lY3RNZW51SXRlbUV2ZW50cyhjaGFuZ2UuaXRlbSk7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgY29ubmVjdE1lbnVJdGVtRXZlbnRzKGl0ZW06IEVjbE1lbnVNZWdhSXRlbUNvbXBvbmVudCkge1xuICAgICAgICBpdGVtLm1lbnVJdGVtU2VsZWN0XG4gICAgICAgICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95JCkpXG4gICAgICAgICAgICAuc3Vic2NyaWJlKChldnQ6IEVjbE1lbnVJdGVtU2VsZWN0RXZlbnQpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLm9uTWVudUl0ZW1TZWxlY3RlZChpdGVtLCBldnQpO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBvbk1lbnVJdGVtU2VsZWN0ZWQoaXRlbTogRWNsTWVudUl0ZW0sIGV2dDogRWNsTWVudUl0ZW1TZWxlY3RFdmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLmRlc2VsZWN0QWxsTWVudUl0ZW1zKHRoaXMuZWNsTWVudU1lZ2FJdGVtcy50b0FycmF5KCkpO1xuICAgICAgICB0aGlzLnNlbGVjdE1lbnVJdGVtKGl0ZW0pO1xuICAgICAgICB0aGlzLnNlbmRNZW51SXRlbVNlbGVjdEV2ZW50KGV2dCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBzZWxlY3RNZW51SXRlbShpdGVtOiBFY2xNZW51SXRlbSkge1xuICAgICAgICBpdGVtLmlzQ3VycmVudCA9IHRydWU7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBkZXNlbGVjdEFsbE1lbnVJdGVtcyhpdGVtczogQXJyYXk8RWNsTWVudUl0ZW0+KTogdm9pZCB7XG4gICAgICAgIGl0ZW1zLmZvckVhY2goaXQgPT4ge1xuICAgICAgICAgICAgaXQuaXNDdXJyZW50ID0gZmFsc2U7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgc2VuZE1lbnVJdGVtU2VsZWN0RXZlbnQoZXZ0OiBFY2xNZW51SXRlbVNlbGVjdEV2ZW50KTogdm9pZCB7XG4gICAgICAgIHRoaXMubWVudUl0ZW1TZWxlY3QubmV4dChcbiAgICAgICAgICAgIG5ldyBFY2xNZW51SXRlbVNlbGVjdEV2ZW50KGV2dC5tZW51SXRlbSwgZXZ0LmRvbUV2ZW50KVxuICAgICAgICApO1xuICAgIH1cbn1cbiIsIjx1bCBjbGFzcz1cImVjbC1tZW51X19zdWJsaXN0XCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC91bD5cbiJdfQ==

package/esm2020/lib/components/ecl-menu/ecl-menu-mega/index.mjs

@@ -0,0 +1,3 @@
+export * from './ecl-menu-mega.component';
+export * from './ecl-menu-mega-item.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLW1lbnUvZWNsLW1lbnUtbWVnYS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsZ0NBQWdDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2VjbC1tZW51LW1lZ2EuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZWNsLW1lbnUtbWVnYS1pdGVtLmNvbXBvbmVudCc7XG4iXX0=

package/esm2020/lib/components/ecl-menu/ecl-menu.module.mjs

@@ -0,0 +1,67 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { LayoutModule } from '@angular/cdk/layout';
+import { EclMenuComponent } from './ecl-menu/ecl-menu.component';
+import { EclMenuItemComponent } from './ecl-menu/ecl-menu-item.component';
+import { EclLinkDirectiveModule } from '../ecl-link/ecl-link.module';
+import { EclIconComponentModule } from '../ecl-icon/ecl-icon.module';
+import { TranslateModule } from '@ngx-translate/core';
+import { EclMenuMegaComponent } from './ecl-menu-mega/ecl-menu-mega.component';
+import { EclMenuMegaItemComponent } from './ecl-menu-mega/ecl-menu-mega-item.component';
+import { EclButtonComponentModule } from '../ecl-button';
+import { EclClickOutsideModule } from '../../utils/directives/ecl-click-outside';
+import { RouterModule } from '@angular/router';
+import * as i0 from "@angular/core";
+export class EclMenuComponentModule {
+}
+/** @nocollapse */ EclMenuComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclMenuComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EclMenuComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclMenuComponentModule, declarations: [EclMenuComponent,
+        EclMenuItemComponent,
+        EclMenuMegaComponent,
+        EclMenuMegaItemComponent], imports: [EclButtonComponentModule,
+        EclClickOutsideModule,
+        EclIconComponentModule,
+        EclLinkDirectiveModule,
+        CommonModule,
+        RouterModule,
+        LayoutModule,
+        TranslateModule], exports: [EclMenuComponent,
+        EclMenuItemComponent,
+        EclMenuMegaComponent,
+        EclMenuMegaItemComponent] });
+/** @nocollapse */ EclMenuComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclMenuComponentModule, imports: [EclButtonComponentModule,
+        EclClickOutsideModule,
+        EclIconComponentModule,
+        EclLinkDirectiveModule,
+        CommonModule,
+        RouterModule,
+        LayoutModule,
+        TranslateModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclMenuComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        EclButtonComponentModule,
+                        EclClickOutsideModule,
+                        EclIconComponentModule,
+                        EclLinkDirectiveModule,
+                        CommonModule,
+                        RouterModule,
+                        LayoutModule,
+                        TranslateModule
+                    ],
+                    exports: [
+                        EclMenuComponent,
+                        EclMenuItemComponent,
+                        EclMenuMegaComponent,
+                        EclMenuMegaItemComponent
+                    ],
+                    declarations: [
+                        EclMenuComponent,
+                        EclMenuItemComponent,
+                        EclMenuMegaComponent,
+                        EclMenuMegaItemComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLW1lbnUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VjbC1tZW51L2VjbC1tZW51Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDakUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDMUUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQy9FLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNqRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBMEIvQyxNQUFNLE9BQU8sc0JBQXNCOzs2SUFBdEIsc0JBQXNCOzhJQUF0QixzQkFBc0IsaUJBTjNCLGdCQUFnQjtRQUNoQixvQkFBb0I7UUFDcEIsb0JBQW9CO1FBQ3BCLHdCQUF3QixhQW5CeEIsd0JBQXdCO1FBQ3hCLHFCQUFxQjtRQUNyQixzQkFBc0I7UUFDdEIsc0JBQXNCO1FBQ3RCLFlBQVk7UUFDWixZQUFZO1FBQ1osWUFBWTtRQUNaLGVBQWUsYUFHZixnQkFBZ0I7UUFDaEIsb0JBQW9CO1FBQ3BCLG9CQUFvQjtRQUNwQix3QkFBd0I7OElBU25CLHNCQUFzQixZQXRCM0Isd0JBQXdCO1FBQ3hCLHFCQUFxQjtRQUNyQixzQkFBc0I7UUFDdEIsc0JBQXNCO1FBQ3RCLFlBQVk7UUFDWixZQUFZO1FBQ1osWUFBWTtRQUNaLGVBQWU7a0dBZVYsc0JBQXNCO2tCQXhCbEMsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUU7d0JBQ0wsd0JBQXdCO3dCQUN4QixxQkFBcUI7d0JBQ3JCLHNCQUFzQjt3QkFDdEIsc0JBQXNCO3dCQUN0QixZQUFZO3dCQUNaLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixlQUFlO3FCQUNsQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsZ0JBQWdCO3dCQUNoQixvQkFBb0I7d0JBQ3BCLG9CQUFvQjt3QkFDcEIsd0JBQXdCO3FCQUMzQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1YsZ0JBQWdCO3dCQUNoQixvQkFBb0I7d0JBQ3BCLG9CQUFvQjt3QkFDcEIsd0JBQXdCO3FCQUMzQjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTGF5b3V0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XG5pbXBvcnQgeyBFY2xNZW51Q29tcG9uZW50IH0gZnJvbSAnLi9lY2wtbWVudS9lY2wtbWVudS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRWNsTWVudUl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2VjbC1tZW51L2VjbC1tZW51LWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IEVjbExpbmtEaXJlY3RpdmVNb2R1bGUgfSBmcm9tICcuLi9lY2wtbGluay9lY2wtbGluay5tb2R1bGUnO1xuaW1wb3J0IHsgRWNsSWNvbkNvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uL2VjbC1pY29uL2VjbC1pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcbmltcG9ydCB7IEVjbE1lbnVNZWdhQ29tcG9uZW50IH0gZnJvbSAnLi9lY2wtbWVudS1tZWdhL2VjbC1tZW51LW1lZ2EuY29tcG9uZW50JztcbmltcG9ydCB7IEVjbE1lbnVNZWdhSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vZWNsLW1lbnUtbWVnYS9lY2wtbWVudS1tZWdhLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IEVjbEJ1dHRvbkNvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uL2VjbC1idXR0b24nO1xuaW1wb3J0IHsgRWNsQ2xpY2tPdXRzaWRlTW9kdWxlIH0gZnJvbSAnLi4vLi4vdXRpbHMvZGlyZWN0aXZlcy9lY2wtY2xpY2stb3V0c2lkZSc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtcbiAgICAgICAgRWNsQnV0dG9uQ29tcG9uZW50TW9kdWxlLFxuICAgICAgICBFY2xDbGlja091dHNpZGVNb2R1bGUsXG4gICAgICAgIEVjbEljb25Db21wb25lbnRNb2R1bGUsXG4gICAgICAgIEVjbExpbmtEaXJlY3RpdmVNb2R1bGUsXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgUm91dGVyTW9kdWxlLFxuICAgICAgICBMYXlvdXRNb2R1bGUsXG4gICAgICAgIFRyYW5zbGF0ZU1vZHVsZVxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBFY2xNZW51Q29tcG9uZW50LFxuICAgICAgICBFY2xNZW51SXRlbUNvbXBvbmVudCxcbiAgICAgICAgRWNsTWVudU1lZ2FDb21wb25lbnQsXG4gICAgICAgIEVjbE1lbnVNZWdhSXRlbUNvbXBvbmVudFxuICAgIF0sXG4gICAgZGVjbGFyYXRpb25zOiBbXG4gICAgICAgIEVjbE1lbnVDb21wb25lbnQsXG4gICAgICAgIEVjbE1lbnVJdGVtQ29tcG9uZW50LFxuICAgICAgICBFY2xNZW51TWVnYUNvbXBvbmVudCxcbiAgICAgICAgRWNsTWVudU1lZ2FJdGVtQ29tcG9uZW50XG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBFY2xNZW51Q29tcG9uZW50TW9kdWxlIHtcbn1cbiJdfQ==

package/esm2020/lib/components/ecl-menu/index.mjs

@@ -0,0 +1,5 @@
+export * from './ecl-menu.module';
+export * from './common/index';
+export * from './ecl-menu/index';
+export * from './ecl-menu-mega/index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLW1lbnUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZWNsLW1lbnUubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vY29tbW9uL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vZWNsLW1lbnUvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9lY2wtbWVudS1tZWdhL2luZGV4JztcbiJdfQ==

package/esm2020/lib/components/ecl-message/ecl-message-title.directive.mjs

@@ -0,0 +1,22 @@
+import { Directive, HostBinding } from '@angular/core';
+import { ECLBaseDirective } from '../ecl-base.directive';
+import * as i0 from "@angular/core";
+export class EclMessageTitleDirective extends ECLBaseDirective {
+    get cssClasses() {
+        return [
+            super.getCssClasses('ecl-message__title'),
+        ].join(' ').trim();
+    }
+}
+/** @nocollapse */ EclMessageTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclMessageTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ EclMessageTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclMessageTitleDirective, selector: "[eclMessageTitle]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclMessageTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclMessageTitle]'
+                }]
+        }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLW1lc3NhZ2UtdGl0bGUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VjbC1tZXNzYWdlL2VjbC1tZXNzYWdlLXRpdGxlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7QUFLekQsTUFBTSxPQUFPLHdCQUF5QixTQUFRLGdCQUFnQjtJQUUxRCxJQUNJLFVBQVU7UUFDVixPQUFPO1lBQ0gsS0FBSyxDQUFDLGFBQWEsQ0FBQyxvQkFBb0IsQ0FBQztTQUM1QyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDOzsrSUFQUSx3QkFBd0I7bUlBQXhCLHdCQUF3QjtrR0FBeEIsd0JBQXdCO2tCQUhwQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxtQkFBbUI7aUJBQ2hDOzhCQUlPLFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRUNMQmFzZURpcmVjdGl2ZSB9IGZyb20gJy4uL2VjbC1iYXNlLmRpcmVjdGl2ZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2VjbE1lc3NhZ2VUaXRsZV0nXG59KVxuZXhwb3J0IGNsYXNzIEVjbE1lc3NhZ2VUaXRsZURpcmVjdGl2ZSBleHRlbmRzIEVDTEJhc2VEaXJlY3RpdmUge1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKSB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICBzdXBlci5nZXRDc3NDbGFzc2VzKCdlY2wtbWVzc2FnZV9fdGl0bGUnKSxcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cbn0iXX0=

package/esm2020/lib/components/ecl-message/ecl-message.component.mjs

@@ -0,0 +1,88 @@
+import { __decorate } from "tslib";
+import { Component, Input, Output, EventEmitter, HostBinding } from '@angular/core';
+import { EclBaseEvent } from '../../model/ecl-base.event';
+import { coerceBoolean } from '@eui/base';
+import { ECLBaseDirective } from '../ecl-base.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../ecl-button/ecl-button.component";
+import * as i3 from "../ecl-button/ecl-button-label.directive";
+import * as i4 from "../ecl-icon/ecl-icon.component";
+import * as i5 from "@ngx-translate/core";
+export class EclMessageCloseEvent extends EclBaseEvent {
+}
+export class EclMessageComponent extends ECLBaseDirective {
+    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 EclMessageCloseEvent();
+        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 */ EclMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclMessageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EclMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclMessageComponent, selector: "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: "<ecl-icon size=\"l\" class=\"ecl-message__icon\" [icon]=\"getIcon()\"></ecl-icon>\n\n<div class=\"ecl-message__content\">\n    <button \n        *ngIf=\"isCloseable\"\n        eclButton \n        class=\"ecl-message__close\"\n        (click)=\"onCloseClick($event)\"\n        variant=\"ghost\">\n        <span eclButtonLabel>\n            {{ 'ecl.common.CLOSE' | translate }}\n        </span>\n        <ecl-icon icon=\"close\" size=\"s\"></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>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["variant", "containerStyleClass"] }, { kind: "directive", type: i3.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+__decorate([
+    coerceBoolean
+], EclMessageComponent.prototype, "isVisible", void 0);
+__decorate([
+    coerceBoolean
+], EclMessageComponent.prototype, "isCloseable", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecl-message', template: "<ecl-icon size=\"l\" class=\"ecl-message__icon\" [icon]=\"getIcon()\"></ecl-icon>\n\n<div class=\"ecl-message__content\">\n    <button \n        *ngIf=\"isCloseable\"\n        eclButton \n        class=\"ecl-message__close\"\n        (click)=\"onCloseClick($event)\"\n        variant=\"ghost\">\n        <span eclButtonLabel>\n            {{ 'ecl.common.CLOSE' | translate }}\n        </span>\n        <ecl-icon icon=\"close\" size=\"s\"></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>" }]
+        }], 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']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLW1lc3NhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VjbC1tZXNzYWdlL2VjbC1tZXNzYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lY2wtbWVzc2FnZS9lY2wtbWVzc2FnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDMUMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7Ozs7Ozs7QUFFekQsTUFBTSxPQUFPLG9CQUFxQixTQUFRLFlBQVk7Q0FBSTtBQU0xRCxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsZ0JBQWdCO0lBSnpEOztRQU1hLFlBQU8sR0FBNkMsTUFBTSxDQUFDO1FBQzVDLGNBQVMsR0FBbUIsSUFBSSxDQUFDO1FBQ2pDLGdCQUFXLEdBQW1CLElBQUksQ0FBQztRQUVqRCxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQXdCLENBQUM7UUFHM0QsU0FBSSxHQUFHLE9BQU8sQ0FBQTtLQXFDakI7SUFuQ0csSUFDSSxRQUFRO1FBQ1IsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQ0ksVUFBVTtRQUNWLE9BQU87WUFDSCxLQUFLLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQztZQUNsQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQ3JELENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFHRCxZQUFZLENBQUMsR0FBVTtRQUNuQixNQUFNLEtBQUssR0FBRyxJQUFJLG9CQUFvQixFQUFFLENBQUM7UUFDekMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxnQkFBZ0IsRUFBRTtZQUN6QixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztTQUMxQjtJQUNMLENBQUM7SUFFRCxPQUFPO1FBQ0gsSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLE1BQU0sRUFBRTtZQUN6QixPQUFPLGFBQWEsQ0FBQztTQUN4QjthQUFNLElBQUksSUFBSSxDQUFDLE9BQU8sS0FBSyxTQUFTLEVBQUU7WUFDbkMsT0FBTyxTQUFTLENBQUM7U0FDcEI7YUFBTSxJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssU0FBUyxFQUFFO1lBQ25DLE9BQU8sU0FBUyxDQUFDO1NBQ3BCO2FBQU0sSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLE9BQU8sRUFBRTtZQUNqQyxPQUFPLE9BQU8sQ0FBQztTQUNsQjthQUFNO1lBQ0gsT0FBTyxhQUFhLENBQUM7U0FDeEI7SUFDTCxDQUFDOzswSUE3Q1EsbUJBQW1COzhIQUFuQixtQkFBbUIsZ1ZDWGhDLHFtQkFpQk07O0lESEQsYUFBYTtzREFBMkM7O0lBQ3hELGFBQWE7d0RBQTZDO2tHQUpsRCxtQkFBbUI7a0JBSi9CLFNBQVM7K0JBQ0ksYUFBYTs4QkFJZCxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDa0IsU0FBUztzQkFBakIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVYLEtBQUs7c0JBQWQsTUFBTTtnQkFHUCxJQUFJO3NCQURILFdBQVc7dUJBQUMsV0FBVztnQkFJcEIsUUFBUTtzQkFEWCxXQUFXO3VCQUFDLG9CQUFvQjtnQkFNN0IsVUFBVTtzQkFEYixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEVjbEJhc2VFdmVudCB9IGZyb20gJy4uLy4uL21vZGVsL2VjbC1iYXNlLmV2ZW50JztcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW4gfSBmcm9tICdAZXVpL2Jhc2UnO1xuaW1wb3J0IHsgRUNMQmFzZURpcmVjdGl2ZSB9IGZyb20gJy4uL2VjbC1iYXNlLmRpcmVjdGl2ZSc7XG5cbmV4cG9ydCBjbGFzcyBFY2xNZXNzYWdlQ2xvc2VFdmVudCBleHRlbmRzIEVjbEJhc2VFdmVudCB7IH1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdlY2wtbWVzc2FnZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2VjbC1tZXNzYWdlLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgRWNsTWVzc2FnZUNvbXBvbmVudCBleHRlbmRzIEVDTEJhc2VEaXJlY3RpdmUge1xuICAgIEBJbnB1dCgpIG1lc3NhZ2VUaXRsZTogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHZhcmlhbnQ6ICdpbmZvJyB8ICdzdWNjZXNzJyB8ICd3YXJuaW5nJyB8ICdlcnJvcicgPSAnaW5mbyc7XG4gICAgQGNvZXJjZUJvb2xlYW4gQElucHV0KCkgaXNWaXNpYmxlOiBib29sZWFuIHwgYW55ICA9IHRydWU7XG4gICAgQGNvZXJjZUJvb2xlYW4gQElucHV0KCkgaXNDbG9zZWFibGU6IGJvb2xlYW4gfCBhbnkgID0gdHJ1ZTtcblxuICAgIEBPdXRwdXQoKSBjbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8RWNsTWVzc2FnZUNsb3NlRXZlbnQ+KCk7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIucm9sZScpXG4gICAgcm9sZSA9ICdhbGVydCdcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuZWNsLXUtZC1ub25lJylcbiAgICBnZXQgaXNIaWRkZW4oKSB7XG4gICAgICAgIHJldHVybiAhdGhpcy5pc1Zpc2libGU7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKSB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICBzdXBlci5nZXRDc3NDbGFzc2VzKCdlY2wtbWVzc2FnZScpLFxuICAgICAgICAgICAgdGhpcy52YXJpYW50ID8gYGVjbC1tZXNzYWdlLS0ke3RoaXMudmFyaWFudH1gIDogJycsXG4gICAgICAgIF0uam9pbignICcpLnRyaW0oKTtcbiAgICB9XG5cblxuICAgIG9uQ2xvc2VDbGljayhldnQ6IEV2ZW50KSB7XG4gICAgICAgIGNvbnN0IGV2ZW50ID0gbmV3IEVjbE1lc3NhZ2VDbG9zZUV2ZW50KCk7XG4gICAgICAgIHRoaXMuY2xvc2UubmV4dChldmVudCk7XG4gICAgICAgIGlmICghZXZlbnQuZGVmYXVsdFByZXZlbnRlZCkge1xuICAgICAgICAgICAgdGhpcy5pc1Zpc2libGUgPSBmYWxzZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIGdldEljb24oKSB7XG4gICAgICAgIGlmICh0aGlzLnZhcmlhbnQgPT09ICdpbmZvJykge1xuICAgICAgICAgICAgcmV0dXJuICdpbmZvcm1hdGlvbic7XG4gICAgICAgIH0gZWxzZSBpZiAodGhpcy52YXJpYW50ID09PSAnc3VjY2VzcycpIHtcbiAgICAgICAgICAgIHJldHVybiAnc3VjY2Vzcyc7XG4gICAgICAgIH0gZWxzZSBpZiAodGhpcy52YXJpYW50ID09PSAnd2FybmluZycpIHtcbiAgICAgICAgICAgIHJldHVybiAnd2FybmluZyc7XG4gICAgICAgIH0gZWxzZSBpZiAodGhpcy52YXJpYW50ID09PSAnZXJyb3InKSB7XG4gICAgICAgICAgICByZXR1cm4gJ2Vycm9yJztcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHJldHVybiAnaW5mb3JtYXRpb24nO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGVjbC1pY29uIHNpemU9XCJsXCIgY2xhc3M9XCJlY2wtbWVzc2FnZV9faWNvblwiIFtpY29uXT1cImdldEljb24oKVwiPjwvZWNsLWljb24+XG5cbjxkaXYgY2xhc3M9XCJlY2wtbWVzc2FnZV9fY29udGVudFwiPlxuICAgIDxidXR0b24gXG4gICAgICAgICpuZ0lmPVwiaXNDbG9zZWFibGVcIlxuICAgICAgICBlY2xCdXR0b24gXG4gICAgICAgIGNsYXNzPVwiZWNsLW1lc3NhZ2VfX2Nsb3NlXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xvc2VDbGljaygkZXZlbnQpXCJcbiAgICAgICAgdmFyaWFudD1cImdob3N0XCI+XG4gICAgICAgIDxzcGFuIGVjbEJ1dHRvbkxhYmVsPlxuICAgICAgICAgICAge3sgJ2VjbC5jb21tb24uQ0xPU0UnIHwgdHJhbnNsYXRlIH19XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPGVjbC1pY29uIGljb249XCJjbG9zZVwiIHNpemU9XCJzXCI+PC9lY2wtaWNvbj5cbiAgICA8L2J1dHRvbj5cblxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltlY2xNZXNzYWdlVGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgIDxkaXYgY2xhc3M9XCJlY2wtbWVzc2FnZV9fZGVzY3JpcHRpb25cIj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9kaXY+XG48L2Rpdj4iXX0=

package/esm2020/lib/components/ecl-message/ecl-message.module.mjs

@@ -0,0 +1,33 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { EclButtonComponentModule } from '../ecl-button/ecl-button.module';
+import { EclIconComponentModule } from '../ecl-icon/ecl-icon.module';
+import { TranslateModule } from '@ngx-translate/core';
+import { EclMessageComponent } from './ecl-message.component';
+import { EclMessageTitleDirective } from './ecl-message-title.directive';
+import * as i0 from "@angular/core";
+export class EclMessageComponentModule {
+}
+/** @nocollapse */ EclMessageComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclMessageComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EclMessageComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclMessageComponentModule, declarations: [EclMessageComponent, EclMessageTitleDirective], imports: [CommonModule,
+        EclButtonComponentModule,
+        EclIconComponentModule,
+        TranslateModule], exports: [EclMessageComponent, EclMessageTitleDirective] });
+/** @nocollapse */ EclMessageComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclMessageComponentModule, imports: [CommonModule,
+        EclButtonComponentModule,
+        EclIconComponentModule,
+        TranslateModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclMessageComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        EclButtonComponentModule,
+                        EclIconComponentModule,
+                        TranslateModule
+                    ],
+                    exports: [EclMessageComponent, EclMessageTitleDirective],
+                    declarations: [EclMessageComponent, EclMessageTitleDirective]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLW1lc3NhZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VjbC1tZXNzYWdlL2VjbC1tZXNzYWdlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sK0JBQStCLENBQUM7O0FBWXpFLE1BQU0sT0FBTyx5QkFBeUI7O2dKQUF6Qix5QkFBeUI7aUpBQXpCLHlCQUF5QixpQkFGbkIsbUJBQW1CLEVBQUUsd0JBQXdCLGFBTnhELFlBQVk7UUFDWix3QkFBd0I7UUFDeEIsc0JBQXNCO1FBQ3RCLGVBQWUsYUFFVCxtQkFBbUIsRUFBRSx3QkFBd0I7aUpBRzlDLHlCQUF5QixZQVI5QixZQUFZO1FBQ1osd0JBQXdCO1FBQ3hCLHNCQUFzQjtRQUN0QixlQUFlO2tHQUtWLHlCQUF5QjtrQkFWckMsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWix3QkFBd0I7d0JBQ3hCLHNCQUFzQjt3QkFDdEIsZUFBZTtxQkFDbEI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsbUJBQW1CLEVBQUUsd0JBQXdCLENBQUM7b0JBQ3hELFlBQVksRUFBRSxDQUFDLG1CQUFtQixFQUFFLHdCQUF3QixDQUFDO2lCQUNoRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRWNsQnV0dG9uQ29tcG9uZW50TW9kdWxlIH0gZnJvbSAnLi4vZWNsLWJ1dHRvbi9lY2wtYnV0dG9uLm1vZHVsZSc7XG5pbXBvcnQgeyBFY2xJY29uQ29tcG9uZW50TW9kdWxlIH0gZnJvbSAnLi4vZWNsLWljb24vZWNsLWljb24ubW9kdWxlJztcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHsgRWNsTWVzc2FnZUNvbXBvbmVudCB9IGZyb20gJy4vZWNsLW1lc3NhZ2UuY29tcG9uZW50JztcbmltcG9ydCB7IEVjbE1lc3NhZ2VUaXRsZURpcmVjdGl2ZSB9IGZyb20gJy4vZWNsLW1lc3NhZ2UtdGl0bGUuZGlyZWN0aXZlJztcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgRWNsQnV0dG9uQ29tcG9uZW50TW9kdWxlLFxuICAgICAgICBFY2xJY29uQ29tcG9uZW50TW9kdWxlLFxuICAgICAgICBUcmFuc2xhdGVNb2R1bGVcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtFY2xNZXNzYWdlQ29tcG9uZW50LCBFY2xNZXNzYWdlVGl0bGVEaXJlY3RpdmVdLFxuICAgIGRlY2xhcmF0aW9uczogW0VjbE1lc3NhZ2VDb21wb25lbnQsIEVjbE1lc3NhZ2VUaXRsZURpcmVjdGl2ZV1cbn0pXG5leHBvcnQgY2xhc3MgRWNsTWVzc2FnZUNvbXBvbmVudE1vZHVsZSB7XG59XG4iXX0=

package/esm2020/lib/components/ecl-message/index.mjs

@@ -0,0 +1,4 @@
+export * from './ecl-message.module';
+export * from './ecl-message.component';
+export * from './ecl-message-title.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLW1lc3NhZ2UvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsK0JBQStCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2VjbC1tZXNzYWdlLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2VjbC1tZXNzYWdlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2VjbC1tZXNzYWdlLXRpdGxlLmRpcmVjdGl2ZSc7XG4iXX0=

package/esm2020/lib/components/ecl-multiselect/ecl-multiselect-option.directive.mjs

@@ -0,0 +1,65 @@
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { Directive, HostBinding, Input } from '@angular/core';
+import { Subject } from 'rxjs';
+import { ECLBaseDirective } from '../ecl-base.directive';
+import * as i0 from "@angular/core";
+export class EclMultiselectOptionDirective extends ECLBaseDirective {
+    constructor(elRef) {
+        super();
+        this.elRef = elRef;
+        this.changes = new Subject();
+        this._disabled = false;
+        this._selected = false;
+        if (this.elRef.nativeElement.hasAttribute('eclselectoption')) {
+            console.warn('The selector "eclSelectOption" is deprecated. Please use "eclMultiselectOption"');
+        }
+    }
+    get disabled() {
+        return this._disabled || null;
+    }
+    set disabled(value) { this._disabled = coerceBooleanProperty(value); }
+    get selected() {
+        return this._selected || null;
+    }
+    set selected(value) { this._selected = coerceBooleanProperty(value); }
+    get cssClasses() {
+        return [
+            super.getCssClasses('ecl-checkbox'),
+        ].join(' ').trim();
+    }
+    getHostElement() {
+        return this.elRef.nativeElement;
+    }
+    ngOnChanges() {
+        this.changes.next(this.label);
+    }
+    ngOnDestroy() {
+        this.changes.complete();
+    }
+}
+/** @nocollapse */ EclMultiselectOptionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclMultiselectOptionDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ EclMultiselectOptionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclMultiselectOptionDirective, selector: "option[eclSelectOption], option[eclMultiselectOption]", inputs: { value: "value", label: "label", disabled: "disabled", selected: "selected" }, host: { properties: { "attr.disabled": "this.disabled", "attr.selected": "this.selected", "class": "this.cssClasses" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclMultiselectOptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'option[eclSelectOption], option[eclMultiselectOption]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { value: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.disabled']
+            }], selected: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.selected']
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLW11bHRpc2VsZWN0LW9wdGlvbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLW11bHRpc2VsZWN0L2VjbC1tdWx0aXNlbGVjdC1vcHRpb24uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzlELE9BQU8sRUFDSCxTQUFTLEVBQWMsV0FBVyxFQUFFLEtBQUssRUFDNUMsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7QUFLekQsTUFBTSxPQUFPLDZCQUE4QixTQUFRLGdCQUFnQjtJQTJCL0QsWUFBb0IsS0FBaUI7UUFDakMsS0FBSyxFQUFFLENBQUM7UUFEUSxVQUFLLEdBQUwsS0FBSyxDQUFZO1FBdkJyQyxZQUFPLEdBQUcsSUFBSSxPQUFPLEVBQUUsQ0FBQztRQU9oQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBT2xCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFXdEIsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsaUJBQWlCLENBQUMsRUFBRTtZQUMxRCxPQUFPLENBQUMsSUFBSSxDQUFDLGlGQUFpRixDQUFDLENBQUM7U0FDbkc7SUFDTCxDQUFDO0lBMUJELElBQ0ksUUFBUTtRQUNSLE9BQU8sSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUM7SUFDbEMsQ0FBQztJQUNELElBQUksUUFBUSxDQUFDLEtBQW9CLElBQUksSUFBSSxDQUFDLFNBQVMsR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFHckYsSUFDSSxRQUFRO1FBQ1IsT0FBTyxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQztJQUNsQyxDQUFDO0lBQ0QsSUFBSSxRQUFRLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxTQUFTLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBR3RFLElBQ0ksVUFBVTtRQUNWLE9BQU87WUFDSCxLQUFLLENBQUMsYUFBYSxDQUFDLGNBQWMsQ0FBQztTQUN0QyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBU0QsY0FBYztRQUNWLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUM7SUFDcEMsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzVCLENBQUM7O29KQTVDUSw2QkFBNkI7d0lBQTdCLDZCQUE2QjtrR0FBN0IsNkJBQTZCO2tCQUh6QyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSx1REFBdUQ7aUJBQ3BFO2lHQUdZLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBSUYsUUFBUTtzQkFEWCxLQUFLOztzQkFBSSxXQUFXO3VCQUFDLGVBQWU7Z0JBUWpDLFFBQVE7c0JBRFgsS0FBSzs7c0JBQUksV0FBVzt1QkFBQyxlQUFlO2dCQVFqQyxVQUFVO3NCQURiLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5pbXBvcnQge1xuICAgIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkNoYW5nZXMsIE9uRGVzdHJveVxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEVDTEJhc2VEaXJlY3RpdmUgfSBmcm9tICcuLi9lY2wtYmFzZS5kaXJlY3RpdmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ29wdGlvbltlY2xTZWxlY3RPcHRpb25dLCBvcHRpb25bZWNsTXVsdGlzZWxlY3RPcHRpb25dJ1xufSlcbmV4cG9ydCBjbGFzcyBFY2xNdWx0aXNlbGVjdE9wdGlvbkRpcmVjdGl2ZSBleHRlbmRzIEVDTEJhc2VEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkRlc3Ryb3ksIE9uQ2hhbmdlcyB7XG5cbiAgICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG4gICAgY2hhbmdlcyA9IG5ldyBTdWJqZWN0KCk7XG5cbiAgICBASW5wdXQoKSBASG9zdEJpbmRpbmcoJ2F0dHIuZGlzYWJsZWQnKVxuICAgIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2Rpc2FibGVkIHx8IG51bGw7XG4gICAgfVxuICAgIHNldCBkaXNhYmxlZCh2YWx1ZTogYm9vbGVhbiB8IGFueSkgeyB0aGlzLl9kaXNhYmxlZCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7IH1cbiAgICBwcml2YXRlIF9kaXNhYmxlZCA9IGZhbHNlO1xuXG4gICAgQElucHV0KCkgQEhvc3RCaW5kaW5nKCdhdHRyLnNlbGVjdGVkJylcbiAgICBnZXQgc2VsZWN0ZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9zZWxlY3RlZCB8fCBudWxsO1xuICAgIH1cbiAgICBzZXQgc2VsZWN0ZWQodmFsdWUpIHsgdGhpcy5fc2VsZWN0ZWQgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpOyB9XG4gICAgcHJpdmF0ZSBfc2VsZWN0ZWQgPSBmYWxzZTtcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIGdldCBjc3NDbGFzc2VzKCkge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgc3VwZXIuZ2V0Q3NzQ2xhc3NlcygnZWNsLWNoZWNrYm94JyksXG4gICAgICAgIF0uam9pbignICcpLnRyaW0oKTtcbiAgICB9XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsUmVmOiBFbGVtZW50UmVmKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgICAgIGlmICh0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQuaGFzQXR0cmlidXRlKCdlY2xzZWxlY3RvcHRpb24nKSkge1xuICAgICAgICAgICAgY29uc29sZS53YXJuKCdUaGUgc2VsZWN0b3IgXCJlY2xTZWxlY3RPcHRpb25cIiBpcyBkZXByZWNhdGVkLiBQbGVhc2UgdXNlIFwiZWNsTXVsdGlzZWxlY3RPcHRpb25cIicpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgZ2V0SG9zdEVsZW1lbnQoKTogSFRNTFNlbGVjdEVsZW1lbnQge1xuICAgICAgICByZXR1cm4gdGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50O1xuICAgIH1cblxuICAgIG5nT25DaGFuZ2VzKCkge1xuICAgICAgICB0aGlzLmNoYW5nZXMubmV4dCh0aGlzLmxhYmVsKTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpIHtcbiAgICAgICAgdGhpcy5jaGFuZ2VzLmNvbXBsZXRlKCk7XG4gICAgfVxufVxuIl19