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

package/esm2022/lib/components/ecl-fact-figures/ecl-fact-figures-view-all.component.mjs

@@ -16,10 +16,10 @@ export class EclFactFiguresViewAllComponent extends ECLBaseDirective {
             ].join(' ');
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFactFiguresViewAllComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclFactFiguresViewAllComponent, selector: "ecl-fact-figures-view-all", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclLink", first: true, predicate: EclLinkDirective, descendants: true }], 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: EclFactFiguresViewAllComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclFactFiguresViewAllComponent, selector: "ecl-fact-figures-view-all", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclLink", first: true, predicate: EclLinkDirective, descendants: true }], 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: EclFactFiguresViewAllComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFactFiguresViewAllComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-fact-figures-view-all', template: "<ng-content></ng-content>", styles: [":host{display:block}\n"] }]
         }], propDecorators: { eclLink: [{

package/esm2022/lib/components/ecl-fact-figures/ecl-fact-figures.component.mjs

@@ -12,10 +12,10 @@ export class EclFactFiguresComponent extends ECLBaseDirective {
             `ecl-fact-figures--col-${this.columns}`,
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFactFiguresComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclFactFiguresComponent, selector: "ecl-fact-figures", inputs: { columns: "columns" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-fact-figures__items\">\n<ng-content></ng-content>\n</div>\n\n<ng-content select=\"ecl-fact-figures-view-all\"></ng-content>", styles: [":host{display:block}\n"] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFactFiguresComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclFactFiguresComponent, selector: "ecl-fact-figures", inputs: { columns: "columns" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-fact-figures__items\">\n<ng-content></ng-content>\n</div>\n\n<ng-content select=\"ecl-fact-figures-view-all\"></ng-content>", styles: [":host{display:block}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFactFiguresComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFactFiguresComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-fact-figures', template: "<div class=\"ecl-fact-figures__items\">\n<ng-content></ng-content>\n</div>\n\n<ng-content select=\"ecl-fact-figures-view-all\"></ng-content>", styles: [":host{display:block}\n"] }]
         }], propDecorators: { columns: [{

package/esm2022/lib/components/ecl-fact-figures/ecl-fact-figures.module.mjs

@@ -9,8 +9,8 @@ import { EclFactFiguresTitleComponent } from './ecl-fact-figures-title.component
 import { EclFactFiguresValueComponent } from './ecl-fact-figures-value.component';
 import * as i0 from "@angular/core";
 export class EclFactFiguresComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFactFiguresComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclFactFiguresComponentModule, declarations: [EclFactFiguresComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFactFiguresComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclFactFiguresComponentModule, declarations: [EclFactFiguresComponent,
             EclFactFiguresItemComponent,
             EclFactFiguresViewAllComponent,
             EclFactFiguresDescriptionComponent,
@@ -22,10 +22,10 @@ export class EclFactFiguresComponentModule {
             EclFactFiguresDescriptionComponent,
             EclFactFiguresTitleComponent,
             EclFactFiguresValueComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFactFiguresComponentModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFactFiguresComponentModule, imports: [CommonModule,
             TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFactFiguresComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFactFiguresComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/ecl-featured/ecl-featured-item-description.component.mjs

@@ -6,10 +6,10 @@ export class EclFeaturedItemDescriptionComponent extends ECLBaseDirective {
         super(...arguments);
         this.className = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFeaturedItemDescriptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclFeaturedItemDescriptionComponent, selector: "ecl-featured-item-description", host: { properties: { "class.ecl-featured-item__description": "this.className" } }, usesInheritance: true, ngImport: i0, template: "<p class=\"ecl-u-type-paragraph-m\">\n    <ng-content></ng-content>\n</p>\n", styles: [":host{display:block}\n"] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFeaturedItemDescriptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclFeaturedItemDescriptionComponent, selector: "ecl-featured-item-description", host: { properties: { "class.ecl-featured-item__description": "this.className" } }, usesInheritance: true, ngImport: i0, template: "<p class=\"ecl-u-type-paragraph-m\">\n    <ng-content></ng-content>\n</p>\n", styles: [":host{display:block}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFeaturedItemDescriptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFeaturedItemDescriptionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-featured-item-description', template: "<p class=\"ecl-u-type-paragraph-m\">\n    <ng-content></ng-content>\n</p>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { className: [{

package/esm2022/lib/components/ecl-featured/ecl-featured-item-link.directive.mjs

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

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

@@ -17,10 +17,10 @@ export class EclFeaturedItemComponent extends ECLBaseDirective {
             this.mediaContainer.class = 'ecl-featured-item__media_container';
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFeaturedItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclFeaturedItemComponent, selector: "ecl-featured-item", inputs: { eclTitle: "eclTitle" }, host: { properties: { "class.ecl-featured-item__item": "this.className" } }, queries: [{ propertyName: "mediaContainer", first: true, predicate: EclMediaContainerComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"hasTitle\" class=\"ecl-featured-item__title\">{{ eclTitle }}</div>\n<ng-content></ng-content>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFeaturedItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclFeaturedItemComponent, selector: "ecl-featured-item", inputs: { eclTitle: "eclTitle" }, host: { properties: { "class.ecl-featured-item__item": "this.className" } }, queries: [{ propertyName: "mediaContainer", first: true, predicate: EclMediaContainerComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"hasTitle\" class=\"ecl-featured-item__title\">{{ eclTitle }}</div>\n<ng-content></ng-content>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFeaturedItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFeaturedItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-featured-item', template: "<div *ngIf=\"hasTitle\" class=\"ecl-featured-item__title\">{{ eclTitle }}</div>\n<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { eclTitle: [{

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

@@ -16,13 +16,13 @@ export class EclFeaturedComponent extends ECLBaseDirective {
             this.isExtended ? 'ecl-featured-item--extended' : '',
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFeaturedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclFeaturedComponent, selector: "ecl-featured", inputs: { position: "position", isExtended: "isExtended" }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-featured-item__container ecl-featured-item__container--{{ position }}\">\n    <ng-content></ng-content>\n</div>\n" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFeaturedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclFeaturedComponent, selector: "ecl-featured", inputs: { position: "position", isExtended: "isExtended" }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-featured-item__container ecl-featured-item__container--{{ position }}\">\n    <ng-content></ng-content>\n</div>\n" }); }
 }
 __decorate([
     coerceBoolean
 ], EclFeaturedComponent.prototype, "isExtended", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFeaturedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFeaturedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-featured', template: "<div class=\"ecl-featured-item__container ecl-featured-item__container--{{ position }}\">\n    <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { position: [{

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

@@ -8,8 +8,8 @@ import { EclFeaturedItemComponent } from './ecl-featured-item.component';
 import { EclFeaturedComponent } from './ecl-featured.component';
 import * as i0 from "@angular/core";
 export class EclFeaturedModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFeaturedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclFeaturedModule, declarations: [EclFeaturedComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFeaturedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclFeaturedModule, declarations: [EclFeaturedComponent,
             EclFeaturedItemComponent,
             EclFeaturedItemLinkDirective,
             EclFeaturedItemDescriptionComponent], imports: [CommonModule,
@@ -18,11 +18,11 @@ export class EclFeaturedModule {
             EclFeaturedItemComponent,
             EclFeaturedItemLinkDirective,
             EclFeaturedItemDescriptionComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFeaturedModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFeaturedModule, imports: [CommonModule,
             TranslateModule,
             EclMediaContainerComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFeaturedModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFeaturedModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/ecl-feedback-message/ecl-feedback-message.directive.mjs

@@ -17,10 +17,10 @@ export class EclFeedbackMessageDirective extends ECLBaseDirective {
             });
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFeedbackMessageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclFeedbackMessageDirective, selector: "[eclFeedbackMessage]", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclIconComponents", predicate: i0.forwardRef(function () { return EclIconComponent; }) }], usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFeedbackMessageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclFeedbackMessageDirective, selector: "[eclFeedbackMessage]", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclIconComponents", predicate: i0.forwardRef(function () { return EclIconComponent; }) }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFeedbackMessageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFeedbackMessageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclFeedbackMessage]'

package/esm2022/lib/components/ecl-feedback-message/ecl-feedback-message.module.mjs

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

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

@@ -37,8 +37,8 @@ export class EclFileItemComponent extends ECLBaseDirective {
     getDownloadFileName() {
         return this.downloadFileName || this.href.split('/').pop();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFileItemComponent, deps: [{ token: i1.EclFileComponent }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclFileItemComponent, selector: "ecl-file-item", inputs: { isDescription: "isDescription", eclTitle: "eclTitle", language: "language", description: "description", meta: "meta", label: "label", langDetail: "langDetail", href: "href", downloadFileName: "downloadFileName", ariaLabel: ["aria-label", "ariaLabel"] }, outputs: { itemDownload: "itemDownload" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-template [ngIf]=\"!isDescription\">\n    <div *ngIf=\"isThumbnail\" class=\"ecl-file__translation-detail\">\n        <div class=\"ecl-file__translation-title\" [attr.lang]=\"langDetail\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__translation-description\" [attr.lang]=\"langDetail\">{{ description }}</div>\n    </div>\n    <div class=\"ecl-file__translation-info\">\n        <div *ngIf=\"isThumbnail\" class=\"ecl-file__translation-language\">{{ language }}</div>\n        <div *ngIf=\"!isThumbnail\" class=\"ecl-file__translation-title\" [attr.lang]=\"langDetail\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__translation-meta\">{{ meta }}</div>\n    </div>\n    <a eclLink\n        variant=\"standalone\"\n        [href]=\"href\"\n        [download]=\"getDownloadFileName()\"\n        class=\"ecl-file__translation-download\"\n        (click)=\"onItemClick($event)\" [attr.aria-label]=\"ariaLabel\">\n        <span class=\"ecl-link__label\">{{ label || 'ecl.common.DOWNLOAD' | translate }}</span>&nbsp;\n        <ecl-icon icon=\"download\" size=\"fluid\"></ecl-icon>\n    </a>\n</ng-template>\n<ng-template [ngIf]=\"isDescription\">\n    <ng-content></ng-content>\n</ng-template>\n\n\n\n\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFileItemComponent, deps: [{ token: i1.EclFileComponent }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclFileItemComponent, selector: "ecl-file-item", inputs: { isDescription: "isDescription", eclTitle: "eclTitle", language: "language", description: "description", meta: "meta", label: "label", langDetail: "langDetail", href: "href", downloadFileName: "downloadFileName", ariaLabel: ["aria-label", "ariaLabel"] }, outputs: { itemDownload: "itemDownload" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-template [ngIf]=\"!isDescription\">\n    <div *ngIf=\"isThumbnail\" class=\"ecl-file__translation-detail\">\n        <div class=\"ecl-file__translation-title\" [attr.lang]=\"langDetail\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__translation-description\" [attr.lang]=\"langDetail\">{{ description }}</div>\n    </div>\n    <div class=\"ecl-file__translation-info\">\n        <div *ngIf=\"isThumbnail\" class=\"ecl-file__translation-language\">{{ language }}</div>\n        <div *ngIf=\"!isThumbnail\" class=\"ecl-file__translation-title\" [attr.lang]=\"langDetail\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__translation-meta\">{{ meta }}</div>\n    </div>\n    <a eclLink\n        variant=\"standalone\"\n        [href]=\"href\"\n        [download]=\"getDownloadFileName()\"\n        class=\"ecl-file__translation-download\"\n        (click)=\"onItemClick($event)\" [attr.aria-label]=\"ariaLabel\">\n        <span class=\"ecl-link__label\">{{ label || 'ecl.common.DOWNLOAD' | translate }}</span>&nbsp;\n        <ecl-icon icon=\"download\" size=\"fluid\"></ecl-icon>\n    </a>\n</ng-template>\n<ng-template [ngIf]=\"isDescription\">\n    <ng-content></ng-content>\n</ng-template>\n\n\n\n\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
 }
 __decorate([
     coerceBoolean
@@ -46,7 +46,7 @@ __decorate([
 __decorate([
     coerceArray
 ], EclFileItemComponent.prototype, "meta", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFileItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFileItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-file-item', template: "<ng-template [ngIf]=\"!isDescription\">\n    <div *ngIf=\"isThumbnail\" class=\"ecl-file__translation-detail\">\n        <div class=\"ecl-file__translation-title\" [attr.lang]=\"langDetail\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__translation-description\" [attr.lang]=\"langDetail\">{{ description }}</div>\n    </div>\n    <div class=\"ecl-file__translation-info\">\n        <div *ngIf=\"isThumbnail\" class=\"ecl-file__translation-language\">{{ language }}</div>\n        <div *ngIf=\"!isThumbnail\" class=\"ecl-file__translation-title\" [attr.lang]=\"langDetail\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__translation-meta\">{{ meta }}</div>\n    </div>\n    <a eclLink\n        variant=\"standalone\"\n        [href]=\"href\"\n        [download]=\"getDownloadFileName()\"\n        class=\"ecl-file__translation-download\"\n        (click)=\"onItemClick($event)\" [attr.aria-label]=\"ariaLabel\">\n        <span class=\"ecl-link__label\">{{ label || 'ecl.common.DOWNLOAD' | translate }}</span>&nbsp;\n        <ecl-icon icon=\"download\" size=\"fluid\"></ecl-icon>\n    </a>\n</ng-template>\n<ng-template [ngIf]=\"isDescription\">\n    <ng-content></ng-content>\n</ng-template>\n\n\n\n\n" }]
         }], ctorParameters: function () { return [{ type: i1.EclFileComponent }]; }, propDecorators: { isDescription: [{

package/esm2022/lib/components/ecl-file/ecl-file-items/ecl-file-items.component.mjs

@@ -37,13 +37,13 @@ export class EclFileItemsComponent extends ECLBaseDirective {
             this.isExpanded = nextExpandedState;
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFileItemsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclFileItemsComponent, selector: "ecl-file-items", inputs: { label: "label", isExpanded: "isExpanded" }, outputs: { toggle: "toggle" }, host: { properties: { "attr.aria-expanded": "this.isExpanded", "class": "this.cssClasses" } }, queries: [{ propertyName: "items", predicate: EclFileItemComponent }], usesInheritance: true, ngImport: i0, template: "<button eclButton variant=\"ghost\" class=\"ecl-file__translation-toggle\" (click)=\"onToggleClick($event)\">\n    <span eclButtonLabel>\n        {{ label || 'ecl.file.OTHER-LANGUAGES' | translate:{ count: getItemsCount() } }}\n    </span>\n    <ecl-icon icon=\"corner-arrow\" transform=\"rotate-180\"></ecl-icon>\n</button>\n<ul class=\"ecl-file__translation-list\">\n    <ng-content></ng-content>\n</ul>", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["variant", "containerStyleClass"] }, { kind: "directive", type: i3.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFileItemsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclFileItemsComponent, selector: "ecl-file-items", inputs: { label: "label", isExpanded: "isExpanded" }, outputs: { toggle: "toggle" }, host: { properties: { "attr.aria-expanded": "this.isExpanded", "class": "this.cssClasses" } }, queries: [{ propertyName: "items", predicate: EclFileItemComponent }], usesInheritance: true, ngImport: i0, template: "<button eclButton variant=\"ghost\" class=\"ecl-file__translation-toggle\" (click)=\"onToggleClick($event)\">\n    <span eclButtonLabel>\n        {{ label || 'ecl.file.OTHER-LANGUAGES' | translate:{ count: getItemsCount() } }}\n    </span>\n    <ecl-icon icon=\"corner-arrow\" transform=\"rotate-180\"></ecl-icon>\n</button>\n<ul class=\"ecl-file__translation-list\">\n    <ng-content></ng-content>\n</ul>", dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["variant", "containerStyleClass"] }, { kind: "directive", type: i3.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 }
 __decorate([
     coerceBoolean
 ], EclFileItemsComponent.prototype, "isExpanded", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFileItemsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFileItemsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-file-items', template: "<button eclButton variant=\"ghost\" class=\"ecl-file__translation-toggle\" (click)=\"onToggleClick($event)\">\n    <span eclButtonLabel>\n        {{ label || 'ecl.file.OTHER-LANGUAGES' | translate:{ count: getItemsCount() } }}\n    </span>\n    <ecl-icon icon=\"corner-arrow\" transform=\"rotate-180\"></ecl-icon>\n</button>\n<ul class=\"ecl-file__translation-list\">\n    <ng-content></ng-content>\n</ul>" }]
         }], propDecorators: { label: [{

package/esm2022/lib/components/ecl-file/ecl-file-taxonomy/ecl-file-taxonomy.component.mjs

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

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

@@ -35,13 +35,13 @@ export class EclFileComponent extends ECLBaseDirective {
     getDownloadFileName() {
         return this.downloadFileName || this.href.split('/').pop();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclFileComponent, selector: "ecl-file", inputs: { eclTitle: "eclTitle", description: "description", label: "label", labelInfo: "labelInfo", language: "language", detailMeta: "detailMeta", meta: "meta", thumbnailUrl: "thumbnailUrl", href: "href", downloadFileName: "downloadFileName", ariaLabel: ["aria-label", "ariaLabel"] }, outputs: { itemDownload: "itemDownload" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-file__container\">\n    <ecl-icon *ngIf=\"!isThumbnail\" icon=\"file\" class=\"ecl-file__icon\" size=\"2xl\"></ecl-icon>\n    <div *ngIf=\"isThumbnail\" class=\"ecl-file__detail\">\n        <div class=\"ecl-file__detail-info\">\n            <div class=\"ecl-file__label\" *ngIf=\"labelInfo\"><span eclLabel variant=\"highlight\">{{ labelInfo }}</span></div>\n            <div class=\"ecl-file__detail-meta\">\n                <span class=\"ecl-file__detail-meta-item\" *ngFor=\"let el of detailMeta\">{{ el }}</span></div>\n            <div class=\"ecl-file__title\">{{ eclTitle }}</div>\n            <div class=\"ecl-file__description\">{{ description }}</div>\n        </div>\n        <img class=\"ecl-file__image\" [src]=\"thumbnailUrl\" alt=\"thumbnail\" />\n    </div>\n    <ng-content select=\"ecl-file-taxonomy\"></ng-content>\n    <div class=\"ecl-file__info\">\n        <div *ngIf=\"!isThumbnail\" class=\"ecl-file__title\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__language\">{{ language }}</div>\n        <div class=\"ecl-file__meta\">{{ meta }}</div>\n    </div>\n    <a eclLink\n        variant=\"standalone\"\n        [href]=\"href\"\n        [download]=\"getDownloadFileName()\"\n        class=\"ecl-file__download\"\n        (click)=\"onItemClick($event)\" [attr.aria-label]=\"ariaLabel\">\n        <span class=\"ecl-link__label\">{{ label || 'ecl.common.DOWNLOAD' | translate }}</span>&nbsp;\n        <ecl-icon icon=\"download\" size=\"fluid\"></ecl-icon>\n    </a>\n</div>\n<ng-content></ng-content>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i3.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "directive", type: i4.EclLabelDirective, selector: "[eclLabel]", inputs: ["variant"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclFileComponent, selector: "ecl-file", inputs: { eclTitle: "eclTitle", description: "description", label: "label", labelInfo: "labelInfo", language: "language", detailMeta: "detailMeta", meta: "meta", thumbnailUrl: "thumbnailUrl", href: "href", downloadFileName: "downloadFileName", ariaLabel: ["aria-label", "ariaLabel"] }, outputs: { itemDownload: "itemDownload" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-file__container\">\n    <ecl-icon *ngIf=\"!isThumbnail\" icon=\"file\" class=\"ecl-file__icon\" size=\"2xl\"></ecl-icon>\n    <div *ngIf=\"isThumbnail\" class=\"ecl-file__detail\">\n        <div class=\"ecl-file__detail-info\">\n            <div class=\"ecl-file__label\" *ngIf=\"labelInfo\"><span eclLabel variant=\"highlight\">{{ labelInfo }}</span></div>\n            <div class=\"ecl-file__detail-meta\">\n                <span class=\"ecl-file__detail-meta-item\" *ngFor=\"let el of detailMeta\">{{ el }}</span></div>\n            <div class=\"ecl-file__title\">{{ eclTitle }}</div>\n            <div class=\"ecl-file__description\">{{ description }}</div>\n        </div>\n        <img class=\"ecl-file__image\" [src]=\"thumbnailUrl\" alt=\"thumbnail\" />\n    </div>\n    <ng-content select=\"ecl-file-taxonomy\"></ng-content>\n    <div class=\"ecl-file__info\">\n        <div *ngIf=\"!isThumbnail\" class=\"ecl-file__title\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__language\">{{ language }}</div>\n        <div class=\"ecl-file__meta\">{{ meta }}</div>\n    </div>\n    <a eclLink\n        variant=\"standalone\"\n        [href]=\"href\"\n        [download]=\"getDownloadFileName()\"\n        class=\"ecl-file__download\"\n        (click)=\"onItemClick($event)\" [attr.aria-label]=\"ariaLabel\">\n        <span class=\"ecl-link__label\">{{ label || 'ecl.common.DOWNLOAD' | translate }}</span>&nbsp;\n        <ecl-icon icon=\"download\" size=\"fluid\"></ecl-icon>\n    </a>\n</div>\n<ng-content></ng-content>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i3.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "directive", type: i4.EclLabelDirective, selector: "[eclLabel]", inputs: ["variant"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
 }
 __decorate([
     coerceArray
 ], EclFileComponent.prototype, "meta", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-file', template: "<div class=\"ecl-file__container\">\n    <ecl-icon *ngIf=\"!isThumbnail\" icon=\"file\" class=\"ecl-file__icon\" size=\"2xl\"></ecl-icon>\n    <div *ngIf=\"isThumbnail\" class=\"ecl-file__detail\">\n        <div class=\"ecl-file__detail-info\">\n            <div class=\"ecl-file__label\" *ngIf=\"labelInfo\"><span eclLabel variant=\"highlight\">{{ labelInfo }}</span></div>\n            <div class=\"ecl-file__detail-meta\">\n                <span class=\"ecl-file__detail-meta-item\" *ngFor=\"let el of detailMeta\">{{ el }}</span></div>\n            <div class=\"ecl-file__title\">{{ eclTitle }}</div>\n            <div class=\"ecl-file__description\">{{ description }}</div>\n        </div>\n        <img class=\"ecl-file__image\" [src]=\"thumbnailUrl\" alt=\"thumbnail\" />\n    </div>\n    <ng-content select=\"ecl-file-taxonomy\"></ng-content>\n    <div class=\"ecl-file__info\">\n        <div *ngIf=\"!isThumbnail\" class=\"ecl-file__title\">{{ eclTitle }}</div>\n        <div class=\"ecl-file__language\">{{ language }}</div>\n        <div class=\"ecl-file__meta\">{{ meta }}</div>\n    </div>\n    <a eclLink\n        variant=\"standalone\"\n        [href]=\"href\"\n        [download]=\"getDownloadFileName()\"\n        class=\"ecl-file__download\"\n        (click)=\"onItemClick($event)\" [attr.aria-label]=\"ariaLabel\">\n        <span class=\"ecl-link__label\">{{ label || 'ecl.common.DOWNLOAD' | translate }}</span>&nbsp;\n        <ecl-icon icon=\"download\" size=\"fluid\"></ecl-icon>\n    </a>\n</div>\n<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { eclTitle: [{

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

@@ -11,8 +11,8 @@ import { EclFileTaxonomyComponent } from './ecl-file-taxonomy/ecl-file-taxonomy.
 import { EclLabelDirectiveModule } from '../ecl-label/ecl-label.module';
 import * as i0 from "@angular/core";
 export class EclFileComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFileComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclFileComponentModule, declarations: [EclFileComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFileComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclFileComponentModule, declarations: [EclFileComponent,
             EclFileItemsComponent,
             EclFileItemComponent,
             EclFileTaxonomyComponent], imports: [CommonModule,
@@ -24,14 +24,14 @@ export class EclFileComponentModule {
             EclFileItemsComponent,
             EclFileItemComponent,
             EclFileTaxonomyComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFileComponentModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFileComponentModule, imports: [CommonModule,
             EclLinkDirectiveModule,
             EclIconComponentModule,
             EclButtonComponentModule,
             EclLabelDirectiveModule,
             TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFileComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFileComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/ecl-file-upload/ecl-file-upload.directive.mjs

@@ -167,8 +167,8 @@ export class EclFileUploadDirective extends ECLBaseDirective {
         const i = Math.floor(Math.log(bytes) / Math.log(k));
         return `${parseFloat((bytes / k ** i).toFixed(dm))} ${sizes[i]}`;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFileUploadDirective, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclFileUploadDirective, selector: "[eclFileUpload]", inputs: { variant: "variant", isInvalid: "isInvalid", id: "id", disabled: "disabled", multiple: "multiple" }, outputs: { filesSelected: "filesSelected" }, host: { listeners: { "click": "onClick($event)", "change": "onFilesSelected($event)" }, properties: { "attr.id": "this.id", "attr.disabled": "this.disabled", "attr.multiple": "this.multiple", "attr.type": "this.type", "class": "this.cssClasses", "class.ecl-file-upload--invalid": "this.invalidState" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFileUploadDirective, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclFileUploadDirective, selector: "[eclFileUpload]", inputs: { variant: "variant", isInvalid: "isInvalid", id: "id", disabled: "disabled", multiple: "multiple" }, outputs: { filesSelected: "filesSelected" }, host: { listeners: { "click": "onClick($event)", "change": "onFilesSelected($event)" }, properties: { "attr.id": "this.id", "attr.disabled": "this.disabled", "attr.multiple": "this.multiple", "attr.type": "this.type", "class": "this.cssClasses", "class.ecl-file-upload--invalid": "this.invalidState" } }, usesInheritance: true, ngImport: i0 }); }
 }
 __decorate([
     coerceBoolean
@@ -176,7 +176,7 @@ __decorate([
 __decorate([
     coerceBoolean
 ], EclFileUploadDirective.prototype, "multiple", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFileUploadDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFileUploadDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclFileUpload]'

package/esm2022/lib/components/ecl-file-upload/ecl-file-upload.module.mjs

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

package/esm2022/lib/components/ecl-form-group/ecl-form-group.component.mjs

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

package/esm2022/lib/components/ecl-form-group/ecl-form-group.module.mjs

@@ -5,15 +5,15 @@ import { TranslateModule } from '@ngx-translate/core';
 import { EclFormGroupComponent } from './ecl-form-group.component';
 import * as i0 from "@angular/core";
 export class EclFormGroupComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFormGroupComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclFormGroupComponentModule, declarations: [EclFormGroupComponent], imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFormGroupComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclFormGroupComponentModule, declarations: [EclFormGroupComponent], imports: [CommonModule,
             EclFormLabelComponentModule,
             TranslateModule], exports: [EclFormGroupComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFormGroupComponentModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFormGroupComponentModule, imports: [CommonModule,
             EclFormLabelComponentModule,
             TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFormGroupComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFormGroupComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -20,8 +20,8 @@ export class EclFormLabelComponent extends ECLBaseDirective {
             this.isDisabled ? 'ecl-form-label--disabled' : '',
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFormLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclFormLabelComponent, selector: "[eclFormLabel]", inputs: { isOptional: "isOptional", isInvalid: "isInvalid", isDisabled: "isDisabled", isRequired: "isRequired" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n<span *ngIf=\"isOptional\" class=\"ecl-form-label__optional\"> ({{ 'ecl.form-label.OPTIONAL' | translate }})</span>\n<span *ngIf=\"isRequired\" class=\"ecl-form-label__required\">*</span>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFormLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclFormLabelComponent, selector: "[eclFormLabel]", inputs: { isOptional: "isOptional", isInvalid: "isInvalid", isDisabled: "isDisabled", isRequired: "isRequired" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n<span *ngIf=\"isOptional\" class=\"ecl-form-label__optional\"> ({{ 'ecl.form-label.OPTIONAL' | translate }})</span>\n<span *ngIf=\"isRequired\" class=\"ecl-form-label__required\">*</span>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     coerceBoolean
@@ -35,7 +35,7 @@ __decorate([
 __decorate([
     coerceBoolean
 ], EclFormLabelComponent.prototype, "isRequired", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclFormLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclFormLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: '[eclFormLabel]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n<span *ngIf=\"isOptional\" class=\"ecl-form-label__optional\"> ({{ 'ecl.form-label.OPTIONAL' | translate }})</span>\n<span *ngIf=\"isRequired\" class=\"ecl-form-label__required\">*</span>\n" }]
         }], propDecorators: { isOptional: [{

package/esm2022/lib/components/ecl-form-label/ecl-form-label.module.mjs

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

package/esm2022/lib/components/ecl-gallery/ecl-gallery-footer.component.mjs

@@ -1,10 +1,10 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class EclGalleryFooterComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclGalleryFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclGalleryFooterComponent, selector: "ecl-gallery-footer", ngImport: i0, template: "<div class=\"ecl-gallery__footer\">\n    <ng-content></ng-content>\n</div>\n" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclGalleryFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclGalleryFooterComponent, selector: "ecl-gallery-footer", ngImport: i0, template: "<div class=\"ecl-gallery__footer\">\n    <ng-content></ng-content>\n</div>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclGalleryFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclGalleryFooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-gallery-footer', template: "<div class=\"ecl-gallery__footer\">\n    <ng-content></ng-content>\n</div>\n" }]
         }] });

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

@@ -47,10 +47,10 @@ export class EclGalleryItemComponent extends ECLBaseDirective {
     get isShareable() {
         return this.mediaType !== 'externalVideo';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclGalleryItemComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclGalleryItemComponent, selector: "ecl-gallery-item", inputs: { mediaType: "mediaType", src: "src", label: "label", meta: "meta", description: "description", icon: "icon" }, outputs: { itemClick: "itemClick" }, host: { listeners: { "click": "onItemClick($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, queries: [{ propertyName: "mediaChild", first: true, predicate: EclGalleryMediaDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<a [href]=\"src\"\n    class=\"ecl-gallery__item-link\"\n    [attr.aria-label]=\"label\">\n    <figure class=\"ecl-gallery__image-container\">\n        <ng-content></ng-content>\n        <ecl-icon *ngIf=\"icon\" class=\"ecl-gallery__image-icon\" [icon]=\"icon\" size=\"l\"></ecl-icon>\n        <figcaption class=\"ecl-gallery__description\">\n            {{ description }}\n            <ecl-icon *ngIf=\"icon\" class=\"ecl-gallery__description-icon\" [icon]=\"icon\"></ecl-icon>\n            <span class=\"ecl-gallery__meta\">\n                {{ meta }}\n            </span>\n        </figcaption>\n    </figure>\n</a>\n", styles: [".ecl-gallery__description{width:100%}\n"], dependencies: [{ 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"] }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclGalleryItemComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclGalleryItemComponent, selector: "ecl-gallery-item", inputs: { mediaType: "mediaType", src: "src", label: "label", meta: "meta", description: "description", icon: "icon" }, outputs: { itemClick: "itemClick" }, host: { listeners: { "click": "onItemClick($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, queries: [{ propertyName: "mediaChild", first: true, predicate: EclGalleryMediaDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<a [href]=\"src\"\n    class=\"ecl-gallery__item-link\"\n    [attr.aria-label]=\"label\">\n    <figure class=\"ecl-gallery__image-container\">\n        <ng-content></ng-content>\n        <ecl-icon *ngIf=\"icon\" class=\"ecl-gallery__image-icon\" [icon]=\"icon\" size=\"l\"></ecl-icon>\n        <figcaption class=\"ecl-gallery__description\">\n            {{ description }}\n            <ecl-icon *ngIf=\"icon\" class=\"ecl-gallery__description-icon\" [icon]=\"icon\"></ecl-icon>\n            <span class=\"ecl-gallery__meta\">\n                {{ meta }}\n            </span>\n        </figcaption>\n    </figure>\n</a>\n", styles: [".ecl-gallery__description{width:100%}\n"], dependencies: [{ 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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclGalleryItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclGalleryItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-gallery-item', template: "<a [href]=\"src\"\n    class=\"ecl-gallery__item-link\"\n    [attr.aria-label]=\"label\">\n    <figure class=\"ecl-gallery__image-container\">\n        <ng-content></ng-content>\n        <ecl-icon *ngIf=\"icon\" class=\"ecl-gallery__image-icon\" [icon]=\"icon\" size=\"l\"></ecl-icon>\n        <figcaption class=\"ecl-gallery__description\">\n            {{ description }}\n            <ecl-icon *ngIf=\"icon\" class=\"ecl-gallery__description-icon\" [icon]=\"icon\"></ecl-icon>\n            <span class=\"ecl-gallery__meta\">\n                {{ meta }}\n            </span>\n        </figcaption>\n    </figure>\n</a>\n", styles: [".ecl-gallery__description{width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ElementRef }]; }, propDecorators: { mediaType: [{

package/esm2022/lib/components/ecl-gallery/ecl-gallery-media.directive.mjs

@@ -40,10 +40,10 @@ export class EclGalleryMediaDirective extends ECLBaseDirective {
     getHostElement() {
         return this.el.nativeElement;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclGalleryMediaDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclGalleryMediaDirective, selector: "[eclGalleryMedia]", inputs: { poster: "poster" }, 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: EclGalleryMediaDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclGalleryMediaDirective, selector: "[eclGalleryMedia]", inputs: { poster: "poster" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclGalleryMediaDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclGalleryMediaDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclGalleryMedia]'