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

package/esm2022/lib/components/ecl-breadcrumb/ecl-breadcrumb-segment.component.mjs

@@ -35,8 +35,8 @@ export class EclBreadcrumbSegmentComponent extends ECLBaseDirective {
             evt.stopPropagation();
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbSegmentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclBreadcrumbSegmentComponent, selector: "ecl-breadcrumb-segment", inputs: { routerLink: "routerLink", queryParams: "queryParams", href: "href", queryParamsHandling: "queryParamsHandling", isCurrentPage: "isCurrentPage", isNegative: "isNegative", isHidden: "isHidden" }, outputs: { segmentClick: "segmentClick" }, host: { properties: { "attr.tabindex": "this.tabIndex", "class.ecl-u-d-none": "this.isHidden", "attr.hidden": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [isNegative]=\"isNegative\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   [queryParamsHandling]=\"queryParamsHandling\"\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [isNegative]=\"isNegative\"\n   [href]=\"href\"\n   tabindex\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\"\n          role=\"presentation\"\n          icon=\"corner-arrow\"\n          size=\"2xs\"\n          class=\"ecl-breadcrumb__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbSegmentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclBreadcrumbSegmentComponent, selector: "ecl-breadcrumb-segment", inputs: { routerLink: "routerLink", queryParams: "queryParams", href: "href", queryParamsHandling: "queryParamsHandling", isCurrentPage: "isCurrentPage", isNegative: "isNegative", isHidden: "isHidden" }, outputs: { segmentClick: "segmentClick" }, host: { properties: { "attr.tabindex": "this.tabIndex", "class.ecl-u-d-none": "this.isHidden", "attr.hidden": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [isNegative]=\"isNegative\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   [queryParamsHandling]=\"queryParamsHandling\"\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [isNegative]=\"isNegative\"\n   [href]=\"href\"\n   tabindex\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\"\n          role=\"presentation\"\n          icon=\"corner-arrow\"\n          size=\"2xs\"\n          class=\"ecl-breadcrumb__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     coerceBoolean
@@ -44,7 +44,7 @@ __decorate([
 __decorate([
     coerceBoolean
 ], EclBreadcrumbSegmentComponent.prototype, "isNegative", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbSegmentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbSegmentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-breadcrumb-segment', encapsulation: ViewEncapsulation.None, template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [isNegative]=\"isNegative\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   [queryParamsHandling]=\"queryParamsHandling\"\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [isNegative]=\"isNegative\"\n   [href]=\"href\"\n   tabindex\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\"\n          role=\"presentation\"\n          icon=\"corner-arrow\"\n          size=\"2xs\"\n          class=\"ecl-breadcrumb__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { tabIndex: [{

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

@@ -85,13 +85,13 @@ export class EclBreadcrumbComponent extends ECLBaseDirective {
             return width + segmentComponent.el.nativeElement.offsetWidth;
         }, 0);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbComponent, deps: [{ token: i0.ElementRef }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclBreadcrumbComponent, selector: "ecl-breadcrumb", inputs: { isNegative: "isNegative" }, host: { properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "class.ecl-breadcrumb--negative": "this.isNegative", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclSegments", predicate: i0.forwardRef(function () { return EclBreadcrumbSegmentComponent; }) }], viewQueries: [{ propertyName: "eclEllipsisSegment", first: true, predicate: ["ellipsisSegment"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ol class=\"ecl-breadcrumb__container\">\n    <ecl-breadcrumb-segment \n        #ellipsisSegment \n        [isHidden]=\"true\"\n        class=\"ecl-breadcrumb__segment--ellipsis\">\n        <button \n            tabindex=\"-1\"\n            type=\"button\" \n            class=\"ecl-breadcrumb__ellipsis\" \n            aria-label=\"Click to expand\" \n            (click)=\"onEllipsisSegmentClick($event)\">\n            \u2026\n        </button>\n    </ecl-breadcrumb-segment>\n    <ng-content></ng-content>\n</ol>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i2.EclBreadcrumbSegmentComponent, selector: "ecl-breadcrumb-segment", inputs: ["routerLink", "queryParams", "href", "queryParamsHandling", "isCurrentPage", "isNegative", "isHidden"], outputs: ["segmentClick"] }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbComponent, deps: [{ token: i0.ElementRef }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclBreadcrumbComponent, selector: "ecl-breadcrumb", inputs: { isNegative: "isNegative" }, host: { properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "class.ecl-breadcrumb--negative": "this.isNegative", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclSegments", predicate: i0.forwardRef(function () { return EclBreadcrumbSegmentComponent; }) }], viewQueries: [{ propertyName: "eclEllipsisSegment", first: true, predicate: ["ellipsisSegment"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ol class=\"ecl-breadcrumb__container\">\n    <ecl-breadcrumb-segment \n        #ellipsisSegment \n        [isHidden]=\"true\"\n        class=\"ecl-breadcrumb__segment--ellipsis\">\n        <button \n            tabindex=\"-1\"\n            type=\"button\" \n            class=\"ecl-breadcrumb__ellipsis\" \n            aria-label=\"Click to expand\" \n            (click)=\"onEllipsisSegmentClick($event)\">\n            \u2026\n        </button>\n    </ecl-breadcrumb-segment>\n    <ng-content></ng-content>\n</ol>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i2.EclBreadcrumbSegmentComponent, selector: "ecl-breadcrumb-segment", inputs: ["routerLink", "queryParams", "href", "queryParamsHandling", "isCurrentPage", "isNegative", "isHidden"], outputs: ["segmentClick"] }] }); }
 }
 __decorate([
     coerceBoolean
 ], EclBreadcrumbComponent.prototype, "isNegative", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-breadcrumb', template: "<ol class=\"ecl-breadcrumb__container\">\n    <ecl-breadcrumb-segment \n        #ellipsisSegment \n        [isHidden]=\"true\"\n        class=\"ecl-breadcrumb__segment--ellipsis\">\n        <button \n            tabindex=\"-1\"\n            type=\"button\" \n            class=\"ecl-breadcrumb__ellipsis\" \n            aria-label=\"Click to expand\" \n            (click)=\"onEllipsisSegmentClick($event)\">\n            \u2026\n        </button>\n    </ecl-breadcrumb-segment>\n    <ng-content></ng-content>\n</ol>\n", styles: [":host{display:block}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.TranslateService }]; }, propDecorators: { role: [{

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

@@ -12,21 +12,21 @@ const COMPONENTS = [
     EclBreadcrumbSegmentComponent
 ];
 export class EclBreadcrumbComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbComponentModule, declarations: [EclBreadcrumbComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbComponentModule, declarations: [EclBreadcrumbComponent,
             EclBreadcrumbSegmentComponent], imports: [CommonModule,
             RouterModule,
             TranslateModule,
             EclLinkDirectiveModule,
             EclIconComponentModule], exports: [EclBreadcrumbComponent,
             EclBreadcrumbSegmentComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbComponentModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbComponentModule, imports: [CommonModule,
             RouterModule,
             TranslateModule,
             EclLinkDirectiveModule,
             EclIconComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/ecl-button/ecl-button-label.directive.mjs

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

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

@@ -33,10 +33,10 @@ export class EclButtonComponent extends ECLBaseDirective {
             });
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: { variant: "variant", containerStyleClass: "containerStyleClass" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "iconComponents", predicate: i0.forwardRef(function () { return EclIconComponent; }) }], usesInheritance: true, ngImport: i0, template: "<span *ngIf=\"hasIcon\" class=\"ecl-button__container {{ containerStyleClass }}\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<ng-container *ngIf=\"!hasIcon\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: { variant: "variant", containerStyleClass: "containerStyleClass" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "iconComponents", predicate: i0.forwardRef(function () { return EclIconComponent; }) }], usesInheritance: true, ngImport: i0, template: "<span *ngIf=\"hasIcon\" class=\"ecl-button__container {{ containerStyleClass }}\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<ng-container *ngIf=\"!hasIcon\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'button[eclButton], button[ecl-button], a[eclButton]', template: "<span *ngIf=\"hasIcon\" class=\"ecl-button__container {{ containerStyleClass }}\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</span>\n<ng-container *ngIf=\"!hasIcon\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>" }]
         }], propDecorators: { variant: [{

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

@@ -5,15 +5,15 @@ import { EclButtonComponent } from './ecl-button.component';
 import { EclButtonLabelDirective } from './ecl-button-label.directive';
 import * as i0 from "@angular/core";
 export class EclButtonComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclButtonComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclButtonComponentModule, declarations: [EclButtonComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclButtonComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclButtonComponentModule, declarations: [EclButtonComponent,
             EclButtonLabelDirective], imports: [CommonModule,
             EclIconComponentModule], exports: [EclButtonComponent,
             EclButtonLabelDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclButtonComponentModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclButtonComponentModule, imports: [CommonModule,
             EclIconComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclButtonComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclButtonComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/ecl-card/ecl-card-body.component.mjs

@@ -7,10 +7,10 @@ export class EclCardBodyComponent extends ECLBaseDirective {
             super.getCssClasses('ecl-card__body')
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCardBodyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclCardBodyComponent, selector: "ecl-card-body", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{display:block}\n"] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCardBodyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclCardBodyComponent, selector: "ecl-card-body", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{display:block}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCardBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCardBodyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-card-body', template: "<ng-content></ng-content>", styles: [":host{display:block}\n"] }]
         }], propDecorators: { cssClasses: [{

package/esm2022/lib/components/ecl-card/ecl-card-image.directive.mjs

@@ -15,10 +15,10 @@ export class EclCardImageDirective extends ECLBaseDirective {
     ngAfterContentInit() {
         this.backgroundImage = `url(${this.imageUrl})`;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCardImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclCardImageDirective, selector: "[eclCardImage]", inputs: { ariaLabel: "ariaLabel", imageUrl: "imageUrl" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses", "attr.role": "this.role", "style.background-image": "this.backgroundImage" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCardImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclCardImageDirective, selector: "[eclCardImage]", inputs: { ariaLabel: "ariaLabel", imageUrl: "imageUrl" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses", "attr.role": "this.role", "style.background-image": "this.backgroundImage" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCardImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCardImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclCardImage]'

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

@@ -11,10 +11,10 @@ export class EclCardComponent extends ECLBaseDirective {
             super.getCssClasses('ecl-card'),
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclCardComponent, selector: "ecl-card", host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, 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: EclCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclCardComponent, selector: "ecl-card", host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, 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: EclCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-card', template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { role: [{

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

@@ -13,8 +13,8 @@ const COMPONENTS = [
     EclCardImageDirective,
 ];
 export class EclCardComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCardComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclCardComponentModule, declarations: [EclCardComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCardComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclCardComponentModule, declarations: [EclCardComponent,
             EclCardBodyComponent,
             EclCardImageDirective], imports: [CommonModule,
             RouterModule,
@@ -22,12 +22,12 @@ export class EclCardComponentModule {
             EclLabelDirectiveModule], exports: [EclCardComponent,
             EclCardBodyComponent,
             EclCardImageDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCardComponentModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCardComponentModule, imports: [CommonModule,
             RouterModule,
             EclIconComponentModule,
             EclLabelDirectiveModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCardComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCardComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -22,13 +22,13 @@ export class EclCarouselItemComponent extends ECLBaseDirective {
     onSlideClick() {
         this.slideClick.next(new EclSlideEvent(this));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCarouselItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclCarouselItemComponent, selector: "ecl-carousel-item", inputs: { id: "id", isCurrent: "isCurrent" }, outputs: { slideClick: "slideClick" }, host: { listeners: { "click": "onSlideClick()" }, properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "style.width.%": "this.width", "class": "this.cssClasses", "attr.inert": "this.isInert" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host:before{left:0!important;display:none}\n"] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCarouselItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclCarouselItemComponent, selector: "ecl-carousel-item", inputs: { id: "id", isCurrent: "isCurrent" }, outputs: { slideClick: "slideClick" }, host: { listeners: { "click": "onSlideClick()" }, properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "style.width.%": "this.width", "class": "this.cssClasses", "attr.inert": "this.isInert" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host:before{left:0!important;display:none}\n"] }); }
 }
 __decorate([
     coerceBoolean
 ], EclCarouselItemComponent.prototype, "isCurrent", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCarouselItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCarouselItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-carousel-item', template: "<ng-content></ng-content>", styles: [":host:before{left:0!important;display:none}\n"] }]
         }], propDecorators: { id: [{

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

@@ -205,8 +205,8 @@ export class EclCarouselComponent extends ECLBaseDirective {
             this.cd.detectChanges();
         }).observe(this.carouselContainerElement);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCarouselComponent, deps: [{ token: i0.Renderer2 }, { 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: EclCarouselComponent, selector: "ecl-carousel", inputs: { isAutoplay: "isAutoplay", playInterval: "playInterval" }, outputs: { slide: "slide" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "slides", predicate: i0.forwardRef(function () { return EclCarouselItemComponent; }) }], viewQueries: [{ propertyName: "carouselContainerElement", first: true, predicate: ["carouselContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #carouselContainer \n    class=\"ecl-carousel__container\" \n    [class.ecl-carousel-container--padded]=\"isPadded()\">\n    <div class=\"ecl-carousel__slides\"\n        [style.width.px]=\"getCarouselSlidesWidth()\" \n        [style.left.px]=\"getCarouselSlidesOffset()\"\n        (mouseover)=\"onSlideHover()\"\n        (mouseout)=\"onSlideHoverout()\">\n        <ng-content></ng-content>\n    </div>\n\n    <button *ngIf=\"hasControls() && !isMobileBreakpoint\"\n        class=\"ecl-carousel__prev\" \n        (click)=\"onPreviousSlideClick()\">\n        <ecl-icon \n            icon=\"corner-arrow\" \n            size=\"m\" \n            transform=\"rotate-270\" \n            isInverted \n            class=\"ecl-carousel__icon-default\">\n        </ecl-icon>\n        <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n    </button>\n\n    <button *ngIf=\"hasControls() && !isMobileBreakpoint\"\n        class=\"ecl-carousel__next\" \n        (click)=\"onNextSlideClick()\">\n        <ecl-icon \n            icon=\"corner-arrow\" \n            size=\"m\" \n            transform=\"rotate-90\" \n            isInverted \n            class=\"ecl-carousel__icon-default\">\n        </ecl-icon>\n        <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n    </button>\n</div>\n\n<div *ngIf=\"hasControls()\" \n    class=\"ecl-carousel__controls\">\n    <div class=\"ecl-container\">\n        <div class=\"ecl-carousel__autoplay\">\n            <button *ngIf=\"!isPlayingState()\" \n                class=\"ecl-carousel__play\"\n                (click)=\"onPlayClick()\">\n                <ecl-icon \n                    icon=\"play\" \n                    size=\"l\" \n                    class=\"ecl-carousel__icon-default\"\n                    isInverted>\n                </ecl-icon>\n                <ecl-icon \n                    icon=\"play-filled\" \n                    size=\"l\" \n                    class=\"ecl-carousel__icon-active\"\n                    isInverted>\n                </ecl-icon>\n                <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.AUTOPLAY' | translate }}</div>\n            </button>\n            <button *ngIf=\"isPlayingState()\" \n                class=\"ecl-carousel__pause\"\n                (click)=\"onPauseClick()\">\n                <ecl-icon \n                    icon=\"pause\" \n                    size=\"l\" \n                    class=\"ecl-carousel__icon-default\"\n                    isInverted>\n                </ecl-icon>\n                <ecl-icon \n                    icon=\"pause-filled\" \n                    size=\"l\" \n                    class=\"ecl-carousel__icon-active\"\n                    isInverted>\n                </ecl-icon>\n                <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PAUSE' | translate }}</div>\n            </button>\n        </div>\n\n        <div class=\"ecl-carousel__navigation\">\n            <button \n                *ngFor=\"let slide of slides; let i = index\" \n                [attr.aria-current]=\"slide.isCurrent\"\n                class=\"ecl-carousel__navigation-item\"\n                (click)=\"onSlideControlClick(slide)\">\n                <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.GO-TO-SLIDE' | translate }} {{ i + 1 }}</span>\n            </button>\n        </div>\n\n        <button *ngIf=\"isMobileBreakpoint\"\n            class=\"ecl-carousel__prev\" \n            (click)=\"onPreviousSlideClick()\">\n            <ecl-icon \n                icon=\"corner-arrow\" \n                size=\"m\" \n                transform=\"rotate-270\" \n                isInverted \n                class=\"ecl-carousel__icon-default\">\n            </ecl-icon>\n            <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n        </button>\n        \n        <div class=\"ecl-carousel__pagination\">\n            <span class=\"ecl-carousel__current\">{{ getCurrentSlideIndex() + 1 }}</span>\n            {{ 'ecl.common.OF' | translate }}\n            <span class=\"ecl-carousel__max\">{{ slides.length }}</span>\n        </div>\n\n        <button *ngIf=\"isMobileBreakpoint\"\n            class=\"ecl-carousel__next\" \n            (click)=\"onNextSlideClick()\">\n            <ecl-icon \n                icon=\"corner-arrow\" \n                size=\"m\" \n                transform=\"rotate-90\" \n                isInverted \n                class=\"ecl-carousel__icon-default\">\n            </ecl-icon>\n            <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n        </button>\n    </div>\n</div>", styles: [":host{display:block}.ecl-carousel__container{width:100%}.ecl-carousel__slides{transition-duration:.4s}\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: "component", type: i3.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCarouselComponent, deps: [{ token: i0.Renderer2 }, { 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: EclCarouselComponent, selector: "ecl-carousel", inputs: { isAutoplay: "isAutoplay", playInterval: "playInterval" }, outputs: { slide: "slide" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "slides", predicate: i0.forwardRef(function () { return EclCarouselItemComponent; }) }], viewQueries: [{ propertyName: "carouselContainerElement", first: true, predicate: ["carouselContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #carouselContainer \n    class=\"ecl-carousel__container\" \n    [class.ecl-carousel-container--padded]=\"isPadded()\">\n    <div class=\"ecl-carousel__slides\"\n        [style.width.px]=\"getCarouselSlidesWidth()\" \n        [style.left.px]=\"getCarouselSlidesOffset()\"\n        (mouseover)=\"onSlideHover()\"\n        (mouseout)=\"onSlideHoverout()\">\n        <ng-content></ng-content>\n    </div>\n\n    <button *ngIf=\"hasControls() && !isMobileBreakpoint\"\n        class=\"ecl-carousel__prev\" \n        (click)=\"onPreviousSlideClick()\">\n        <ecl-icon \n            icon=\"corner-arrow\" \n            size=\"m\" \n            transform=\"rotate-270\" \n            isInverted \n            class=\"ecl-carousel__icon-default\">\n        </ecl-icon>\n        <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n    </button>\n\n    <button *ngIf=\"hasControls() && !isMobileBreakpoint\"\n        class=\"ecl-carousel__next\" \n        (click)=\"onNextSlideClick()\">\n        <ecl-icon \n            icon=\"corner-arrow\" \n            size=\"m\" \n            transform=\"rotate-90\" \n            isInverted \n            class=\"ecl-carousel__icon-default\">\n        </ecl-icon>\n        <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n    </button>\n</div>\n\n<div *ngIf=\"hasControls()\" \n    class=\"ecl-carousel__controls\">\n    <div class=\"ecl-container\">\n        <div class=\"ecl-carousel__autoplay\">\n            <button *ngIf=\"!isPlayingState()\" \n                class=\"ecl-carousel__play\"\n                (click)=\"onPlayClick()\">\n                <ecl-icon \n                    icon=\"play\" \n                    size=\"l\" \n                    class=\"ecl-carousel__icon-default\"\n                    isInverted>\n                </ecl-icon>\n                <ecl-icon \n                    icon=\"play-filled\" \n                    size=\"l\" \n                    class=\"ecl-carousel__icon-active\"\n                    isInverted>\n                </ecl-icon>\n                <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.AUTOPLAY' | translate }}</div>\n            </button>\n            <button *ngIf=\"isPlayingState()\" \n                class=\"ecl-carousel__pause\"\n                (click)=\"onPauseClick()\">\n                <ecl-icon \n                    icon=\"pause\" \n                    size=\"l\" \n                    class=\"ecl-carousel__icon-default\"\n                    isInverted>\n                </ecl-icon>\n                <ecl-icon \n                    icon=\"pause-filled\" \n                    size=\"l\" \n                    class=\"ecl-carousel__icon-active\"\n                    isInverted>\n                </ecl-icon>\n                <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PAUSE' | translate }}</div>\n            </button>\n        </div>\n\n        <div class=\"ecl-carousel__navigation\">\n            <button \n                *ngFor=\"let slide of slides; let i = index\" \n                [attr.aria-current]=\"slide.isCurrent\"\n                class=\"ecl-carousel__navigation-item\"\n                (click)=\"onSlideControlClick(slide)\">\n                <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.GO-TO-SLIDE' | translate }} {{ i + 1 }}</span>\n            </button>\n        </div>\n\n        <button *ngIf=\"isMobileBreakpoint\"\n            class=\"ecl-carousel__prev\" \n            (click)=\"onPreviousSlideClick()\">\n            <ecl-icon \n                icon=\"corner-arrow\" \n                size=\"m\" \n                transform=\"rotate-270\" \n                isInverted \n                class=\"ecl-carousel__icon-default\">\n            </ecl-icon>\n            <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n        </button>\n        \n        <div class=\"ecl-carousel__pagination\">\n            <span class=\"ecl-carousel__current\">{{ getCurrentSlideIndex() + 1 }}</span>\n            {{ 'ecl.common.OF' | translate }}\n            <span class=\"ecl-carousel__max\">{{ slides.length }}</span>\n        </div>\n\n        <button *ngIf=\"isMobileBreakpoint\"\n            class=\"ecl-carousel__next\" \n            (click)=\"onNextSlideClick()\">\n            <ecl-icon \n                icon=\"corner-arrow\" \n                size=\"m\" \n                transform=\"rotate-90\" \n                isInverted \n                class=\"ecl-carousel__icon-default\">\n            </ecl-icon>\n            <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n        </button>\n    </div>\n</div>", styles: [":host{display:block}.ecl-carousel__container{width:100%}.ecl-carousel__slides{transition-duration:.4s}\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: "component", type: i3.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 }
 __decorate([
     coerceBoolean
@@ -217,7 +217,7 @@ __decorate([
 __decorate([
     coerceElement
 ], EclCarouselComponent.prototype, "carouselContainerElement", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCarouselComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCarouselComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-carousel', template: "<div #carouselContainer \n    class=\"ecl-carousel__container\" \n    [class.ecl-carousel-container--padded]=\"isPadded()\">\n    <div class=\"ecl-carousel__slides\"\n        [style.width.px]=\"getCarouselSlidesWidth()\" \n        [style.left.px]=\"getCarouselSlidesOffset()\"\n        (mouseover)=\"onSlideHover()\"\n        (mouseout)=\"onSlideHoverout()\">\n        <ng-content></ng-content>\n    </div>\n\n    <button *ngIf=\"hasControls() && !isMobileBreakpoint\"\n        class=\"ecl-carousel__prev\" \n        (click)=\"onPreviousSlideClick()\">\n        <ecl-icon \n            icon=\"corner-arrow\" \n            size=\"m\" \n            transform=\"rotate-270\" \n            isInverted \n            class=\"ecl-carousel__icon-default\">\n        </ecl-icon>\n        <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n    </button>\n\n    <button *ngIf=\"hasControls() && !isMobileBreakpoint\"\n        class=\"ecl-carousel__next\" \n        (click)=\"onNextSlideClick()\">\n        <ecl-icon \n            icon=\"corner-arrow\" \n            size=\"m\" \n            transform=\"rotate-90\" \n            isInverted \n            class=\"ecl-carousel__icon-default\">\n        </ecl-icon>\n        <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n    </button>\n</div>\n\n<div *ngIf=\"hasControls()\" \n    class=\"ecl-carousel__controls\">\n    <div class=\"ecl-container\">\n        <div class=\"ecl-carousel__autoplay\">\n            <button *ngIf=\"!isPlayingState()\" \n                class=\"ecl-carousel__play\"\n                (click)=\"onPlayClick()\">\n                <ecl-icon \n                    icon=\"play\" \n                    size=\"l\" \n                    class=\"ecl-carousel__icon-default\"\n                    isInverted>\n                </ecl-icon>\n                <ecl-icon \n                    icon=\"play-filled\" \n                    size=\"l\" \n                    class=\"ecl-carousel__icon-active\"\n                    isInverted>\n                </ecl-icon>\n                <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.AUTOPLAY' | translate }}</div>\n            </button>\n            <button *ngIf=\"isPlayingState()\" \n                class=\"ecl-carousel__pause\"\n                (click)=\"onPauseClick()\">\n                <ecl-icon \n                    icon=\"pause\" \n                    size=\"l\" \n                    class=\"ecl-carousel__icon-default\"\n                    isInverted>\n                </ecl-icon>\n                <ecl-icon \n                    icon=\"pause-filled\" \n                    size=\"l\" \n                    class=\"ecl-carousel__icon-active\"\n                    isInverted>\n                </ecl-icon>\n                <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PAUSE' | translate }}</div>\n            </button>\n        </div>\n\n        <div class=\"ecl-carousel__navigation\">\n            <button \n                *ngFor=\"let slide of slides; let i = index\" \n                [attr.aria-current]=\"slide.isCurrent\"\n                class=\"ecl-carousel__navigation-item\"\n                (click)=\"onSlideControlClick(slide)\">\n                <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.GO-TO-SLIDE' | translate }} {{ i + 1 }}</span>\n            </button>\n        </div>\n\n        <button *ngIf=\"isMobileBreakpoint\"\n            class=\"ecl-carousel__prev\" \n            (click)=\"onPreviousSlideClick()\">\n            <ecl-icon \n                icon=\"corner-arrow\" \n                size=\"m\" \n                transform=\"rotate-270\" \n                isInverted \n                class=\"ecl-carousel__icon-default\">\n            </ecl-icon>\n            <span class=\"ecl-u-sr-only\">{{ 'ecl.carousel.PREV-SLIDES' | translate }}</span>\n        </button>\n        \n        <div class=\"ecl-carousel__pagination\">\n            <span class=\"ecl-carousel__current\">{{ getCurrentSlideIndex() + 1 }}</span>\n            {{ 'ecl.common.OF' | translate }}\n            <span class=\"ecl-carousel__max\">{{ slides.length }}</span>\n        </div>\n\n        <button *ngIf=\"isMobileBreakpoint\"\n            class=\"ecl-carousel__next\" \n            (click)=\"onNextSlideClick()\">\n            <ecl-icon \n                icon=\"corner-arrow\" \n                size=\"m\" \n                transform=\"rotate-90\" \n                isInverted \n                class=\"ecl-carousel__icon-default\">\n            </ecl-icon>\n            <div class=\"ecl-u-sr-only\">{{ 'ecl.carousel.NEXT-SLIDES' | translate }}</div>\n        </button>\n    </div>\n</div>", styles: [":host{display:block}.ecl-carousel__container{width:100%}.ecl-carousel__slides{transition-duration:.4s}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i1.BreakpointObserver }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { isAutoplay: [{

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

@@ -10,17 +10,17 @@ const COMPONENTS = [
     EclCarouselItemComponent
 ];
 export class EclCarouselComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCarouselComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclCarouselComponentModule, declarations: [EclCarouselComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCarouselComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclCarouselComponentModule, declarations: [EclCarouselComponent,
             EclCarouselItemComponent], imports: [CommonModule,
             EclIconComponentModule,
             TranslateModule], exports: [EclCarouselComponent,
             EclCarouselItemComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCarouselComponentModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCarouselComponentModule, imports: [CommonModule,
             EclIconComponentModule,
             TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCarouselComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCarouselComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/ecl-category-filter/ecl-category-filter/ecl-category-filter.component.mjs

@@ -75,10 +75,10 @@ export class EclCategoryFilterComponent extends ECLBaseDirective {
             it.isCurrent = false;
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCategoryFilterComponent, deps: [{ token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclCategoryFilterComponent, selector: "ecl-category-filter", inputs: { currentItemId: "currentItemId" }, host: { properties: { "class.ecl-category-filter": "this.className", "attr.role": "this.role" } }, queries: [{ propertyName: "eclCategoryList", first: true, predicate: i0.forwardRef(function () { return EclCategoryFilterListComponent; }), descendants: true }, { propertyName: "eclCategoryFilterItemsAll", predicate: i0.forwardRef(function () { return EclCategoryFilterItemComponent; }), descendants: true }], 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: EclCategoryFilterComponent, deps: [{ token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclCategoryFilterComponent, selector: "ecl-category-filter", inputs: { currentItemId: "currentItemId" }, host: { properties: { "class.ecl-category-filter": "this.className", "attr.role": "this.role" } }, queries: [{ propertyName: "eclCategoryList", first: true, predicate: i0.forwardRef(function () { return EclCategoryFilterListComponent; }), descendants: true }, { propertyName: "eclCategoryFilterItemsAll", predicate: i0.forwardRef(function () { return EclCategoryFilterItemComponent; }), descendants: true }], 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: EclCategoryFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCategoryFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-category-filter', template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.IterableDiffers }]; }, propDecorators: { currentItemId: [{

package/esm2022/lib/components/ecl-category-filter/ecl-category-filter-list/ecl-category-filter-item.component.mjs

@@ -57,10 +57,10 @@ export class EclCategoryFilterItemComponent extends ECLBaseDirective {
             this.eclCategoryList.level = value;
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCategoryFilterItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclCategoryFilterItemComponent, selector: "ecl-category-filter-item", inputs: { href: "href", id: "id" }, outputs: { itemSelect: "itemSelect" }, host: { properties: { "class.ecl-category-filter__list-item": "this.className", "attr.role": "this.role", "attr.aria-expanded": "this.isAriaExpanded" } }, queries: [{ propertyName: "eclCategoryList", first: true, predicate: i0.forwardRef(function () { return EclCategoryFilterListComponent; }), descendants: true }], usesInheritance: true, ngImport: i0, template: "<a [href]=\"href\"\n   class=\"ecl-category-filter__item {{ levelClass }}\"\n   [class.ecl-category-filter__item--has-children]=\"hasChildren\"\n   [class.ecl-category-filter__item--current]=\"isCurrent\"\n   (click)=\"onItemClick($event)\">\n    <ng-container *ngIf=\"isChildItemWithChildren\">\n        <ecl-icon icon=\"solid-arrow\"\n                  size=\"m\"\n                  transform=\"rotate-90\"\n                  class=\"ecl-category-filter__item-icon\">\n        </ecl-icon>\n    </ng-container>\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"isRootItemWithChildren\">\n        <ecl-icon icon=\"corner-arrow\"\n                  size=\"xs\"\n                  transform=\"rotate-180\"\n                  class=\"ecl-category-filter__item-icon\">\n        </ecl-icon>\n    </ng-container>\n</a>\n<ng-content select=\"ecl-category-filter-list\"></ng-content>", styles: [":host{display:list-item}\n"], dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCategoryFilterItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclCategoryFilterItemComponent, selector: "ecl-category-filter-item", inputs: { href: "href", id: "id" }, outputs: { itemSelect: "itemSelect" }, host: { properties: { "class.ecl-category-filter__list-item": "this.className", "attr.role": "this.role", "attr.aria-expanded": "this.isAriaExpanded" } }, queries: [{ propertyName: "eclCategoryList", first: true, predicate: i0.forwardRef(function () { return EclCategoryFilterListComponent; }), descendants: true }], usesInheritance: true, ngImport: i0, template: "<a [href]=\"href\"\n   class=\"ecl-category-filter__item {{ levelClass }}\"\n   [class.ecl-category-filter__item--has-children]=\"hasChildren\"\n   [class.ecl-category-filter__item--current]=\"isCurrent\"\n   (click)=\"onItemClick($event)\">\n    <ng-container *ngIf=\"isChildItemWithChildren\">\n        <ecl-icon icon=\"solid-arrow\"\n                  size=\"m\"\n                  transform=\"rotate-90\"\n                  class=\"ecl-category-filter__item-icon\">\n        </ecl-icon>\n    </ng-container>\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"isRootItemWithChildren\">\n        <ecl-icon icon=\"corner-arrow\"\n                  size=\"xs\"\n                  transform=\"rotate-180\"\n                  class=\"ecl-category-filter__item-icon\">\n        </ecl-icon>\n    </ng-container>\n</a>\n<ng-content select=\"ecl-category-filter-list\"></ng-content>", styles: [":host{display:list-item}\n"], dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCategoryFilterItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCategoryFilterItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-category-filter-item', template: "<a [href]=\"href\"\n   class=\"ecl-category-filter__item {{ levelClass }}\"\n   [class.ecl-category-filter__item--has-children]=\"hasChildren\"\n   [class.ecl-category-filter__item--current]=\"isCurrent\"\n   (click)=\"onItemClick($event)\">\n    <ng-container *ngIf=\"isChildItemWithChildren\">\n        <ecl-icon icon=\"solid-arrow\"\n                  size=\"m\"\n                  transform=\"rotate-90\"\n                  class=\"ecl-category-filter__item-icon\">\n        </ecl-icon>\n    </ng-container>\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"isRootItemWithChildren\">\n        <ecl-icon icon=\"corner-arrow\"\n                  size=\"xs\"\n                  transform=\"rotate-180\"\n                  class=\"ecl-category-filter__item-icon\">\n        </ecl-icon>\n    </ng-container>\n</a>\n<ng-content select=\"ecl-category-filter-list\"></ng-content>", styles: [":host{display:list-item}\n"] }]
         }], propDecorators: { href: [{

package/esm2022/lib/components/ecl-category-filter/ecl-category-filter-list/ecl-category-filter-list.component.mjs

@@ -24,10 +24,10 @@ export class EclCategoryFilterListComponent extends ECLBaseDirective {
             this.eclCategoryFilterItems.forEach(item => item.level = value);
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCategoryFilterListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclCategoryFilterListComponent, selector: "ecl-category-filter-list", host: { properties: { "class.ecl-category-filter__list": "this.className", "attr.role": "this.role" } }, queries: [{ propertyName: "eclCategoryFilterItems", predicate: i0.forwardRef(function () { return EclCategoryFilterItemComponent; }) }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCategoryFilterListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclCategoryFilterListComponent, selector: "ecl-category-filter-list", host: { properties: { "class.ecl-category-filter__list": "this.className", "attr.role": "this.role" } }, queries: [{ propertyName: "eclCategoryFilterItems", predicate: i0.forwardRef(function () { return EclCategoryFilterItemComponent; }) }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCategoryFilterListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCategoryFilterListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-category-filter-list', template: "<ng-content></ng-content>" }]
         }], propDecorators: { className: [{

package/esm2022/lib/components/ecl-category-filter/ecl-category-filter.module.mjs

@@ -9,8 +9,8 @@ import { EclCategoryFilterListComponent } from './ecl-category-filter-list/ecl-c
 import { EclCategoryFilterItemComponent } from './ecl-category-filter-list/ecl-category-filter-item.component';
 import * as i0 from "@angular/core";
 export class EclCategoryFilterModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCategoryFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclCategoryFilterModule, declarations: [EclCategoryFilterComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCategoryFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclCategoryFilterModule, declarations: [EclCategoryFilterComponent,
             EclCategoryFilterListComponent,
             EclCategoryFilterItemComponent], imports: [EclIconComponentModule,
             EclLinkDirectiveModule,
@@ -19,13 +19,13 @@ export class EclCategoryFilterModule {
             TranslateModule], exports: [EclCategoryFilterComponent,
             EclCategoryFilterListComponent,
             EclCategoryFilterItemComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCategoryFilterModule, imports: [EclIconComponentModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCategoryFilterModule, imports: [EclIconComponentModule,
             EclLinkDirectiveModule,
             CommonModule,
             LayoutModule,
             TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCategoryFilterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCategoryFilterModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/ecl-checkbox/ecl-checkbox-help.component.mjs

@@ -11,10 +11,10 @@ export class EclCheckboxHelpComponent extends ECLBaseDirective {
             super.getCssClasses('ecl-checkbox__help'),
         ].join(' ');
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCheckboxHelpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclCheckboxHelpComponent, selector: "[eclCheckboxHelp]", inputs: { isDisabled: "isDisabled" }, host: { properties: { "class.ecl-checkbox__help--disabled": "this.isDisabled", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCheckboxHelpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclCheckboxHelpComponent, selector: "[eclCheckboxHelp]", inputs: { isDisabled: "isDisabled" }, host: { properties: { "class.ecl-checkbox__help--disabled": "this.isDisabled", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCheckboxHelpComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCheckboxHelpComponent, decorators: [{
             type: Component,
             args: [{ selector: '[eclCheckboxHelp]', template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { isDisabled: [{

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

@@ -23,10 +23,10 @@ export class EclCheckboxInputDirective extends ECLBaseDirective {
             }
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCheckboxInputDirective, deps: [{ token: forwardRef(() => EclCheckboxDirective) }, { 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: EclCheckboxInputDirective, selector: "input[eclCheckboxInput]", 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: EclCheckboxInputDirective, deps: [{ token: forwardRef(() => EclCheckboxDirective) }, { 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: EclCheckboxInputDirective, selector: "input[eclCheckboxInput]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCheckboxInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCheckboxInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[eclCheckboxInput]',

package/esm2022/lib/components/ecl-checkbox/ecl-checkbox-label.component.mjs

@@ -15,8 +15,8 @@ export class EclCheckboxLabelComponent extends ECLBaseDirective {
             super.getCssClasses('ecl-checkbox__label'),
         ].join(' ');
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCheckboxLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclCheckboxLabelComponent, selector: "label[eclCheckboxLabel]", inputs: { isInvalid: "isInvalid", isDisabled: "isDisabled" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<span class=\"ecl-checkbox__box\"\n    [class.ecl-checkbox__box--disabled]=\"isDisabled\"\n    [class.ecl-checkbox__box--invalid]=\"isInvalid\">\n    <ecl-icon size=\"s\" icon=\"check\" class=\"ecl-checkbox__icon\"></ecl-icon>\n</span>\n\n<ng-content></ng-content>", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCheckboxLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclCheckboxLabelComponent, selector: "label[eclCheckboxLabel]", inputs: { isInvalid: "isInvalid", isDisabled: "isDisabled" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<span class=\"ecl-checkbox__box\"\n    [class.ecl-checkbox__box--disabled]=\"isDisabled\"\n    [class.ecl-checkbox__box--invalid]=\"isInvalid\">\n    <ecl-icon size=\"s\" icon=\"check\" class=\"ecl-checkbox__icon\"></ecl-icon>\n</span>\n\n<ng-content></ng-content>", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     coerceBoolean
@@ -24,7 +24,7 @@ __decorate([
 __decorate([
     coerceBoolean
 ], EclCheckboxLabelComponent.prototype, "isDisabled", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCheckboxLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCheckboxLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'label[eclCheckboxLabel]', encapsulation: ViewEncapsulation.None, template: "<span class=\"ecl-checkbox__box\"\n    [class.ecl-checkbox__box--disabled]=\"isDisabled\"\n    [class.ecl-checkbox__box--invalid]=\"isInvalid\">\n    <ecl-icon size=\"s\" icon=\"check\" class=\"ecl-checkbox__icon\"></ecl-icon>\n</span>\n\n<ng-content></ng-content>" }]
         }], propDecorators: { isInvalid: [{

package/esm2022/lib/components/ecl-checkbox/ecl-checkbox.directive.mjs

@@ -33,8 +33,8 @@ export class EclCheckboxDirective extends ECLBaseDirective {
             this.eclCheckboxHelpComponent.isDisabled = this.isDisabled;
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCheckboxDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclCheckboxDirective, selector: "[eclCheckbox]", inputs: { isDisabled: "isDisabled", isInvalid: "isInvalid" }, host: { properties: { "class.ecl-checkbox--disabled": "this.isDisabled", "class.ecl-checkbox--invalid": "this.isInvalid", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclCheckboxLabelComponent", first: true, predicate: i0.forwardRef(function () { return EclCheckboxLabelComponent; }), descendants: true }, { propertyName: "eclCheckboxHelpComponent", first: true, predicate: i0.forwardRef(function () { return EclCheckboxHelpComponent; }), descendants: true }, { propertyName: "eclFormLabelDirective", first: true, predicate: i0.forwardRef(function () { return EclFormLabelComponent; }), descendants: true }, { propertyName: "eclHelpBlockDirective", first: true, predicate: i0.forwardRef(function () { return EclHelpBlockDirective; }), descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCheckboxDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclCheckboxDirective, selector: "[eclCheckbox]", inputs: { isDisabled: "isDisabled", isInvalid: "isInvalid" }, host: { properties: { "class.ecl-checkbox--disabled": "this.isDisabled", "class.ecl-checkbox--invalid": "this.isInvalid", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclCheckboxLabelComponent", first: true, predicate: i0.forwardRef(function () { return EclCheckboxLabelComponent; }), descendants: true }, { propertyName: "eclCheckboxHelpComponent", first: true, predicate: i0.forwardRef(function () { return EclCheckboxHelpComponent; }), descendants: true }, { propertyName: "eclFormLabelDirective", first: true, predicate: i0.forwardRef(function () { return EclFormLabelComponent; }), descendants: true }, { propertyName: "eclHelpBlockDirective", first: true, predicate: i0.forwardRef(function () { return EclHelpBlockDirective; }), descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
 __decorate([
     coerceBoolean
@@ -42,7 +42,7 @@ __decorate([
 __decorate([
     coerceBoolean
 ], EclCheckboxDirective.prototype, "isInvalid", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCheckboxDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCheckboxDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclCheckbox]'

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

@@ -7,17 +7,17 @@ import { EclCheckboxHelpComponent } from './ecl-checkbox-help.component';
 import { EclIconComponentModule } from '../ecl-icon';
 import * as i0 from "@angular/core";
 export class EclCheckboxModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclCheckboxModule, declarations: [EclCheckboxDirective,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclCheckboxModule, declarations: [EclCheckboxDirective,
             EclCheckboxLabelComponent,
             EclCheckboxHelpComponent,
             EclCheckboxInputDirective], imports: [CommonModule, EclIconComponentModule], exports: [EclCheckboxDirective,
             EclCheckboxLabelComponent,
             EclCheckboxHelpComponent,
             EclCheckboxInputDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCheckboxModule, imports: [CommonModule, EclIconComponentModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCheckboxModule, imports: [CommonModule, EclIconComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclCheckboxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclCheckboxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EclIconComponentModule],