@eui/ecl 15.0.0-next.15

package/esm2020/lib/components/ecl-tabs/ecl-tab.component.mjs

@@ -0,0 +1,74 @@
+import { __decorate } from "tslib";
+import { Component, EventEmitter, HostBinding, Input, Output, ViewChild } from '@angular/core';
+import { coerceBoolean } from '@eui/base';
+import { EclBaseEvent } from '../../model/ecl-base.event';
+import { ECLBaseDirective } from '../ecl-base.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "../ecl-link/ecl-link.directive";
+export class EclTabSelectEvent extends EclBaseEvent {
+    constructor(tab) {
+        super();
+        this.tab = tab;
+    }
+}
+export class EclTabComponent extends ECLBaseDirective {
+    constructor(el) {
+        super();
+        this.el = el;
+        this.isHidden = false;
+        this.isActive = false;
+        this.isMore = false;
+        this.select = new EventEmitter();
+        this.role = 'listitem';
+    }
+    get cssClasses() {
+        return [
+            super.getCssClasses('ecl-tabs__item'),
+            this.isMore ? 'ecl-tabs__item--more' : '',
+        ].join(' ').trim();
+    }
+    onTabClick(evt) {
+        this.select.next(new EclTabSelectEvent(this));
+    }
+    get hostElement() {
+        return this.el.nativeElement;
+    }
+}
+/** @nocollapse */ EclTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTabComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EclTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclTabComponent, selector: "ecl-tab", inputs: { id: "id", isHidden: "isHidden", isActive: "isActive", isMore: "isMore" }, outputs: { select: "select" }, host: { properties: { "attr.aria-hidden": "this.isHidden", "attr.role": "this.role", "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "tabContentTemplate", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: "    <a eclLink \n        (click)=\"onTabClick($event)\"\n        class=\"ecl-tabs__link\" \n        [class.ecl-tabs__link--active]=\"isActive\">\n        <ng-content select=\"ecl-tab-label\"></ng-content>\n    </a>\n\n    <ng-template #content>\n        <ng-content></ng-content>\n    </ng-template>\n", dependencies: [{ kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }] });
+__decorate([
+    coerceBoolean
+], EclTabComponent.prototype, "isHidden", void 0);
+__decorate([
+    coerceBoolean
+], EclTabComponent.prototype, "isActive", void 0);
+__decorate([
+    coerceBoolean
+], EclTabComponent.prototype, "isMore", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecl-tab', template: "    <a eclLink \n        (click)=\"onTabClick($event)\"\n        class=\"ecl-tabs__link\" \n        [class.ecl-tabs__link--active]=\"isActive\">\n        <ng-content select=\"ecl-tab-label\"></ng-content>\n    </a>\n\n    <ng-template #content>\n        <ng-content></ng-content>\n    </ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { id: [{
+                type: Input
+            }], isHidden: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.aria-hidden']
+            }], isActive: [{
+                type: Input
+            }], isMore: [{
+                type: Input
+            }], select: [{
+                type: Output
+            }], tabContentTemplate: [{
+                type: ViewChild,
+                args: ['content']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLXRhYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLXRhYnMvZWNsLXRhYi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLXRhYnMvZWNsLXRhYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQWUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hILE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDMUMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzFELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFFekQsTUFBTSxPQUFPLGlCQUFrQixTQUFRLFlBQVk7SUFDL0MsWUFBbUIsR0FBVztRQUMxQixLQUFLLEVBQUUsQ0FBQztRQURPLFFBQUcsR0FBSCxHQUFHLENBQVE7SUFFOUIsQ0FBQztDQUNKO0FBU0QsTUFBTSxPQUFPLGVBQWdCLFNBQVEsZ0JBQWdCO0lBb0JqRCxZQUFvQixFQUFjO1FBQzlCLEtBQUssRUFBRSxDQUFDO1FBRFEsT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQWxCdUIsYUFBUSxHQUFtQixLQUFLLENBQUM7UUFDbEUsYUFBUSxHQUFtQixLQUFLLENBQUM7UUFDakMsV0FBTSxHQUFtQixLQUFLLENBQUM7UUFFN0MsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFxQixDQUFDO1FBSS9CLFNBQUksR0FBRyxVQUFVLENBQUM7SUFZNUMsQ0FBQztJQVZELElBQ0ksVUFBVTtRQUNWLE9BQU87WUFDSCxLQUFLLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDO1lBQ3JDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLHNCQUFzQixDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQzVDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFNRCxVQUFVLENBQUMsR0FBZTtRQUN0QixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FDWixJQUFJLGlCQUFpQixDQUFDLElBQUksQ0FBQyxDQUM5QixDQUFDO0lBQ04sQ0FBQztJQUVELElBQUksV0FBVztRQUNYLE9BQU8sSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUM7SUFDakMsQ0FBQzs7c0lBaENRLGVBQWU7MEhBQWYsZUFBZSw2WkNsQjVCLCtTQVVBOztJRFVLLGFBQWE7aURBQTRFOztJQUN6RixhQUFhO2lEQUEyQzs7SUFDeEQsYUFBYTsrQ0FBeUM7a0dBSjlDLGVBQWU7a0JBSjNCLFNBQVM7K0JBQ0ksU0FBUztpR0FJVixFQUFFO3NCQUFWLEtBQUs7Z0JBQ21ELFFBQVE7c0JBQWpELEtBQUs7O3NCQUFJLFdBQVc7dUJBQUMsa0JBQWtCO2dCQUMvQixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFFWCxNQUFNO3NCQUFmLE1BQU07Z0JBRWUsa0JBQWtCO3NCQUF2QyxTQUFTO3VCQUFDLFNBQVM7Z0JBRU0sSUFBSTtzQkFBN0IsV0FBVzt1QkFBQyxXQUFXO2dCQUdwQixVQUFVO3NCQURiLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE91dHB1dCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhbiB9IGZyb20gJ0BldWkvYmFzZSc7XG5pbXBvcnQgeyBFY2xCYXNlRXZlbnQgfSBmcm9tICcuLi8uLi9tb2RlbC9lY2wtYmFzZS5ldmVudCc7XG5pbXBvcnQgeyBFQ0xCYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi4vZWNsLWJhc2UuZGlyZWN0aXZlJztcblxuZXhwb3J0IGNsYXNzIEVjbFRhYlNlbGVjdEV2ZW50IGV4dGVuZHMgRWNsQmFzZUV2ZW50IHtcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgdGFiOiBFY2xUYWIpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRWNsVGFiIHtcbiAgICBpZD86IHN0cmluZztcbn1cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZWNsLXRhYicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2VjbC10YWIuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEVjbFRhYkNvbXBvbmVudCBleHRlbmRzIEVDTEJhc2VEaXJlY3RpdmUgaW1wbGVtZW50cyBFY2xUYWIge1xuICAgIEBJbnB1dCgpIGlkOiBzdHJpbmc7XG4gICAgQGNvZXJjZUJvb2xlYW4gQElucHV0KCkgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtaGlkZGVuJykgaXNIaWRkZW46IGJvb2xlYW4gfCBhbnkgID0gZmFsc2U7XG4gICAgQGNvZXJjZUJvb2xlYW4gQElucHV0KCkgaXNBY3RpdmU6IGJvb2xlYW4gfCBhbnkgID0gZmFsc2U7XG4gICAgQGNvZXJjZUJvb2xlYW4gQElucHV0KCkgaXNNb3JlOiBib29sZWFuIHwgYW55ICA9IGZhbHNlO1xuXG4gICAgQE91dHB1dCgpIHNlbGVjdCA9IG5ldyBFdmVudEVtaXR0ZXI8RWNsVGFiU2VsZWN0RXZlbnQ+KCk7XG5cbiAgICBAVmlld0NoaWxkKCdjb250ZW50JykgdGFiQ29udGVudFRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKSByb2xlID0gJ2xpc3RpdGVtJztcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIGdldCBjc3NDbGFzc2VzKCkge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgc3VwZXIuZ2V0Q3NzQ2xhc3NlcygnZWNsLXRhYnNfX2l0ZW0nKSxcbiAgICAgICAgICAgIHRoaXMuaXNNb3JlID8gJ2VjbC10YWJzX19pdGVtLS1tb3JlJyA6ICcnLFxuICAgICAgICBdLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBlbDogRWxlbWVudFJlZikge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cblxuICAgIG9uVGFiQ2xpY2soZXZ0OiBNb3VzZUV2ZW50KSB7XG4gICAgICAgIHRoaXMuc2VsZWN0Lm5leHQoXG4gICAgICAgICAgICBuZXcgRWNsVGFiU2VsZWN0RXZlbnQodGhpcylcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICBnZXQgaG9zdEVsZW1lbnQoKTogSFRNTEVsZW1lbnQge1xuICAgICAgICByZXR1cm4gdGhpcy5lbC5uYXRpdmVFbGVtZW50O1xuICAgIH1cbn0iLCIgICAgPGEgZWNsTGluayBcbiAgICAgICAgKGNsaWNrKT1cIm9uVGFiQ2xpY2soJGV2ZW50KVwiXG4gICAgICAgIGNsYXNzPVwiZWNsLXRhYnNfX2xpbmtcIiBcbiAgICAgICAgW2NsYXNzLmVjbC10YWJzX19saW5rLS1hY3RpdmVdPVwiaXNBY3RpdmVcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZWNsLXRhYi1sYWJlbFwiPjwvbmctY29udGVudD5cbiAgICA8L2E+XG5cbiAgICA8bmctdGVtcGxhdGUgI2NvbnRlbnQ+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L25nLXRlbXBsYXRlPlxuIl19

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

@@ -0,0 +1,144 @@
+import { __decorate } from "tslib";
+import { Component, ContentChildren, EventEmitter, forwardRef, HostBinding, Output, Input, HostListener, ViewChild, ElementRef } from '@angular/core';
+import { coerceElement } from '@eui/base';
+import { Subject, of } from 'rxjs';
+import { takeUntil, mergeWith } from 'rxjs/operators';
+import { ECLBaseDirective } from '../ecl-base.directive';
+import { EclTabComponent, EclTabSelectEvent } from './ecl-tab.component';
+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-icon/ecl-icon.component";
+import * as i4 from "./ecl-tab.component";
+import * as i5 from "./ecl-tab-label.component";
+import * as i6 from "@ngx-translate/core";
+export class EclTabsComponent extends ECLBaseDirective {
+    constructor(differs, cd) {
+        super();
+        this.differs = differs;
+        this.cd = cd;
+        this.activeTabIndex = 0;
+        this.bodyClass = '';
+        this.tabSelect = new EventEmitter();
+        this.cmpClass = true;
+        this.role = 'navigation';
+        this.destroy$ = new Subject();
+        this.differ = this.differs.find([]).create();
+    }
+    get isMoreHidden() {
+        return true;
+    }
+    ngAfterViewInit() {
+        this.cd.detectChanges();
+    }
+    ngAfterContentInit() {
+        this.observeTabsChanges();
+        // this.tabs.forEach((tab, index) => {
+        //     if(index == this.activeTabIndex) {
+        //         tab.isActive = true;
+        //     }
+        // });
+    }
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.unsubscribe();
+    }
+    onResize(event) {
+        const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
+        console.log('window resize', vw);
+    }
+    onScrollPrev() {
+        console.log('scroll prev');
+    }
+    onScrollNext() {
+        console.log('scroll next');
+    }
+    onMoreToggle() {
+        console.log('more toggle');
+    }
+    observeTabsChanges() {
+        this.diff = this.differ.diff(this.tabs);
+        this.createTabsChangesObservable()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(this.onTabsChanges.bind(this));
+    }
+    createTabsChangesObservable() {
+        return of(this.tabs).pipe(mergeWith(this.tabs.changes), takeUntil(this.destroy$));
+    }
+    onTabsChanges() {
+        this.diff = this.differ.diff(this.tabs);
+        if (!this.diff) {
+            this.tabs.forEach(tab => {
+                this.connectTabEvents(tab);
+            });
+        }
+        else {
+            this.diff.forEachAddedItem(change => {
+                this.connectTabEvents(change.item);
+            });
+        }
+    }
+    connectTabEvents(tab) {
+        tab.select
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => {
+            this.deactivateAllTabs(this.tabs.toArray());
+            this.activateTab(tab);
+            this.sendTabSelectEvent(tab);
+        });
+    }
+    deactivateAllTabs(tabs) {
+        tabs.forEach(it => {
+            it.isActive = false;
+        });
+    }
+    activateTab(tab) {
+        tab.isActive = true;
+    }
+    sendTabSelectEvent(tab) {
+        this.tabSelect.next(new EclTabSelectEvent(tab));
+    }
+}
+/** @nocollapse */ EclTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTabsComponent, deps: [{ token: i0.IterableDiffers }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EclTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclTabsComponent, selector: "ecl-tabs", inputs: { activeTabIndex: "activeTabIndex", bodyClass: "bodyClass" }, outputs: { tabSelect: "tabSelect" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class.ecl-tabs": "this.cmpClass", "attr.role": "this.role" } }, queries: [{ propertyName: "tabs", predicate: i0.forwardRef(function () { return EclTabComponent; }) }], viewQueries: [{ propertyName: "moreButtonElement", first: true, predicate: ["moreButton"], descendants: true, read: ElementRef }, { propertyName: "tabsListElement", first: true, predicate: ["tabsList"], descendants: true }, { propertyName: "dropdownListElement", first: true, predicate: ["dropdownList"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-tabs__container\">\n    <ul #tabsList class=\"ecl-tabs__list\">\n        <ng-content select=\"ecl-tab\"></ng-content>\n\n        <ecl-tab [isMore]=\"true\" [isHidden]=\"false\">\n            <ecl-tab-label>\n                <button \n                    #moreButton\n                    eclButton \n                    (click)=\"onMoreToggle()\"\n                    variant=\"secondary\" \n                    [attr.aria-expanded]=\"false\"\n                    class=\"ecl-tabs__toggle\">\n                    {{ 'ecl.common.MORE' | translate }}\n                </button>\n                <ul #dropdownList class=\"ecl-tabs__dropdown\">\n\n                </ul>\n            </ecl-tab-label>\n        </ecl-tab>\n    </ul>\n</div>\n<div class=\"ecl-tabs__controls\">\n    <button eclButton (click)=\"onScrollPrev()\" class=\"ecl-tabs__prev\">\n        <ecl-icon \n            icon=\"corner-arrow\" \n            color=\"inverted\" \n            transform=\"rotate-270\" \n            size=\"m\"\n            class=\"ecl-u-d-block\">\n        </ecl-icon>\n    </button>\n    <button eclButton (click)=\"onScrollNext()\" class=\"ecl-tabs__next\">\n        <ecl-icon \n            icon=\"corner-arrow\" \n            color=\"inverted\" \n            transform=\"rotate-90\" \n            size=\"m\"\n            class=\"ecl-u-d-block\">\n        </ecl-icon>\n    </button>\n</div>\n\n<ng-container *ngFor=\"let c of tabs.toArray()\">\n    <div class=\"{{ bodyClass }}\" *ngIf=\"c.isActive\">\n        <ng-container *ngTemplateOutlet=\"c.tabContentTemplate\"></ng-container>\n    </div>\n</ng-container>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["variant", "containerStyleClass"] }, { kind: "component", type: i3.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "component", type: i4.EclTabComponent, selector: "ecl-tab", inputs: ["id", "isHidden", "isActive", "isMore"], outputs: ["select"] }, { kind: "component", type: i5.EclTabLabelComponent, selector: "ecl-tab-label" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
+__decorate([
+    coerceElement
+], EclTabsComponent.prototype, "moreButtonElement", void 0);
+__decorate([
+    coerceElement
+], EclTabsComponent.prototype, "tabsListElement", void 0);
+__decorate([
+    coerceElement
+], EclTabsComponent.prototype, "dropdownListElement", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTabsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecl-tabs', template: "<div class=\"ecl-tabs__container\">\n    <ul #tabsList class=\"ecl-tabs__list\">\n        <ng-content select=\"ecl-tab\"></ng-content>\n\n        <ecl-tab [isMore]=\"true\" [isHidden]=\"false\">\n            <ecl-tab-label>\n                <button \n                    #moreButton\n                    eclButton \n                    (click)=\"onMoreToggle()\"\n                    variant=\"secondary\" \n                    [attr.aria-expanded]=\"false\"\n                    class=\"ecl-tabs__toggle\">\n                    {{ 'ecl.common.MORE' | translate }}\n                </button>\n                <ul #dropdownList class=\"ecl-tabs__dropdown\">\n\n                </ul>\n            </ecl-tab-label>\n        </ecl-tab>\n    </ul>\n</div>\n<div class=\"ecl-tabs__controls\">\n    <button eclButton (click)=\"onScrollPrev()\" class=\"ecl-tabs__prev\">\n        <ecl-icon \n            icon=\"corner-arrow\" \n            color=\"inverted\" \n            transform=\"rotate-270\" \n            size=\"m\"\n            class=\"ecl-u-d-block\">\n        </ecl-icon>\n    </button>\n    <button eclButton (click)=\"onScrollNext()\" class=\"ecl-tabs__next\">\n        <ecl-icon \n            icon=\"corner-arrow\" \n            color=\"inverted\" \n            transform=\"rotate-90\" \n            size=\"m\"\n            class=\"ecl-u-d-block\">\n        </ecl-icon>\n    </button>\n</div>\n\n<ng-container *ngFor=\"let c of tabs.toArray()\">\n    <div class=\"{{ bodyClass }}\" *ngIf=\"c.isActive\">\n        <ng-container *ngTemplateOutlet=\"c.tabContentTemplate\"></ng-container>\n    </div>\n</ng-container>" }]
+        }], ctorParameters: function () { return [{ type: i0.IterableDiffers }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { activeTabIndex: [{
+                type: Input
+            }], bodyClass: [{
+                type: Input
+            }], tabSelect: [{
+                type: Output
+            }], cmpClass: [{
+                type: HostBinding,
+                args: ['class.ecl-tabs']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], tabs: [{
+                type: ContentChildren,
+                args: [forwardRef(() => EclTabComponent)]
+            }], moreButtonElement: [{
+                type: ViewChild,
+                args: ['moreButton', { read: ElementRef }]
+            }], tabsListElement: [{
+                type: ViewChild,
+                args: ['tabsList']
+            }], dropdownListElement: [{
+                type: ViewChild,
+                args: ['dropdownList']
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLXRhYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VjbC10YWJzL2VjbC10YWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lY2wtdGFicy9lY2wtdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFzRCxTQUFTLEVBQUUsZUFBZSxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUErRCxNQUFNLEVBQTBCLEtBQUssRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvUixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQzFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFjLE1BQU0sTUFBTSxDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7Ozs7OztBQU16RSxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsZ0JBQWdCO0lBaUJsRCxZQUNZLE9BQXdCLEVBQ3hCLEVBQXFCO1FBRTdCLEtBQUssRUFBRSxDQUFDO1FBSEEsWUFBTyxHQUFQLE9BQU8sQ0FBaUI7UUFDeEIsT0FBRSxHQUFGLEVBQUUsQ0FBbUI7UUFsQnhCLG1CQUFjLEdBQVcsQ0FBQyxDQUFDO1FBQzNCLGNBQVMsR0FBVyxFQUFFLENBQUM7UUFFdEIsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFxQixDQUFDO1FBRTdCLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFDckIsU0FBSSxHQUFHLFlBQVksQ0FBQztR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dEIsZUFBZTtzQkFBckMsU0FBUzt1QkFBQyxVQUFVO2dCQUNNLG1CQUFtQjtzQkFBN0MsU0FBUzt1QkFBQyxjQUFjO2dCQXdDeEMsUUFBUTtzQkFEUCxZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIENoYW5nZURldGVjdG9yUmVmLCBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIENvbnRlbnRDaGlsZHJlbiwgRXZlbnRFbWl0dGVyLCBmb3J3YXJkUmVmLCBIb3N0QmluZGluZywgSXRlcmFibGVDaGFuZ2VzLCBJdGVyYWJsZURpZmZlciwgSXRlcmFibGVEaWZmZXJzLCBPbkRlc3Ryb3ksIE91dHB1dCwgUXVlcnlMaXN0LCBUZW1wbGF0ZVJlZiwgSW5wdXQsIEhvc3RMaXN0ZW5lciwgVmlld0NoaWxkLCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjb2VyY2VFbGVtZW50IH0gZnJvbSAnQGV1aS9iYXNlJztcbmltcG9ydCB7IFN1YmplY3QsIG9mLCBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwsIG1lcmdlV2l0aCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IEVDTEJhc2VEaXJlY3RpdmUgfSBmcm9tICcuLi9lY2wtYmFzZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRWNsVGFiQ29tcG9uZW50LCBFY2xUYWJTZWxlY3RFdmVudCB9IGZyb20gJy4vZWNsLXRhYi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2VjbC10YWJzJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZWNsLXRhYnMuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBFY2xUYWJzQ29tcG9uZW50IGV4dGVuZHMgRUNMQmFzZURpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIEFmdGVyQ29udGVudEluaXQsIE9uRGVzdHJveSB7XG4gICAgQElucHV0KCkgYWN0aXZlVGFiSW5kZXg6IG51bWJlciA9IDA7XG4gICAgQElucHV0KCkgYm9keUNsYXNzOiBzdHJpbmcgPSAnJztcblxuICAgIEBPdXRwdXQoKSB0YWJTZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPEVjbFRhYlNlbGVjdEV2ZW50PigpO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5lY2wtdGFicycpIGNtcENsYXNzID0gdHJ1ZTtcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIucm9sZScpIHJvbGUgPSAnbmF2aWdhdGlvbic7XG5cbiAgICBAQ29udGVudENoaWxkcmVuKGZvcndhcmRSZWYoKCkgPT4gRWNsVGFiQ29tcG9uZW50KSkgdGFiczogUXVlcnlMaXN0PEVjbFRhYkNvbXBvbmVudD47XG5cbiAgICBAY29lcmNlRWxlbWVudCBAVmlld0NoaWxkKCdtb3JlQnV0dG9uJywgeyByZWFkOiBFbGVtZW50UmVmIH0pIG1vcmVCdXR0b25FbGVtZW50OiBIVE1MRWxlbWVudCB8IGFueTtcbiAgICBAY29lcmNlRWxlbWVudCBAVmlld0NoaWxkKCd0YWJzTGlzdCcpIHRhYnNMaXN0RWxlbWVudDogSFRNTEVsZW1lbnQgfCBhbnkgO1xuICAgIEBjb2VyY2VFbGVtZW50IEBWaWV3Q2hpbGQoJ2Ryb3Bkb3duTGlzdCcpIGRyb3Bkb3duTGlzdEVsZW1lbnQ6IEhUTUxFbGVtZW50IHwgYW55IDtcblxuICAgIGNvbnRlbnQ6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSBkaWZmZXJzOiBJdGVyYWJsZURpZmZlcnMsXG4gICAgICAgIHByaXZhdGUgY2Q6IENoYW5nZURldGVjdG9yUmVmXG4gICAgKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgICAgIHRoaXMuZGlmZmVyID0gdGhpcy5kaWZmZXJzLmZpbmQoW10pLmNyZWF0ZSgpO1xuICAgIH1cblxuICAgIHByaXZhdGUgZGlmZmVyOiBJdGVyYWJsZURpZmZlcjxFY2xUYWJDb21wb25lbnQ+O1xuICAgIHByaXZhdGUgZGlmZjogSXRlcmFibGVDaGFuZ2VzPEVjbFRhYkNvbXBvbmVudD47XG4gICAgcHJpdmF0ZSBkZXN0cm95JDogU3ViamVjdDxib29sZWFuPiA9IG5ldyBTdWJqZWN0PGJvb2xlYW4+KCk7XG5cbiAgICBnZXQgaXNNb3JlSGlkZGVuKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgICAgIHRoaXMuY2QuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH1cblxuICAgIG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcbiAgICAgICAgdGhpcy5vYnNlcnZlVGFic0NoYW5nZXMoKTtcblxuICAgICAgICAvLyB0aGlzLnRhYnMuZm9yRWFjaCgodGFiLCBpbmRleCkgPT4ge1xuICAgICAgICAvLyAgICAgaWYoaW5kZXggPT0gdGhpcy5hY3RpdmVUYWJJbmRleCkge1xuICAgICAgICAvLyAgICAgICAgIHRhYi5pc0FjdGl2ZSA9IHRydWU7XG4gICAgICAgIC8vICAgICB9XG4gICAgICAgIC8vIH0pO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLmRlc3Ryb3kkLm5leHQodHJ1ZSk7XG4gICAgICAgIHRoaXMuZGVzdHJveSQudW5zdWJzY3JpYmUoKTtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcbiAgICBvblJlc2l6ZShldmVudCkge1xuICAgICAgICBjb25zdCB2dyA9IE1hdGgubWF4KFxuICAgICAgICAgICAgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmNsaWVudFdpZHRoIHx8IDAsXG4gICAgICAgICAgICB3aW5kb3cuaW5uZXJXaWR0aCB8fCAwXG4gICAgICAgICk7XG5cbiAgICAgICAgY29uc29sZS5sb2coJ3dpbmRvdyByZXNpemUnLCB2dyk7XG4gICAgfVxuXG4gICAgb25TY3JvbGxQcmV2KCkge1xuICAgICAgICBjb25zb2xlLmxvZygnc2Nyb2xsIHByZXYnKTtcbiAgICB9XG5cbiAgICBvblNjcm9sbE5leHQoKSB7XG4gICAgICAgIGNvbnNvbGUubG9nKCdzY3JvbGwgbmV4dCcpO1xuICAgIH1cblxuICAgIG9uTW9yZVRvZ2dsZSgpIHtcbiAgICAgICAgY29uc29sZS5sb2coJ21vcmUgdG9nZ2xlJyk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBvYnNlcnZlVGFic0NoYW5nZXMoKSB7XG4gICAgICAgIHRoaXMuZGlmZiA9IHRoaXMuZGlmZmVyLmRpZmYodGhpcy50YWJzIGFzIGFueSk7XG4gICAgICAgIHRoaXMuY3JlYXRlVGFic0NoYW5nZXNPYnNlcnZhYmxlKClcbiAgICAgICAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSlcbiAgICAgICAgICAgIC5zdWJzY3JpYmUodGhpcy5vblRhYnNDaGFuZ2VzLmJpbmQodGhpcykpO1xuICAgIH1cblxuICAgIHByaXZhdGUgY3JlYXRlVGFic0NoYW5nZXNPYnNlcnZhYmxlKCk6IE9ic2VydmFibGU8UXVlcnlMaXN0PEVjbFRhYkNvbXBvbmVudD4+IHtcbiAgICAgICAgcmV0dXJuIG9mKHRoaXMudGFicykucGlwZShcbiAgICAgICAgICAgIG1lcmdlV2l0aCh0aGlzLnRhYnMuY2hhbmdlcyksXG4gICAgICAgICAgICB0YWtlVW50aWwodGhpcy5kZXN0cm95JCkpO1xuICAgIH1cblxuICAgIHByaXZhdGUgb25UYWJzQ2hhbmdlcygpIHtcbiAgICAgICAgdGhpcy5kaWZmID0gdGhpcy5kaWZmZXIuZGlmZih0aGlzLnRhYnMgYXMgYW55KTtcblxuICAgICAgICBpZiAoIXRoaXMuZGlmZikge1xuICAgICAgICAgICAgdGhpcy50YWJzLmZvckVhY2godGFiID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmNvbm5lY3RUYWJFdmVudHModGFiKTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5kaWZmLmZvckVhY2hBZGRlZEl0ZW0oY2hhbmdlID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmNvbm5lY3RUYWJFdmVudHMoY2hhbmdlLml0ZW0pO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIGNvbm5lY3RUYWJFdmVudHModGFiOiBFY2xUYWJDb21wb25lbnQpIHtcbiAgICAgICAgdGFiLnNlbGVjdFxuICAgICAgICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveSQpKVxuICAgICAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5kZWFjdGl2YXRlQWxsVGFicyh0aGlzLnRhYnMudG9BcnJheSgpKTtcbiAgICAgICAgICAgICAgICB0aGlzLmFjdGl2YXRlVGFiKHRhYik7XG4gICAgICAgICAgICAgICAgdGhpcy5zZW5kVGFiU2VsZWN0RXZlbnQodGFiKVxuICAgICAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBkZWFjdGl2YXRlQWxsVGFicyh0YWJzOiBBcnJheTxFY2xUYWJDb21wb25lbnQ+KTogdm9pZCB7XG4gICAgICAgIHRhYnMuZm9yRWFjaChpdCA9PiB7XG4gICAgICAgICAgICBpdC5pc0FjdGl2ZSA9IGZhbHNlO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGFjdGl2YXRlVGFiKHRhYjogRWNsVGFiQ29tcG9uZW50KTogdm9pZCB7XG4gICAgICAgIHRhYi5pc0FjdGl2ZSA9IHRydWU7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBzZW5kVGFiU2VsZWN0RXZlbnQodGFiOiBFY2xUYWJDb21wb25lbnQpOiB2b2lkIHtcbiAgICAgICAgdGhpcy50YWJTZWxlY3QubmV4dChcbiAgICAgICAgICAgIG5ldyBFY2xUYWJTZWxlY3RFdmVudCh0YWIpXG4gICAgICAgICk7XG4gICAgfVxufSIsIjxkaXYgY2xhc3M9XCJlY2wtdGFic19fY29udGFpbmVyXCI+XG4gICAgPHVsICN0YWJzTGlzdCBjbGFzcz1cImVjbC10YWJzX19saXN0XCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImVjbC10YWJcIj48L25nLWNvbnRlbnQ+XG5cbiAgICAgICAgPGVjbC10YWIgW2lzTW9yZV09XCJ0cnVlXCIgW2lzSGlkZGVuXT1cImZhbHNlXCI+XG4gICAgICAgICAgICA8ZWNsLXRhYi1sYWJlbD5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIFxuICAgICAgICAgICAgICAgICAgICAjbW9yZUJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBlY2xCdXR0b24gXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbk1vcmVUb2dnbGUoKVwiXG4gICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIiBcbiAgICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJmYWxzZVwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZWNsLXRhYnNfX3RvZ2dsZVwiPlxuICAgICAgICAgICAgICAgICAgICB7eyAnZWNsLmNvbW1vbi5NT1JFJyB8IHRyYW5zbGF0ZSB9fVxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDx1bCAjZHJvcGRvd25MaXN0IGNsYXNzPVwiZWNsLXRhYnNfX2Ryb3Bkb3duXCI+XG5cbiAgICAgICAgICAgICAgICA8L3VsPlxuICAgICAgICAgICAgPC9lY2wtdGFiLWxhYmVsPlxuICAgICAgICA8L2VjbC10YWI+XG4gICAgPC91bD5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cImVjbC10YWJzX19jb250cm9sc1wiPlxuICAgIDxidXR0b24gZWNsQnV0dG9uIChjbGljayk9XCJvblNjcm9sbFByZXYoKVwiIGNsYXNzPVwiZWNsLXRhYnNfX3ByZXZcIj5cbiAgICAgICAgPGVjbC1pY29uIFxuICAgICAgICAgICAgaWNvbj1cImNvcm5lci1hcnJvd1wiIFxuICAgICAgICAgICAgY29sb3I9XCJpbnZlcnRlZFwiIFxuICAgICAgICAgICAgdHJhbnNmb3JtPVwicm90YXRlLTI3MFwiIFxuICAgICAgICAgICAgc2l6ZT1cIm1cIlxuICAgICAgICAgICAgY2xhc3M9XCJlY2wtdS1kLWJsb2NrXCI+XG4gICAgICAgIDwvZWNsLWljb24+XG4gICAgPC9idXR0b24+XG4gICAgPGJ1dHRvbiBlY2xCdXR0b24gKGNsaWNrKT1cIm9uU2Nyb2xsTmV4dCgpXCIgY2xhc3M9XCJlY2wtdGFic19fbmV4dFwiPlxuICAgICAgICA8ZWNsLWljb24gXG4gICAgICAgICAgICBpY29uPVwiY29ybmVyLWFycm93XCIgXG4gICAgICAgICAgICBjb2xvcj1cImludmVydGVkXCIgXG4gICAgICAgICAgICB0cmFuc2Zvcm09XCJyb3RhdGUtOTBcIiBcbiAgICAgICAgICAgIHNpemU9XCJtXCJcbiAgICAgICAgICAgIGNsYXNzPVwiZWNsLXUtZC1ibG9ja1wiPlxuICAgICAgICA8L2VjbC1pY29uPlxuICAgIDwvYnV0dG9uPlxuPC9kaXY+XG5cbjxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGMgb2YgdGFicy50b0FycmF5KClcIj5cbiAgICA8ZGl2IGNsYXNzPVwie3sgYm9keUNsYXNzIH19XCIgKm5nSWY9XCJjLmlzQWN0aXZlXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjLnRhYkNvbnRlbnRUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuPC9uZy1jb250YWluZXI+Il19

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

@@ -0,0 +1,50 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { EclButtonComponentModule } from '../ecl-button/ecl-button.module';
+import { EclIconComponentModule } from '../ecl-icon/ecl-icon.module';
+import { EclLinkDirectiveModule } from '../ecl-link/ecl-link.module';
+import { EclTabLabelComponent } from './ecl-tab-label.component';
+import { EclTabComponent } from './ecl-tab.component';
+import { EclTabsComponent } from './ecl-tabs.component';
+import * as i0 from "@angular/core";
+export class EclTabsComponentModule {
+}
+/** @nocollapse */ EclTabsComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTabsComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EclTabsComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTabsComponentModule, declarations: [EclTabsComponent,
+        EclTabComponent,
+        EclTabLabelComponent], imports: [CommonModule,
+        EclLinkDirectiveModule,
+        EclButtonComponentModule,
+        EclIconComponentModule,
+        TranslateModule], exports: [EclTabsComponent,
+        EclTabComponent,
+        EclTabLabelComponent] });
+/** @nocollapse */ EclTabsComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTabsComponentModule, imports: [CommonModule,
+        EclLinkDirectiveModule,
+        EclButtonComponentModule,
+        EclIconComponentModule,
+        TranslateModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTabsComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        EclLinkDirectiveModule,
+                        EclButtonComponentModule,
+                        EclIconComponentModule,
+                        TranslateModule
+                    ],
+                    exports: [
+                        EclTabsComponent,
+                        EclTabComponent,
+                        EclTabLabelComponent,
+                    ],
+                    declarations: [
+                        EclTabsComponent,
+                        EclTabComponent,
+                        EclTabLabelComponent,
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLXRhYnMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VjbC10YWJzL2VjbC10YWJzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDM0UsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDakUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQXFCeEQsTUFBTSxPQUFPLHNCQUFzQjs7NklBQXRCLHNCQUFzQjs4SUFBdEIsc0JBQXNCLGlCQUwzQixnQkFBZ0I7UUFDaEIsZUFBZTtRQUNmLG9CQUFvQixhQWRwQixZQUFZO1FBQ1osc0JBQXNCO1FBQ3RCLHdCQUF3QjtRQUN4QixzQkFBc0I7UUFDdEIsZUFBZSxhQUdmLGdCQUFnQjtRQUNoQixlQUFlO1FBQ2Ysb0JBQW9COzhJQVFmLHNCQUFzQixZQWpCM0IsWUFBWTtRQUNaLHNCQUFzQjtRQUN0Qix3QkFBd0I7UUFDeEIsc0JBQXNCO1FBQ3RCLGVBQWU7a0dBYVYsc0JBQXNCO2tCQW5CbEMsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixzQkFBc0I7d0JBQ3RCLHdCQUF3Qjt3QkFDeEIsc0JBQXNCO3dCQUN0QixlQUFlO3FCQUNsQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsZ0JBQWdCO3dCQUNoQixlQUFlO3dCQUNmLG9CQUFvQjtxQkFDdkI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNWLGdCQUFnQjt3QkFDaEIsZUFBZTt3QkFDZixvQkFBb0I7cUJBQ3ZCO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcbmltcG9ydCB7IEVjbEJ1dHRvbkNvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uL2VjbC1idXR0b24vZWNsLWJ1dHRvbi5tb2R1bGUnO1xuaW1wb3J0IHsgRWNsSWNvbkNvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uL2VjbC1pY29uL2VjbC1pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBFY2xMaW5rRGlyZWN0aXZlTW9kdWxlIH0gZnJvbSAnLi4vZWNsLWxpbmsvZWNsLWxpbmsubW9kdWxlJztcbmltcG9ydCB7IEVjbFRhYkxhYmVsQ29tcG9uZW50IH0gZnJvbSAnLi9lY2wtdGFiLWxhYmVsLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFY2xUYWJDb21wb25lbnQgfSBmcm9tICcuL2VjbC10YWIuY29tcG9uZW50JztcbmltcG9ydCB7IEVjbFRhYnNDb21wb25lbnQgfSBmcm9tICcuL2VjbC10YWJzLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIEVjbExpbmtEaXJlY3RpdmVNb2R1bGUsXG4gICAgICAgIEVjbEJ1dHRvbkNvbXBvbmVudE1vZHVsZSxcbiAgICAgICAgRWNsSWNvbkNvbXBvbmVudE1vZHVsZSxcbiAgICAgICAgVHJhbnNsYXRlTW9kdWxlXG4gICAgXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIEVjbFRhYnNDb21wb25lbnQsXG4gICAgICAgIEVjbFRhYkNvbXBvbmVudCxcbiAgICAgICAgRWNsVGFiTGFiZWxDb21wb25lbnQsXG4gICAgXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgRWNsVGFic0NvbXBvbmVudCxcbiAgICAgICAgRWNsVGFiQ29tcG9uZW50LFxuICAgICAgICBFY2xUYWJMYWJlbENvbXBvbmVudCxcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIEVjbFRhYnNDb21wb25lbnRNb2R1bGUge1xufSJdfQ==

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

@@ -0,0 +1,5 @@
+export * from './ecl-tabs.module';
+export * from './ecl-tabs.component';
+export * from './ecl-tab.component';
+export * from './ecl-tab-label.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLXRhYnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYywyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZWNsLXRhYnMubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vZWNsLXRhYnMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZWNsLXRhYi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9lY2wtdGFiLWxhYmVsLmNvbXBvbmVudCc7Il19

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

@@ -0,0 +1,51 @@
+import { Component, Input, HostBinding, Output, EventEmitter } from '@angular/core';
+import { EclBaseEvent } from '../../model/ecl-base.event';
+import { ECLBaseDirective } from '../ecl-base.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../ecl-icon/ecl-icon.component";
+export class EclTagRemoveEvent extends EclBaseEvent {
+}
+export class EclTagComponent extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.remove = new EventEmitter();
+        this.isVisible = true;
+    }
+    get isHidden() {
+        return !this.isVisible || null;
+    }
+    get cssClasses() {
+        return [
+            super.getCssClasses('ecl-tag'),
+            this.variant ? `ecl-tag--${this.variant}` : '',
+        ].join(' ').trim();
+    }
+    get isRemovable() {
+        return this.variant == 'removable';
+    }
+    onRemoveClick(evt) {
+        const event = new EclTagRemoveEvent();
+        this.remove.next(event);
+        if (!event.defaultPrevented) {
+            this.isVisible = false;
+        }
+    }
+}
+/** @nocollapse */ EclTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EclTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclTagComponent, selector: "ecl-tag, [eclTag]", inputs: { variant: "variant" }, outputs: { remove: "remove" }, host: { properties: { "attr.hidden": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n\n<span *ngIf=\"isRemovable\" class=\"ecl-tag__icon\" (click)=\"onRemoveClick($event)\">\n  <ecl-icon icon=\"close\" class=\"ecl-tag__icon-close\"></ecl-icon>\n  <ecl-icon icon=\"close-filled\" class=\"ecl-tag__icon-close-filled\"></ecl-icon>\n</span>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTagComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecl-tag, [eclTag]', template: "<ng-content></ng-content>\n\n<span *ngIf=\"isRemovable\" class=\"ecl-tag__icon\" (click)=\"onRemoveClick($event)\">\n  <ecl-icon icon=\"close\" class=\"ecl-tag__icon-close\"></ecl-icon>\n  <ecl-icon icon=\"close-filled\" class=\"ecl-tag__icon-close-filled\"></ecl-icon>\n</span>" }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], remove: [{
+                type: Output
+            }], isHidden: [{
+                type: HostBinding,
+                args: ['attr.hidden']
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLXRhZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLXRhZy9lY2wtdGFnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lY2wtdGFnL2VjbC10YWcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzFELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7O0FBRXpELE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxZQUFZO0NBQUk7QUFNdkQsTUFBTSxPQUFPLGVBQWdCLFNBQVEsZ0JBQWdCO0lBSnJEOztRQU9jLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBcUIsQ0FBQztRQWV6RCxjQUFTLEdBQVksSUFBSSxDQUFDO0tBYzdCO0lBM0JHLElBQ0ksUUFBUTtRQUNSLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQztJQUNuQyxDQUFDO0lBRUQsSUFDSSxVQUFVO1FBQ1YsT0FBTztZQUNILEtBQUssQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDO1lBQzlCLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFlBQVksSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQ2pELENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFJRCxJQUFJLFdBQVc7UUFDWCxPQUFPLElBQUksQ0FBQyxPQUFPLElBQUksV0FBVyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxhQUFhLENBQUMsR0FBZTtRQUN6QixNQUFNLEtBQUssR0FBRyxJQUFJLGlCQUFpQixFQUFFLENBQUM7UUFDdEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFeEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxnQkFBZ0IsRUFBRTtZQUN6QixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztTQUMxQjtJQUNMLENBQUM7O3NJQS9CUSxlQUFlOzBIQUFmLGVBQWUscU9DVjVCLHdSQUtPO2tHREtNLGVBQWU7a0JBSjNCLFNBQVM7K0JBQ0ksbUJBQW1COzhCQUlwQixPQUFPO3NCQUFmLEtBQUs7Z0JBRUksTUFBTTtzQkFBZixNQUFNO2dCQUdILFFBQVE7c0JBRFgsV0FBVzt1QkFBQyxhQUFhO2dCQU10QixVQUFVO3NCQURiLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIEhvc3RCaW5kaW5nLCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRWNsQmFzZUV2ZW50IH0gZnJvbSAnLi4vLi4vbW9kZWwvZWNsLWJhc2UuZXZlbnQnO1xuaW1wb3J0IHsgRUNMQmFzZURpcmVjdGl2ZSB9IGZyb20gJy4uL2VjbC1iYXNlLmRpcmVjdGl2ZSc7XG5cbmV4cG9ydCBjbGFzcyBFY2xUYWdSZW1vdmVFdmVudCBleHRlbmRzIEVjbEJhc2VFdmVudCB7IH1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdlY2wtdGFnLCBbZWNsVGFnXScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2VjbC10YWcuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBFY2xUYWdDb21wb25lbnQgZXh0ZW5kcyBFQ0xCYXNlRGlyZWN0aXZlIHtcbiAgICBASW5wdXQoKSB2YXJpYW50OiAnZGlzcGxheScgfCAncmVtb3ZhYmxlJztcblxuICAgIEBPdXRwdXQoKSByZW1vdmUgPSBuZXcgRXZlbnRFbWl0dGVyPEVjbFRhZ1JlbW92ZUV2ZW50PigpO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmhpZGRlbicpXG4gICAgZ2V0IGlzSGlkZGVuKCkge1xuICAgICAgICByZXR1cm4gIXRoaXMuaXNWaXNpYmxlIHx8IG51bGw7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKSB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICBzdXBlci5nZXRDc3NDbGFzc2VzKCdlY2wtdGFnJyksXG4gICAgICAgICAgICB0aGlzLnZhcmlhbnQgPyBgZWNsLXRhZy0tJHt0aGlzLnZhcmlhbnR9YCA6ICcnLFxuICAgICAgICBdLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxuXG4gICAgaXNWaXNpYmxlOiBib29sZWFuID0gdHJ1ZTtcblxuICAgIGdldCBpc1JlbW92YWJsZSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMudmFyaWFudCA9PSAncmVtb3ZhYmxlJztcbiAgICB9XG5cbiAgICBvblJlbW92ZUNsaWNrKGV2dDogTW91c2VFdmVudCkge1xuICAgICAgICBjb25zdCBldmVudCA9IG5ldyBFY2xUYWdSZW1vdmVFdmVudCgpO1xuICAgICAgICB0aGlzLnJlbW92ZS5uZXh0KGV2ZW50KTtcblxuICAgICAgICBpZiAoIWV2ZW50LmRlZmF1bHRQcmV2ZW50ZWQpIHtcbiAgICAgICAgICAgIHRoaXMuaXNWaXNpYmxlID0gZmFsc2U7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG5cbjxzcGFuICpuZ0lmPVwiaXNSZW1vdmFibGVcIiBjbGFzcz1cImVjbC10YWdfX2ljb25cIiAoY2xpY2spPVwib25SZW1vdmVDbGljaygkZXZlbnQpXCI+XG4gIDxlY2wtaWNvbiBpY29uPVwiY2xvc2VcIiBjbGFzcz1cImVjbC10YWdfX2ljb24tY2xvc2VcIj48L2VjbC1pY29uPlxuICA8ZWNsLWljb24gaWNvbj1cImNsb3NlLWZpbGxlZFwiIGNsYXNzPVwiZWNsLXRhZ19faWNvbi1jbG9zZS1maWxsZWRcIj48L2VjbC1pY29uPlxuPC9zcGFuPiJdfQ==

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

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { EclIconComponentModule } from '../ecl-icon/ecl-icon.module';
+import { EclTagComponent } from './ecl-tag.component';
+import * as i0 from "@angular/core";
+export class EclTagComponentModule {
+}
+/** @nocollapse */ EclTagComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTagComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EclTagComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTagComponentModule, declarations: [EclTagComponent], imports: [CommonModule, EclIconComponentModule], exports: [EclTagComponent] });
+/** @nocollapse */ EclTagComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTagComponentModule, imports: [CommonModule, EclIconComponentModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTagComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, EclIconComponentModule],
+                    exports: [EclTagComponent],
+                    declarations: [EclTagComponent]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLXRhZy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLXRhZy9lY2wtdGFnLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBT3RELE1BQU0sT0FBTyxxQkFBcUI7OzRJQUFyQixxQkFBcUI7NklBQXJCLHFCQUFxQixpQkFGZixlQUFlLGFBRnBCLFlBQVksRUFBRSxzQkFBc0IsYUFDcEMsZUFBZTs2SUFHaEIscUJBQXFCLFlBSnBCLFlBQVksRUFBRSxzQkFBc0I7a0dBSXJDLHFCQUFxQjtrQkFMakMsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsc0JBQXNCLENBQUM7b0JBQy9DLE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztvQkFDMUIsWUFBWSxFQUFFLENBQUMsZUFBZSxDQUFDO2lCQUNsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRWNsSWNvbkNvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uL2VjbC1pY29uL2VjbC1pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBFY2xUYWdDb21wb25lbnQgfSBmcm9tICcuL2VjbC10YWcuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBFY2xJY29uQ29tcG9uZW50TW9kdWxlXSxcbiAgICBleHBvcnRzOiBbRWNsVGFnQ29tcG9uZW50XSxcbiAgICBkZWNsYXJhdGlvbnM6IFtFY2xUYWdDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIEVjbFRhZ0NvbXBvbmVudE1vZHVsZSB7XG59XG4iXX0=

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

@@ -0,0 +1,3 @@
+export * from './ecl-tag.module';
+export * from './ecl-tag.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLXRhZy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMscUJBQXFCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2VjbC10YWcubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vZWNsLXRhZy5jb21wb25lbnQnO1xuIl19

package/esm2020/lib/components/ecl-text-area/ecl-text-area.directive.mjs

@@ -0,0 +1,54 @@
+import { __decorate } from "tslib";
+import { Directive, HostBinding, Input, Optional, Self, } from '@angular/core';
+import { coerceBoolean } from '@eui/base';
+import { ECLBaseDirective } from '../ecl-base.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class EclTextAreaDirective extends ECLBaseDirective {
+    constructor(ngControl) {
+        super();
+        this.ngControl = ngControl;
+        this.eclSize = 'm';
+        this.isInvalid = false;
+    }
+    get cssClasses() {
+        return [
+            super.getCssClasses('ecl-text-area'),
+            this.eclSize ? `ecl-text-area--${this.eclSize}` : '',
+        ].join(' ').trim();
+    }
+    get invalidState() {
+        if (this.ngControl) {
+            return this.ngControl.status === 'INVALID' && this.ngControl.touched;
+        }
+        else {
+            return this.isInvalid;
+        }
+    }
+}
+/** @nocollapse */ EclTextAreaDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTextAreaDirective, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ EclTextAreaDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclTextAreaDirective, selector: "textarea[eclTextArea]", inputs: { eclSize: "eclSize", isInvalid: "isInvalid" }, host: { properties: { "class": "this.cssClasses", "class.ecl-text-area--invalid": "this.invalidState" } }, usesInheritance: true, ngImport: i0 });
+__decorate([
+    coerceBoolean
+], EclTextAreaDirective.prototype, "isInvalid", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTextAreaDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'textarea[eclTextArea]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }]; }, propDecorators: { eclSize: [{
+                type: Input
+            }], isInvalid: [{
+                type: Input
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], invalidState: [{
+                type: HostBinding,
+                args: ['class.ecl-text-area--invalid']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLXRleHQtYXJlYS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLXRleHQtYXJlYS9lY2wtdGV4dC1hcmVhLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNILFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUNMLFFBQVEsRUFDUixJQUFJLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUMxQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7O0FBS3pELE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxnQkFBZ0I7SUFxQnRELFlBQ2dDLFNBQW9CO1FBQ2hELEtBQUssRUFBRSxDQUFDO1FBRG9CLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFyQjNDLFlBQU8sR0FBVyxHQUFHLENBQUM7UUFDUCxjQUFTLEdBQW1CLEtBQUssQ0FBQztJQXNCMUQsQ0FBQztJQXBCRCxJQUNJLFVBQVU7UUFDVixPQUFPO1lBQ0gsS0FBSyxDQUFDLGFBQWEsQ0FBQyxlQUFlLENBQUM7WUFDcEMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsa0JBQWtCLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUN2RCxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsSUFDSSxZQUFZO1FBQ1osSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2hCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLEtBQUssU0FBUyxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDO1NBQ3hFO2FBQU07WUFDSCxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7U0FDekI7SUFDTCxDQUFDOzsySUFuQlEsb0JBQW9COytIQUFwQixvQkFBb0I7O0lBRTVCLGFBQWE7dURBQTRDO2tHQUZqRCxvQkFBb0I7a0JBSGhDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHVCQUF1QjtpQkFDcEM7OzBCQXVCUSxRQUFROzswQkFBSSxJQUFJOzRDQXJCWixPQUFPO3NCQUFmLEtBQUs7Z0JBQ2tCLFNBQVM7c0JBQWpCLEtBQUs7Z0JBR2pCLFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPO2dCQVNoQixZQUFZO3NCQURmLFdBQVc7dUJBQUMsOEJBQThCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBEaXJlY3RpdmUsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSW5wdXQsXG4gICAgT3B0aW9uYWwsXG4gICAgU2VsZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0NvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuIH0gZnJvbSAnQGV1aS9iYXNlJztcbmltcG9ydCB7IEVDTEJhc2VEaXJlY3RpdmUgfSBmcm9tICcuLi9lY2wtYmFzZS5kaXJlY3RpdmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ3RleHRhcmVhW2VjbFRleHRBcmVhXSdcbn0pXG5leHBvcnQgY2xhc3MgRWNsVGV4dEFyZWFEaXJlY3RpdmUgZXh0ZW5kcyBFQ0xCYXNlRGlyZWN0aXZlIHtcbiAgICBASW5wdXQoKSBlY2xTaXplOiBzdHJpbmcgPSAnbSc7XG4gICAgQGNvZXJjZUJvb2xlYW4gQElucHV0KCkgaXNJbnZhbGlkOiBib29sZWFuIHwgYW55ICA9IGZhbHNlO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKSB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICBzdXBlci5nZXRDc3NDbGFzc2VzKCdlY2wtdGV4dC1hcmVhJyksXG4gICAgICAgICAgICB0aGlzLmVjbFNpemUgPyBgZWNsLXRleHQtYXJlYS0tJHt0aGlzLmVjbFNpemV9YCA6ICcnLFxuICAgICAgICBdLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5lY2wtdGV4dC1hcmVhLS1pbnZhbGlkJylcbiAgICBnZXQgaW52YWxpZFN0YXRlKCkge1xuICAgICAgICBpZiAodGhpcy5uZ0NvbnRyb2wpIHtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLm5nQ29udHJvbC5zdGF0dXMgPT09ICdJTlZBTElEJyAmJiB0aGlzLm5nQ29udHJvbC50b3VjaGVkO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuaXNJbnZhbGlkO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBPcHRpb25hbCgpIEBTZWxmKCkgcHJpdmF0ZSBuZ0NvbnRyb2w6IE5nQ29udHJvbCkge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cbn1cbiJdfQ==

package/esm2020/lib/components/ecl-text-area/ecl-text-area.module.mjs

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { EclTextAreaDirective } from './ecl-text-area.directive';
+import * as i0 from "@angular/core";
+export class EclTextAreaDirectiveModule {
+}
+/** @nocollapse */ EclTextAreaDirectiveModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTextAreaDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EclTextAreaDirectiveModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTextAreaDirectiveModule, declarations: [EclTextAreaDirective], imports: [CommonModule], exports: [EclTextAreaDirective] });
+/** @nocollapse */ EclTextAreaDirectiveModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTextAreaDirectiveModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTextAreaDirectiveModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    exports: [EclTextAreaDirective],
+                    declarations: [EclTextAreaDirective]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLXRleHQtYXJlYS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLXRleHQtYXJlYS9lY2wtdGV4dC1hcmVhLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFPakUsTUFBTSxPQUFPLDBCQUEwQjs7aUpBQTFCLDBCQUEwQjtrSkFBMUIsMEJBQTBCLGlCQUZwQixvQkFBb0IsYUFGekIsWUFBWSxhQUNaLG9CQUFvQjtrSkFHckIsMEJBQTBCLFlBSnpCLFlBQVk7a0dBSWIsMEJBQTBCO2tCQUx0QyxRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMsb0JBQW9CLENBQUM7b0JBQy9CLFlBQVksRUFBRSxDQUFDLG9CQUFvQixDQUFDO2lCQUN2QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRWNsVGV4dEFyZWFEaXJlY3RpdmUgfSBmcm9tICcuL2VjbC10ZXh0LWFyZWEuZGlyZWN0aXZlJztcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgICBleHBvcnRzOiBbRWNsVGV4dEFyZWFEaXJlY3RpdmVdLFxuICAgIGRlY2xhcmF0aW9uczogW0VjbFRleHRBcmVhRGlyZWN0aXZlXVxufSlcbmV4cG9ydCBjbGFzcyBFY2xUZXh0QXJlYURpcmVjdGl2ZU1vZHVsZSB7XG59XG4iXX0=

package/esm2020/lib/components/ecl-text-area/index.mjs

@@ -0,0 +1,3 @@
+export * from './ecl-text-area.module';
+export * from './ecl-text-area.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLXRleHQtYXJlYS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsMkJBQTJCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2VjbC10ZXh0LWFyZWEubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vZWNsLXRleHQtYXJlYS5kaXJlY3RpdmUnO1xuIl19

package/esm2020/lib/components/ecl-text-input/ecl-text-input.directive.mjs

@@ -0,0 +1,58 @@
+import { __decorate } from "tslib";
+import { Directive, HostBinding, Input, Optional, Self, } from '@angular/core';
+import { coerceBoolean } from '@eui/base';
+import { ECLBaseDirective } from '../ecl-base.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class EclTextInputDirective extends ECLBaseDirective {
+    constructor(ngControl) {
+        super();
+        this.ngControl = ngControl;
+        this.type = 'text';
+        this.eclSize = 'm';
+        this.isInvalid = false;
+    }
+    get cssClasses() {
+        return [
+            super.getCssClasses('ecl-text-input'),
+            this.eclSize ? `ecl-text-input--${this.eclSize}` : '',
+        ].join(' ').trim();
+    }
+    get invalidState() {
+        if (this.ngControl) {
+            return this.ngControl.status === 'INVALID' && this.ngControl.touched;
+        }
+        else {
+            return this.isInvalid;
+        }
+    }
+}
+/** @nocollapse */ EclTextInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTextInputDirective, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ EclTextInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclTextInputDirective, selector: "input[eclTextInput]", inputs: { eclSize: "eclSize", isInvalid: "isInvalid" }, host: { properties: { "attr.type": "this.type", "class": "this.cssClasses", "class.ecl-text-input--invalid": "this.invalidState" } }, usesInheritance: true, ngImport: i0 });
+__decorate([
+    coerceBoolean
+], EclTextInputDirective.prototype, "isInvalid", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTextInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[eclTextInput]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }]; }, propDecorators: { type: [{
+                type: HostBinding,
+                args: ['attr.type']
+            }], eclSize: [{
+                type: Input
+            }], isInvalid: [{
+                type: Input
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], invalidState: [{
+                type: HostBinding,
+                args: ['class.ecl-text-input--invalid']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLXRleHQtaW5wdXQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VjbC10ZXh0LWlucHV0L2VjbC10ZXh0LWlucHV0LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNILFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUNMLFFBQVEsRUFDUixJQUFJLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUMxQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7O0FBS3pELE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxnQkFBZ0I7SUFpQnZELFlBQTBDLFNBQW9CO1FBQzFELEtBQUssRUFBRSxDQUFDO1FBRDhCLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFmcEMsU0FBSSxHQUFHLE1BQU0sQ0FBQztRQUUvQixZQUFPLEdBQVcsR0FBRyxDQUFDO1FBR3RCLGNBQVMsR0FBbUIsS0FBSyxDQUFDO0lBWTNDLENBQUM7SUFWRCxJQUNJLFVBQVU7UUFDVixPQUFPO1lBQ0gsS0FBSyxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQztZQUNyQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxtQkFBbUIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQ3hELENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFNRCxJQUNJLFlBQVk7UUFDWixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDaEIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sS0FBSyxTQUFTLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUM7U0FDeEU7YUFBTTtZQUNILE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztTQUN6QjtJQUNMLENBQUM7OzRJQTVCUSxxQkFBcUI7Z0lBQXJCLHFCQUFxQjs7SUFNN0IsYUFBYTt3REFDNkI7a0dBUGxDLHFCQUFxQjtrQkFIakMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUscUJBQXFCO2lCQUNsQzs7MEJBa0JnQixRQUFROzswQkFBSSxJQUFJOzRDQWZILElBQUk7c0JBQTdCLFdBQVc7dUJBQUMsV0FBVztnQkFFZixPQUFPO3NCQUFmLEtBQUs7Z0JBR0csU0FBUztzQkFBakIsS0FBSztnQkFHRixVQUFVO3NCQURiLFdBQVc7dUJBQUMsT0FBTztnQkFhaEIsWUFBWTtzQkFEZixXQUFXO3VCQUFDLCtCQUErQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgRGlyZWN0aXZlLFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIElucHV0LFxuICAgIE9wdGlvbmFsLFxuICAgIFNlbGYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgY29lcmNlQm9vbGVhbiB9IGZyb20gJ0BldWkvYmFzZSc7XG5pbXBvcnQgeyBFQ0xCYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi4vZWNsLWJhc2UuZGlyZWN0aXZlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdpbnB1dFtlY2xUZXh0SW5wdXRdJyxcbn0pXG5leHBvcnQgY2xhc3MgRWNsVGV4dElucHV0RGlyZWN0aXZlIGV4dGVuZHMgRUNMQmFzZURpcmVjdGl2ZSB7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIudHlwZScpIHR5cGUgPSAndGV4dCc7XG5cbiAgICBASW5wdXQoKSBlY2xTaXplOiBzdHJpbmcgPSAnbSc7XG5cbiAgICBAY29lcmNlQm9vbGVhblxuICAgIEBJbnB1dCgpIGlzSW52YWxpZDogYm9vbGVhbiB8IGFueSAgPSBmYWxzZTtcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIGdldCBjc3NDbGFzc2VzKCkge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgc3VwZXIuZ2V0Q3NzQ2xhc3NlcygnZWNsLXRleHQtaW5wdXQnKSxcbiAgICAgICAgICAgIHRoaXMuZWNsU2l6ZSA/IGBlY2wtdGV4dC1pbnB1dC0tJHt0aGlzLmVjbFNpemV9YCA6ICcnLFxuICAgICAgICBdLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQFNlbGYoKSBwcm90ZWN0ZWQgbmdDb250cm9sOiBOZ0NvbnRyb2wpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmVjbC10ZXh0LWlucHV0LS1pbnZhbGlkJylcbiAgICBnZXQgaW52YWxpZFN0YXRlKCkge1xuICAgICAgICBpZiAodGhpcy5uZ0NvbnRyb2wpIHtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLm5nQ29udHJvbC5zdGF0dXMgPT09ICdJTlZBTElEJyAmJiB0aGlzLm5nQ29udHJvbC50b3VjaGVkO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuaXNJbnZhbGlkO1xuICAgICAgICB9XG4gICAgfVxufSJdfQ==

package/esm2020/lib/components/ecl-text-input/ecl-text-input.module.mjs

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { EclTextInputDirective } from './ecl-text-input.directive';
+import * as i0 from "@angular/core";
+export class EclTextInputDirectiveModule {
+}
+/** @nocollapse */ EclTextInputDirectiveModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTextInputDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EclTextInputDirectiveModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTextInputDirectiveModule, declarations: [EclTextInputDirective], imports: [CommonModule], exports: [EclTextInputDirective] });
+/** @nocollapse */ EclTextInputDirectiveModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTextInputDirectiveModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTextInputDirectiveModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    exports: [EclTextInputDirective],
+                    declarations: [EclTextInputDirective]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLXRleHQtaW5wdXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VjbC10ZXh0LWlucHV0L2VjbC10ZXh0LWlucHV0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFPbkUsTUFBTSxPQUFPLDJCQUEyQjs7a0pBQTNCLDJCQUEyQjttSkFBM0IsMkJBQTJCLGlCQUZyQixxQkFBcUIsYUFGMUIsWUFBWSxhQUNaLHFCQUFxQjttSkFHdEIsMkJBQTJCLFlBSjFCLFlBQVk7a0dBSWIsMkJBQTJCO2tCQUx2QyxRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ2hDLFlBQVksRUFBRSxDQUFDLHFCQUFxQixDQUFDO2lCQUN4QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRWNsVGV4dElucHV0RGlyZWN0aXZlIH0gZnJvbSAnLi9lY2wtdGV4dC1pbnB1dC5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICAgIGV4cG9ydHM6IFtFY2xUZXh0SW5wdXREaXJlY3RpdmVdLFxuICAgIGRlY2xhcmF0aW9uczogW0VjbFRleHRJbnB1dERpcmVjdGl2ZV1cbn0pXG5leHBvcnQgY2xhc3MgRWNsVGV4dElucHV0RGlyZWN0aXZlTW9kdWxlIHtcbn1cbiJdfQ==

package/esm2020/lib/components/ecl-text-input/index.mjs

@@ -0,0 +1,3 @@
+export * from './ecl-text-input.module';
+export * from './ecl-text-input.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLXRleHQtaW5wdXQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDRCQUE0QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9lY2wtdGV4dC1pbnB1dC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9lY2wtdGV4dC1pbnB1dC5kaXJlY3RpdmUnO1xuIl19

package/esm2020/lib/components/ecl-timeline/ecl-timeline-item-label.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 EclTimelineItemLabelDirective extends ECLBaseDirective {
+    get cssClasses() {
+        return [
+            super.getCssClasses('ecl-timeline__label'),
+        ].join(' ').trim();
+    }
+}
+/** @nocollapse */ EclTimelineItemLabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTimelineItemLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ EclTimelineItemLabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclTimelineItemLabelDirective, selector: "[eclTimelineItemLabel]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTimelineItemLabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[eclTimelineItemLabel]'
+                }]
+        }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLXRpbWVsaW5lLWl0ZW0tbGFiZWwuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VjbC10aW1lbGluZS9lY2wtdGltZWxpbmUtaXRlbS1sYWJlbC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBS3pELE1BQU0sT0FBTyw2QkFBOEIsU0FBUSxnQkFBZ0I7SUFFL0QsSUFDSSxVQUFVO1FBQ1YsT0FBTztZQUNILEtBQUssQ0FBQyxhQUFhLENBQUMscUJBQXFCLENBQUM7U0FDN0MsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQzs7b0pBUFEsNkJBQTZCO3dJQUE3Qiw2QkFBNkI7a0dBQTdCLDZCQUE2QjtrQkFIekMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsd0JBQXdCO2lCQUNyQzs4QkFJTyxVQUFVO3NCQURiLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEVDTEJhc2VEaXJlY3RpdmUgfSBmcm9tICcuLi9lY2wtYmFzZS5kaXJlY3RpdmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tlY2xUaW1lbGluZUl0ZW1MYWJlbF0nXG59KVxuZXhwb3J0IGNsYXNzIEVjbFRpbWVsaW5lSXRlbUxhYmVsRGlyZWN0aXZlIGV4dGVuZHMgRUNMQmFzZURpcmVjdGl2ZSB7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgIHN1cGVyLmdldENzc0NsYXNzZXMoJ2VjbC10aW1lbGluZV9fbGFiZWwnKSxcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cbn0iXX0=