@eui/ecl 16.0.0-next.6 → 16.0.0-next.7

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

@@ -34,8 +34,8 @@ export class EclTabComponent extends ECLBaseDirective {
     onTabClick(evt) {
         this.select.next(new EclTabSelectEvent(this));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTabComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclTabComponent, selector: "ecl-tab", inputs: { id: "id", isHidden: "isHidden", isActive: "isActive" }, outputs: { select: "select" }, host: { properties: { "attr.aria-hidden": "this.isHidden", "attr.role": "this.role", "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "contentTemplate", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: "    <a eclLink \n        role=\"tab\"\n        class=\"ecl-tabs__link\" \n        [class.ecl-tabs__link--active]=\"isActive\"\n        [attr.aria-selected]=\"isActive\"\n        [attr.tabindex]=\"isActive ? -1 : undefined\"\n        (click)=\"onTabClick($event)\">\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", styles: [":host{display:list-item}\n"], dependencies: [{ kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTabComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclTabComponent, selector: "ecl-tab", inputs: { id: "id", isHidden: "isHidden", isActive: "isActive" }, outputs: { select: "select" }, host: { properties: { "attr.aria-hidden": "this.isHidden", "attr.role": "this.role", "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "contentTemplate", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: "    <a eclLink \n        role=\"tab\"\n        class=\"ecl-tabs__link\" \n        [class.ecl-tabs__link--active]=\"isActive\"\n        [attr.aria-selected]=\"isActive\"\n        [attr.tabindex]=\"isActive ? -1 : undefined\"\n        (click)=\"onTabClick($event)\">\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", styles: [":host{display:list-item}\n"], dependencies: [{ kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }] }); }
 }
 __decorate([
     coerceBoolean
@@ -43,7 +43,7 @@ __decorate([
 __decorate([
     coerceBoolean
 ], EclTabComponent.prototype, "isActive", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTabComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-tab', template: "    <a eclLink \n        role=\"tab\"\n        class=\"ecl-tabs__link\" \n        [class.ecl-tabs__link--active]=\"isActive\"\n        [attr.aria-selected]=\"isActive\"\n        [attr.tabindex]=\"isActive ? -1 : undefined\"\n        (click)=\"onTabClick($event)\">\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", styles: [":host{display:list-item}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { id: [{

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

@@ -136,10 +136,10 @@ export class EclTabsComponent extends ECLBaseDirective {
     handleResize() {
         // this.tabsListElement.style.width = `${this.getTabsWidth()}px`;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTabsComponent, deps: [{ token: i0.IterableDiffers }, { token: i1.BreakpointObserver }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclTabsComponent, selector: "ecl-tabs", inputs: { bodyClass: "bodyClass" }, outputs: { tabSelect: "tabSelect" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, queries: [{ propertyName: "tabs", predicate: i0.forwardRef(function () { return EclTabComponent; }) }], usesInheritance: true, ngImport: i0, template: "<nav class=\"ecl-tabs\" role=\"tablist\">\n    <div class=\"ecl-tabs__container\">\n        <!-- <ul class=\"ecl-tabs__list\" \n            [style.width]=\"getTabsWidthStyle()\"\n            [style.transform]=\"'translate3d(0px, 0px, 0px)'\"\n            [style.transition-duration]=\"'0' || getTransitionDuration()\">\n            <ng-content select=\"ecl-tab\"></ng-content> -->\n        <ul class=\"ecl-tabs__list\">\n            <ng-content select=\"ecl-tab\"></ng-content>\n            <!-- <ecl-tab-more [isHidden]=\"isMoreButtonHidden()\">\n                <button \n                    eclButton \n                    class=\"ecl-tabs__toggle\"\n                    tabindex=\"-1\"\n                    variant=\"secondary\" \n                    [attr.aria-expanded]=\"true\"\n                    [class.ecl-tabs__toggle--active]=\"false\">\n                    <span eclButtonLabel>\n                        {{ 'ecl.common.MORE' | translate }}\n                        ({{ getHiddenTabsCount() }})\n                    </span>\n                    <ecl-icon icon=\"corner-arrow\" transform=\"rotate-180\" size=\"fluid\"></ecl-icon>\n                </button>\n                <ul \n                    class=\"ecl-tabs__dropdown\" \n                    [class.ecl-tabs__dropdown--show]=\"false\">\n                    <ng-container *ngFor=\"let tab of tabs.toArray()\">\n                        <ecl-tab [isActive]=\"tab.isActive\">\n                            <ecl-tab-label [innerHTML]=\"'test'\"></ecl-tab-label>\n                        </ecl-tab>\n                    </ng-container>\n                </ul>\n            </ecl-tab-more> -->\n        </ul>\n    </div>\n\n    <!-- <div class=\"ecl-tabs__controls\">\n        <button \n            [attr.aria-hidden]=\"true\"\n            class=\"ecl-tabs__prev\" \n            [class.ecl-u-d-none]=\"isScrollPrevHidden()\"\n            [class.ecl-u-d-block]=\"!isScrollPrevHidden()\"\n            (click)=\"onScrollPrev()\">\n            <ecl-icon \n                isInverted\n                icon=\"corner-arrow\" \n                transform=\"rotate-270\" \n                size=\"m\"\n                class=\"ecl-u-d-block\">\n            </ecl-icon>\n            <span class=\"ecl-u-sr-only\"></span>\n        </button>\n        <button \n            [attr.aria-hidden]=\"true\"\n            class=\"ecl-tabs__next\" \n            [class.ecl-u-d-none]=\"isScrollNextHidden()\"\n            [class.ecl-u-d-block]=\"!isScrollNextHidden()\"\n            (click)=\"onScrollNext()\">\n            <ecl-icon \n                isInverted\n                icon=\"corner-arrow\" \n                color=\"inverted\" \n                transform=\"rotate-90\" \n                size=\"m\"\n                class=\"ecl-u-d-block\">\n            </ecl-icon>\n            <span class=\"ecl-u-sr-only\"></span>\n        </button>\n    </div> -->\n</nav>\n\n<ng-container *ngFor=\"let tab of tabs.toArray()\">\n    <div class=\"{{ bodyClass }}\" *ngIf=\"tab.isActive\">\n        <ng-container *ngTemplateOutlet=\"tab.contentTemplate\"></ng-container>\n    </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTabsComponent, deps: [{ token: i0.IterableDiffers }, { token: i1.BreakpointObserver }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclTabsComponent, selector: "ecl-tabs", inputs: { bodyClass: "bodyClass" }, outputs: { tabSelect: "tabSelect" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, queries: [{ propertyName: "tabs", predicate: i0.forwardRef(function () { return EclTabComponent; }) }], usesInheritance: true, ngImport: i0, template: "<nav class=\"ecl-tabs\" role=\"tablist\">\n    <div class=\"ecl-tabs__container\">\n        <!-- <ul class=\"ecl-tabs__list\" \n            [style.width]=\"getTabsWidthStyle()\"\n            [style.transform]=\"'translate3d(0px, 0px, 0px)'\"\n            [style.transition-duration]=\"'0' || getTransitionDuration()\">\n            <ng-content select=\"ecl-tab\"></ng-content> -->\n        <ul class=\"ecl-tabs__list\">\n            <ng-content select=\"ecl-tab\"></ng-content>\n            <!-- <ecl-tab-more [isHidden]=\"isMoreButtonHidden()\">\n                <button \n                    eclButton \n                    class=\"ecl-tabs__toggle\"\n                    tabindex=\"-1\"\n                    variant=\"secondary\" \n                    [attr.aria-expanded]=\"true\"\n                    [class.ecl-tabs__toggle--active]=\"false\">\n                    <span eclButtonLabel>\n                        {{ 'ecl.common.MORE' | translate }}\n                        ({{ getHiddenTabsCount() }})\n                    </span>\n                    <ecl-icon icon=\"corner-arrow\" transform=\"rotate-180\" size=\"fluid\"></ecl-icon>\n                </button>\n                <ul \n                    class=\"ecl-tabs__dropdown\" \n                    [class.ecl-tabs__dropdown--show]=\"false\">\n                    <ng-container *ngFor=\"let tab of tabs.toArray()\">\n                        <ecl-tab [isActive]=\"tab.isActive\">\n                            <ecl-tab-label [innerHTML]=\"'test'\"></ecl-tab-label>\n                        </ecl-tab>\n                    </ng-container>\n                </ul>\n            </ecl-tab-more> -->\n        </ul>\n    </div>\n\n    <!-- <div class=\"ecl-tabs__controls\">\n        <button \n            [attr.aria-hidden]=\"true\"\n            class=\"ecl-tabs__prev\" \n            [class.ecl-u-d-none]=\"isScrollPrevHidden()\"\n            [class.ecl-u-d-block]=\"!isScrollPrevHidden()\"\n            (click)=\"onScrollPrev()\">\n            <ecl-icon \n                isInverted\n                icon=\"corner-arrow\" \n                transform=\"rotate-270\" \n                size=\"m\"\n                class=\"ecl-u-d-block\">\n            </ecl-icon>\n            <span class=\"ecl-u-sr-only\"></span>\n        </button>\n        <button \n            [attr.aria-hidden]=\"true\"\n            class=\"ecl-tabs__next\" \n            [class.ecl-u-d-none]=\"isScrollNextHidden()\"\n            [class.ecl-u-d-block]=\"!isScrollNextHidden()\"\n            (click)=\"onScrollNext()\">\n            <ecl-icon \n                isInverted\n                icon=\"corner-arrow\" \n                color=\"inverted\" \n                transform=\"rotate-90\" \n                size=\"m\"\n                class=\"ecl-u-d-block\">\n            </ecl-icon>\n            <span class=\"ecl-u-sr-only\"></span>\n        </button>\n    </div> -->\n</nav>\n\n<ng-container *ngFor=\"let tab of tabs.toArray()\">\n    <div class=\"{{ bodyClass }}\" *ngIf=\"tab.isActive\">\n        <ng-container *ngTemplateOutlet=\"tab.contentTemplate\"></ng-container>\n    </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTabsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTabsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-tabs', encapsulation: ViewEncapsulation.None, template: "<nav class=\"ecl-tabs\" role=\"tablist\">\n    <div class=\"ecl-tabs__container\">\n        <!-- <ul class=\"ecl-tabs__list\" \n            [style.width]=\"getTabsWidthStyle()\"\n            [style.transform]=\"'translate3d(0px, 0px, 0px)'\"\n            [style.transition-duration]=\"'0' || getTransitionDuration()\">\n            <ng-content select=\"ecl-tab\"></ng-content> -->\n        <ul class=\"ecl-tabs__list\">\n            <ng-content select=\"ecl-tab\"></ng-content>\n            <!-- <ecl-tab-more [isHidden]=\"isMoreButtonHidden()\">\n                <button \n                    eclButton \n                    class=\"ecl-tabs__toggle\"\n                    tabindex=\"-1\"\n                    variant=\"secondary\" \n                    [attr.aria-expanded]=\"true\"\n                    [class.ecl-tabs__toggle--active]=\"false\">\n                    <span eclButtonLabel>\n                        {{ 'ecl.common.MORE' | translate }}\n                        ({{ getHiddenTabsCount() }})\n                    </span>\n                    <ecl-icon icon=\"corner-arrow\" transform=\"rotate-180\" size=\"fluid\"></ecl-icon>\n                </button>\n                <ul \n                    class=\"ecl-tabs__dropdown\" \n                    [class.ecl-tabs__dropdown--show]=\"false\">\n                    <ng-container *ngFor=\"let tab of tabs.toArray()\">\n                        <ecl-tab [isActive]=\"tab.isActive\">\n                            <ecl-tab-label [innerHTML]=\"'test'\"></ecl-tab-label>\n                        </ecl-tab>\n                    </ng-container>\n                </ul>\n            </ecl-tab-more> -->\n        </ul>\n    </div>\n\n    <!-- <div class=\"ecl-tabs__controls\">\n        <button \n            [attr.aria-hidden]=\"true\"\n            class=\"ecl-tabs__prev\" \n            [class.ecl-u-d-none]=\"isScrollPrevHidden()\"\n            [class.ecl-u-d-block]=\"!isScrollPrevHidden()\"\n            (click)=\"onScrollPrev()\">\n            <ecl-icon \n                isInverted\n                icon=\"corner-arrow\" \n                transform=\"rotate-270\" \n                size=\"m\"\n                class=\"ecl-u-d-block\">\n            </ecl-icon>\n            <span class=\"ecl-u-sr-only\"></span>\n        </button>\n        <button \n            [attr.aria-hidden]=\"true\"\n            class=\"ecl-tabs__next\" \n            [class.ecl-u-d-none]=\"isScrollNextHidden()\"\n            [class.ecl-u-d-block]=\"!isScrollNextHidden()\"\n            (click)=\"onScrollNext()\">\n            <ecl-icon \n                isInverted\n                icon=\"corner-arrow\" \n                color=\"inverted\" \n                transform=\"rotate-90\" \n                size=\"m\"\n                class=\"ecl-u-d-block\">\n            </ecl-icon>\n            <span class=\"ecl-u-sr-only\"></span>\n        </button>\n    </div> -->\n</nav>\n\n<ng-container *ngFor=\"let tab of tabs.toArray()\">\n    <div class=\"{{ bodyClass }}\" *ngIf=\"tab.isActive\">\n        <ng-container *ngTemplateOutlet=\"tab.contentTemplate\"></ng-container>\n    </div>\n</ng-container>\n" }]
         }], ctorParameters: function () { return [{ type: i0.IterableDiffers }, { type: i1.BreakpointObserver }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { bodyClass: [{

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

@@ -16,8 +16,8 @@ const COMPONENTS = [
     EclTabMoreComponent,
 ];
 export class EclTabsComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTabsComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclTabsComponentModule, declarations: [EclTabsComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTabsComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclTabsComponentModule, declarations: [EclTabsComponent,
             EclTabComponent,
             EclTabLabelComponent,
             EclTabMoreComponent], imports: [CommonModule,
@@ -28,13 +28,13 @@ export class EclTabsComponentModule {
             EclTabComponent,
             EclTabLabelComponent,
             EclTabMoreComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTabsComponentModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTabsComponentModule, imports: [CommonModule,
             EclLinkDirectiveModule,
             EclButtonComponentModule,
             EclIconComponentModule,
             TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTabsComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTabsComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -31,10 +31,10 @@ export class EclTagComponent extends ECLBaseDirective {
             this.isVisible = false;
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", 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", "isInverted", "ariaHidden", "focusable"] }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", 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", "isInverted", "ariaHidden", "focusable"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", 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: [{

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

@@ -4,11 +4,11 @@ import { EclIconComponentModule } from '../ecl-icon/ecl-icon.module';
 import { EclTagComponent } from './ecl-tag.component';
 import * as i0 from "@angular/core";
 export class EclTagComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTagComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclTagComponentModule, declarations: [EclTagComponent], imports: [CommonModule, EclIconComponentModule], exports: [EclTagComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTagComponentModule, imports: [CommonModule, EclIconComponentModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTagComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclTagComponentModule, declarations: [EclTagComponent], imports: [CommonModule, EclIconComponentModule], exports: [EclTagComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTagComponentModule, imports: [CommonModule, EclIconComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTagComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTagComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EclIconComponentModule],

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

@@ -25,13 +25,13 @@ export class EclTextAreaDirective extends ECLBaseDirective {
         this.eclSize = 'm';
         this.isInvalid = false;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTextAreaDirective, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", 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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTextAreaDirective, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", 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: "16.0.0", ngImport: i0, type: EclTextAreaDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTextAreaDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'textarea[eclTextArea]'

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

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { EclTextAreaDirective } from './ecl-text-area.directive';
 import * as i0 from "@angular/core";
 export class EclTextAreaDirectiveModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTextAreaDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclTextAreaDirectiveModule, declarations: [EclTextAreaDirective], imports: [CommonModule], exports: [EclTextAreaDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTextAreaDirectiveModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTextAreaDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclTextAreaDirectiveModule, declarations: [EclTextAreaDirective], imports: [CommonModule], exports: [EclTextAreaDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTextAreaDirectiveModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTextAreaDirectiveModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTextAreaDirectiveModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

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

@@ -26,13 +26,13 @@ export class EclTextInputDirective extends ECLBaseDirective {
             return this.isInvalid;
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTextInputDirective, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", 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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTextInputDirective, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", 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: "16.0.0", ngImport: i0, type: EclTextInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTextInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[eclTextInput]',

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

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { EclTextInputDirective } from './ecl-text-input.directive';
 import * as i0 from "@angular/core";
 export class EclTextInputDirectiveModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTextInputDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclTextInputDirectiveModule, declarations: [EclTextInputDirective], imports: [CommonModule], exports: [EclTextInputDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTextInputDirectiveModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTextInputDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclTextInputDirectiveModule, declarations: [EclTextInputDirective], imports: [CommonModule], exports: [EclTextInputDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTextInputDirectiveModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTextInputDirectiveModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTextInputDirectiveModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/esm2022/lib/components/ecl-timeline/ecl-timeline-item-label.directive.mjs

@@ -7,10 +7,10 @@ export class EclTimelineItemLabelDirective extends ECLBaseDirective {
             super.getCssClasses('ecl-timeline__label'),
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTimelineItemLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclTimelineItemLabelDirective, selector: "[eclTimelineItemLabel]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTimelineItemLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclTimelineItemLabelDirective, selector: "[eclTimelineItemLabel]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTimelineItemLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTimelineItemLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclTimelineItemLabel]'

package/esm2022/lib/components/ecl-timeline/ecl-timeline-item-title.directive.mjs

@@ -7,10 +7,10 @@ export class EclTimelineItemTitleDirective extends ECLBaseDirective {
             super.getCssClasses('ecl-timeline__title'),
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTimelineItemTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclTimelineItemTitleDirective, selector: "[eclTimelineItemTitle]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTimelineItemTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclTimelineItemTitleDirective, selector: "[eclTimelineItemTitle]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTimelineItemTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTimelineItemTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclTimelineItemTitle]'

package/esm2022/lib/components/ecl-timeline/ecl-timeline-item-toggler.component.mjs

@@ -9,10 +9,10 @@ export class EclTimelineItemTogglerComponent extends ECLBaseDirective {
     onTogglerClick() {
         this.toggle.emit();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTimelineItemTogglerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclTimelineItemTogglerComponent, selector: "ecl-timeline-item-toggler", outputs: { toggle: "toggle" }, host: { listeners: { "click": "onTogglerClick()" } }, usesInheritance: true, ngImport: i0, template: "\n  <ng-content></ng-content>\n" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTimelineItemTogglerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclTimelineItemTogglerComponent, selector: "ecl-timeline-item-toggler", outputs: { toggle: "toggle" }, host: { listeners: { "click": "onTogglerClick()" } }, usesInheritance: true, ngImport: i0, template: "\n  <ng-content></ng-content>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTimelineItemTogglerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTimelineItemTogglerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-timeline-item-toggler', template: "\n  <ng-content></ng-content>\n" }]
         }], propDecorators: { toggle: [{

package/esm2022/lib/components/ecl-timeline/ecl-timeline-item.component.mjs

@@ -60,13 +60,13 @@ export class EclTimelineItemComponent extends ECLBaseDirective {
             this.isTogglerExpanded = nextExpandedState;
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTimelineItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclTimelineItemComponent, selector: "ecl-timeline-item", inputs: { label: "label", eclTitle: "eclTitle", toggleButtonLabel: "toggleButtonLabel", isTogglerExpanded: "isTogglerExpanded", isCollapsed: "isCollapsed", isToggler: "isToggler", toggleGroup: "toggleGroup" }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses", "class.ecl-timeline__item--collapsed": "this.isCollapsed", "class.ecl-timeline__item--toggle": "this.isToggler" } }, queries: [{ propertyName: "timelineItemToggler", first: true, predicate: i0.forwardRef(function () { return EclTimelineItemTogglerComponent; }), descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"label\" class=\"ecl-timeline__label\">{{ label }}</div>\n<ng-content select=\"[eclTimelineItemLabel]\"></ng-content>\n\n<div *ngIf=\"eclTitle\" class=\"ecl-timeline__title\">{{ eclTitle }}</div>\n<ng-content select=\"[eclTimelineItemTitle]\"></ng-content>\n\n<div class=\"ecl-timeline__content\">\n  <button eclButton *ngIf=\"hasDefaultToggler()\" (click)=\"onTogglerClick($event)\" type=\"secondary\">\n    <span eclButtonLabel>\n        {{ toggleButtonLabel || 'ecl.timeline.TOGGLE-ITEMS' | translate }}\n    </span>\n    <ecl-icon icon=\"corner-arrow\" size=\"fluid\" [transform]=\"!isTogglerExpanded ? 'rotate-180' : ''\"></ecl-icon>\n  </button>\n\n  <ng-content select=\"ecl-timeline-item-toggler\"></ng-content>\n\n  <ng-content></ng-content>\n</div>\n", styles: ["ecl-timeline-item{display:list-item}\n"], 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", "isInverted", "ariaHidden", "focusable"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTimelineItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclTimelineItemComponent, selector: "ecl-timeline-item", inputs: { label: "label", eclTitle: "eclTitle", toggleButtonLabel: "toggleButtonLabel", isTogglerExpanded: "isTogglerExpanded", isCollapsed: "isCollapsed", isToggler: "isToggler", toggleGroup: "toggleGroup" }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses", "class.ecl-timeline__item--collapsed": "this.isCollapsed", "class.ecl-timeline__item--toggle": "this.isToggler" } }, queries: [{ propertyName: "timelineItemToggler", first: true, predicate: i0.forwardRef(function () { return EclTimelineItemTogglerComponent; }), descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"label\" class=\"ecl-timeline__label\">{{ label }}</div>\n<ng-content select=\"[eclTimelineItemLabel]\"></ng-content>\n\n<div *ngIf=\"eclTitle\" class=\"ecl-timeline__title\">{{ eclTitle }}</div>\n<ng-content select=\"[eclTimelineItemTitle]\"></ng-content>\n\n<div class=\"ecl-timeline__content\">\n  <button eclButton *ngIf=\"hasDefaultToggler()\" (click)=\"onTogglerClick($event)\" type=\"secondary\">\n    <span eclButtonLabel>\n        {{ toggleButtonLabel || 'ecl.timeline.TOGGLE-ITEMS' | translate }}\n    </span>\n    <ecl-icon icon=\"corner-arrow\" size=\"fluid\" [transform]=\"!isTogglerExpanded ? 'rotate-180' : ''\"></ecl-icon>\n  </button>\n\n  <ng-content select=\"ecl-timeline-item-toggler\"></ng-content>\n\n  <ng-content></ng-content>\n</div>\n", styles: ["ecl-timeline-item{display:list-item}\n"], 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", "isInverted", "ariaHidden", "focusable"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     coerceBoolean
 ], EclTimelineItemComponent.prototype, "isTogglerExpanded", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTimelineItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTimelineItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-timeline-item', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"label\" class=\"ecl-timeline__label\">{{ label }}</div>\n<ng-content select=\"[eclTimelineItemLabel]\"></ng-content>\n\n<div *ngIf=\"eclTitle\" class=\"ecl-timeline__title\">{{ eclTitle }}</div>\n<ng-content select=\"[eclTimelineItemTitle]\"></ng-content>\n\n<div class=\"ecl-timeline__content\">\n  <button eclButton *ngIf=\"hasDefaultToggler()\" (click)=\"onTogglerClick($event)\" type=\"secondary\">\n    <span eclButtonLabel>\n        {{ toggleButtonLabel || 'ecl.timeline.TOGGLE-ITEMS' | translate }}\n    </span>\n    <ecl-icon icon=\"corner-arrow\" size=\"fluid\" [transform]=\"!isTogglerExpanded ? 'rotate-180' : ''\"></ecl-icon>\n  </button>\n\n  <ng-content select=\"ecl-timeline-item-toggler\"></ng-content>\n\n  <ng-content></ng-content>\n</div>\n", styles: ["ecl-timeline-item{display:list-item}\n"] }]
         }], propDecorators: { label: [{

package/esm2022/lib/components/ecl-timeline/ecl-timeline.component.mjs

@@ -36,10 +36,10 @@ export class EclTimelineComponent extends ECLBaseDirective {
         this.destroy$.next(true);
         this.destroy$.unsubscribe();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTimelineComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclTimelineComponent, selector: "ecl-timeline", host: { properties: { "attr.role": "this.attrRole", "class": "this.cssClasses" } }, queries: [{ propertyName: "timelineItems", predicate: i0.forwardRef(function () { return EclTimelineItemComponent; }) }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTimelineComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclTimelineComponent, selector: "ecl-timeline", host: { properties: { "attr.role": "this.attrRole", "class": "this.cssClasses" } }, queries: [{ propertyName: "timelineItems", predicate: i0.forwardRef(function () { return EclTimelineItemComponent; }) }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTimelineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTimelineComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-timeline', template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { attrRole: [{

package/esm2022/lib/components/ecl-timeline/ecl-timeline.module.mjs

@@ -10,8 +10,8 @@ import { EclTimelineItemComponent } from './ecl-timeline-item.component';
 import { EclTimelineComponent } from './ecl-timeline.component';
 import * as i0 from "@angular/core";
 export class EclTimelineComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTimelineComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclTimelineComponentModule, declarations: [EclTimelineComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTimelineComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclTimelineComponentModule, declarations: [EclTimelineComponent,
             EclTimelineItemComponent,
             EclTimelineItemTogglerComponent,
             EclTimelineItemLabelDirective,
@@ -23,12 +23,12 @@ export class EclTimelineComponentModule {
             EclTimelineItemTogglerComponent,
             EclTimelineItemLabelDirective,
             EclTimelineItemTitleDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTimelineComponentModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTimelineComponentModule, imports: [CommonModule,
             TranslateModule,
             EclButtonComponentModule,
             EclIconComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTimelineComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTimelineComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/services/ecl-default-language.service.mjs

@@ -245,10 +245,10 @@ export class EclDefaultLanguageService {
             this.currentLanguage$.next(this.currentLanguage);
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclDefaultLanguageService, deps: [{ token: GLOBAL_CONFIG_TOKEN, optional: true }, { token: i1.I18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclDefaultLanguageService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclDefaultLanguageService, deps: [{ token: GLOBAL_CONFIG_TOKEN, optional: true }, { token: i1.I18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclDefaultLanguageService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclDefaultLanguageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclDefaultLanguageService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{

package/esm2022/lib/shared/ecl-all.module.mjs

@@ -156,8 +156,8 @@ const MODULES = [
     EclSiteHeaderStandardisedComponentModule,
 ];
 export class EclAllModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclAllModule, imports: [EclAccordionComponentModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclAllModule, imports: [EclAccordionComponentModule,
             EclAppComponentModule,
             EclBannerComponentModule,
             EclBlockquoteComponentModule,
@@ -306,7 +306,7 @@ export class EclAllModule {
             EclSiteHeaderCoreComponentModule,
             EclSiteHeaderHarmonisedComponentModule,
             EclSiteHeaderStandardisedComponentModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclAllModule, providers: [
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclAllModule, providers: [
             { provide: EclLanguageService, useClass: EclDefaultLanguageService },
         ], imports: [MODULES, EclAccordionComponentModule,
             EclAppComponentModule,
@@ -384,7 +384,7 @@ export class EclAllModule {
             EclSiteHeaderHarmonisedComponentModule,
             EclSiteHeaderStandardisedComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclAllModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclAllModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/utils/directives/ecl-click-outside/ecl-click-outside.directive.mjs

@@ -13,10 +13,10 @@ export class ECLClickOutsideDirective extends ECLBaseDirective {
             this.eclClickOutside.emit();
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ECLClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: ECLClickOutsideDirective, isStandalone: true, selector: "[eclClickOutside]", outputs: { eclClickOutside: "eclClickOutside" }, host: { listeners: { "document:click": "onClick($event.target)" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ECLClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: ECLClickOutsideDirective, isStandalone: true, selector: "[eclClickOutside]", outputs: { eclClickOutside: "eclClickOutside" }, host: { listeners: { "document:click": "onClick($event.target)" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ECLClickOutsideDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ECLClickOutsideDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclClickOutside]',

package/esm2022/lib/utils/directives/ecl-hidden/ecl-hidden.directive.mjs

@@ -6,10 +6,10 @@ export class EclHiddenDirective extends ECLBaseDirective {
         super(...arguments);
         this.isHidden = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclHiddenDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclHiddenDirective, selector: "[eclHidden]", inputs: { isHidden: ["eclHidden", "isHidden"] }, host: { properties: { "class.ecl-u-d-none": "this.isHidden" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclHiddenDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclHiddenDirective, selector: "[eclHidden]", inputs: { isHidden: ["eclHidden", "isHidden"] }, host: { properties: { "class.ecl-u-d-none": "this.isHidden" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclHiddenDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclHiddenDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclHidden]',

package/esm2022/lib/utils/directives/ecl-hidden/ecl-hidden.module.mjs

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { EclHiddenDirective } from './ecl-hidden.directive';
 import * as i0 from "@angular/core";
 export class EclHiddenModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclHiddenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclHiddenModule, declarations: [EclHiddenDirective], imports: [CommonModule], exports: [EclHiddenDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclHiddenModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclHiddenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclHiddenModule, declarations: [EclHiddenDirective], imports: [CommonModule], exports: [EclHiddenDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclHiddenModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclHiddenModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclHiddenModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],