@eui/ecl 17.2.3 → 17.2.4-snapshot-1710342685688

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

@@ -36,13 +36,13 @@ export class EclAccordionItemComponent extends ECLBaseDirective {
             this.isExpanded = nextExpandedState;
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclAccordionItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: EclAccordionItemComponent, selector: "ecl-accordion-item", inputs: { label: "label", isExpanded: "isExpanded" }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<h3 class=\"ecl-accordion__title\" [id]=\"titleId\">\n    <button\n        type=\"button\"\n        (click)=\"onItemClick($event)\"\n        [attr.aria-expanded]=\"isExpanded\"\n        class=\"ecl-accordion__toggle\"\n        [attr.aria-controls]=\"contentId\">\n        <span class=\"ecl-accordion__toggle-flex\">\n            <span class=\"ecl-accordion__toggle-indicator\">\n                <span class=\"ecl-accordion__toggle-label\">{{ 'ecl.common.OPEN' | translate }}</span>\n                <ecl-icon *ngIf=\"!isExpanded\" icon=\"plus\" size=\"m\" class=\"ecl-accordion__toggle-icon\" [attr.aria-hidden]=\"!isExpanded\">\n                </ecl-icon>\n                <ecl-icon *ngIf=\"isExpanded\" icon=\"minus\" size=\"m\" class=\"ecl-accordion__toggle-icon\" [attr.aria-hidden]=\"isExpanded\">\n                </ecl-icon>\n            </span>\n            <span class=\"ecl-accordion__toggle-title\">{{ label }}</span>\n        </span>\n    </button>\n</h3>\n<div class=\"ecl-accordion__content\" [hidden]=\"!isExpanded\" role=\"region\" [attr.aria-labelledby]=\"titleId\" [id]=\"contentId\">\n    <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclAccordionItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: EclAccordionItemComponent, selector: "ecl-accordion-item", inputs: { label: "label", isExpanded: "isExpanded" }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<h3 class=\"ecl-accordion__title\" [id]=\"titleId\">\n    <button\n        type=\"button\"\n        (click)=\"onItemClick($event)\"\n        [attr.aria-expanded]=\"isExpanded\"\n        class=\"ecl-accordion__toggle\"\n        [attr.aria-controls]=\"contentId\">\n        <span class=\"ecl-accordion__toggle-flex\">\n            <span class=\"ecl-accordion__toggle-indicator\">\n                <span class=\"ecl-accordion__toggle-label\">{{ 'ecl.common.OPEN' | translate }}</span>\n                <ecl-icon *ngIf=\"!isExpanded\" icon=\"plus\" size=\"m\" class=\"ecl-accordion__toggle-icon\" [attr.aria-hidden]=\"!isExpanded\">\n                </ecl-icon>\n                <ecl-icon *ngIf=\"isExpanded\" icon=\"minus\" size=\"m\" class=\"ecl-accordion__toggle-icon\" [attr.aria-hidden]=\"isExpanded\">\n                </ecl-icon>\n            </span>\n            <span class=\"ecl-accordion__toggle-title\">{{ label }}</span>\n        </span>\n    </button>\n</h3>\n<div class=\"ecl-accordion__content\" [hidden]=\"!isExpanded\" role=\"region\" [attr.aria-labelledby]=\"titleId\" [id]=\"contentId\">\n    <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     coerceBoolean
 ], EclAccordionItemComponent.prototype, "isExpanded", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclAccordionItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclAccordionItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-accordion-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h3 class=\"ecl-accordion__title\" [id]=\"titleId\">\n    <button\n        type=\"button\"\n        (click)=\"onItemClick($event)\"\n        [attr.aria-expanded]=\"isExpanded\"\n        class=\"ecl-accordion__toggle\"\n        [attr.aria-controls]=\"contentId\">\n        <span class=\"ecl-accordion__toggle-flex\">\n            <span class=\"ecl-accordion__toggle-indicator\">\n                <span class=\"ecl-accordion__toggle-label\">{{ 'ecl.common.OPEN' | translate }}</span>\n                <ecl-icon *ngIf=\"!isExpanded\" icon=\"plus\" size=\"m\" class=\"ecl-accordion__toggle-icon\" [attr.aria-hidden]=\"!isExpanded\">\n                </ecl-icon>\n                <ecl-icon *ngIf=\"isExpanded\" icon=\"minus\" size=\"m\" class=\"ecl-accordion__toggle-icon\" [attr.aria-hidden]=\"isExpanded\">\n                </ecl-icon>\n            </span>\n            <span class=\"ecl-accordion__toggle-title\">{{ label }}</span>\n        </span>\n    </button>\n</h3>\n<div class=\"ecl-accordion__content\" [hidden]=\"!isExpanded\" role=\"region\" [attr.aria-labelledby]=\"titleId\" [id]=\"contentId\">\n    <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { label: [{

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

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

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

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

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

@@ -70,10 +70,10 @@ export class EclAppComponent extends ECLBaseDirective {
             this.languageDismiss.next(new EclAppLanguageDismissEvent(evt.language));
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclAppComponent, deps: [{ token: i1.EclLanguageService }, { token: i2.EclRtlService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: EclAppComponent, selector: "ecl-app", outputs: { languageDismiss: "languageDismiss" }, host: { properties: { "attr.dir": "this.textDirection" } }, queries: [{ propertyName: "eclSiteHeaderLanguage", first: true, predicate: EclSiteHeaderLanguageComponent, descendants: true }, { propertyName: "eclSiteHeader", first: true, predicate: EclSiteHeaderComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclAppComponent, deps: [{ token: i1.EclLanguageService }, { token: i2.EclRtlService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: EclAppComponent, selector: "ecl-app", outputs: { languageDismiss: "languageDismiss" }, host: { properties: { "attr.dir": "this.textDirection" } }, queries: [{ propertyName: "eclSiteHeaderLanguage", first: true, predicate: EclSiteHeaderLanguageComponent, descendants: true }, { propertyName: "eclSiteHeader", first: true, predicate: EclSiteHeaderComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclAppComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclAppComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-app', template: "<ng-content></ng-content>\n" }]
         }], ctorParameters: () => [{ type: i1.EclLanguageService }, { type: i2.EclRtlService }], propDecorators: { textDirection: [{

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

@@ -5,11 +5,11 @@ import { EclAppComponent } from './ecl-app.component';
 import { EclSiteHeaderComponentModule } from '../ecl-site-header';
 import * as i0 from "@angular/core";
 export class EclAppComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclAppComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: EclAppComponentModule, declarations: [EclAppComponent], imports: [CommonModule, RouterModule, EclSiteHeaderComponentModule], exports: [EclAppComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclAppComponentModule, imports: [CommonModule, RouterModule, EclSiteHeaderComponentModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclAppComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.4", ngImport: i0, type: EclAppComponentModule, declarations: [EclAppComponent], imports: [CommonModule, RouterModule, EclSiteHeaderComponentModule], exports: [EclAppComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclAppComponentModule, imports: [CommonModule, RouterModule, EclSiteHeaderComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclAppComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclAppComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterModule, EclSiteHeaderComponentModule],

package/esm2022/lib/components/ecl-banner/ecl-banner-credit.directive.mjs

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

package/esm2022/lib/components/ecl-banner/ecl-banner-description.directive.mjs

@@ -6,10 +6,10 @@ export class EclBannerDescriptionDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-banner__description';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBannerDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: EclBannerDescriptionDirective, selector: "[eclBannerDescription]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBannerDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: EclBannerDescriptionDirective, selector: "[eclBannerDescription]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBannerDescriptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBannerDescriptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclBannerDescription]',
@@ -23,10 +23,10 @@ export class EclBannerDescriptionTextDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-banner__description-text';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBannerDescriptionTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: EclBannerDescriptionTextDirective, selector: "[eclBannerDescriptionText]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBannerDescriptionTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: EclBannerDescriptionTextDirective, selector: "[eclBannerDescriptionText]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBannerDescriptionTextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBannerDescriptionTextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclBannerDescriptionText]',

package/esm2022/lib/components/ecl-banner/ecl-banner-picture.directive.mjs

@@ -5,10 +5,10 @@ export class EclBannerPictureDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-picture ecl-banner__picture')].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBannerPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: EclBannerPictureDirective, selector: "picture[eclBannerPicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBannerPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: EclBannerPictureDirective, selector: "picture[eclBannerPicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBannerPictureDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBannerPictureDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'picture[eclBannerPicture]',
@@ -22,10 +22,10 @@ export class EclBannerImageDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBannerImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: EclBannerImageDirective, selector: "img[eclBannerImage]", host: { properties: { "class.ecl-banner__image": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBannerImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: EclBannerImageDirective, selector: "img[eclBannerImage]", host: { properties: { "class.ecl-banner__image": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBannerImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBannerImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'img[eclBannerImage]',

package/esm2022/lib/components/ecl-banner/ecl-banner-title.directive.mjs

@@ -6,10 +6,10 @@ export class EclBannerTitleDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-banner__title';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBannerTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: EclBannerTitleDirective, selector: "[eclBannerTitle]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBannerTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: EclBannerTitleDirective, selector: "[eclBannerTitle]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBannerTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBannerTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclBannerTitle]',
@@ -23,10 +23,10 @@ export class EclBannerTitleTextDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-banner__title-text';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBannerTitleTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: EclBannerTitleTextDirective, selector: "[eclBannerTitleText]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBannerTitleTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: EclBannerTitleTextDirective, selector: "[eclBannerTitleText]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBannerTitleTextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBannerTitleTextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclBannerTitleText]',

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

@@ -40,8 +40,8 @@ export class EclBannerComponent extends ECLBaseDirective {
     get showImage() {
         return this.image && !this.eclPictureDirective;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBannerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: EclBannerComponent, selector: "ecl-banner", inputs: { variant: "variant", image: "image", eclSize: "eclSize", isCentered: "isCentered", isFullWidth: "isFullWidth" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclPictureDirective", first: true, predicate: EclFilePictureDirective, descendants: true }, { propertyName: "eclLinkComponents", predicate: i0.forwardRef(() => EclLinkDirective) }], usesInheritance: true, ngImport: i0, template: "<picture *ngIf=\"showImage\" class=\"ecl-picture ecl-banner__picture\">\n    <img class=\"ecl-banner__image\" [src]=\"image\" />\n</picture>\n<ng-content *ngIf=\"!showImage\" select=\"[eclBannerPicture]\"></ng-content>\n<ng-content select=\"[eclBannerCredit]\"></ng-content>\n<div class=\"ecl-container\">\n    <div class=\"ecl-banner__container\">\n        <div class=\"ecl-banner__content\">\n            <ng-content select=\"[eclBannerTitle]\"></ng-content>\n            <ng-content select=\"[eclBannerDescription]\"></ng-content>\n            <div *ngIf=\"hasCtaLink\" class=\"ecl-banner__cta\">\n                <ng-content select=\"[eclLink]\"></ng-content>\n            </div>\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBannerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: EclBannerComponent, selector: "ecl-banner", inputs: { variant: "variant", image: "image", eclSize: "eclSize", isCentered: "isCentered", isFullWidth: "isFullWidth" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclPictureDirective", first: true, predicate: EclFilePictureDirective, descendants: true }, { propertyName: "eclLinkComponents", predicate: i0.forwardRef(() => EclLinkDirective) }], usesInheritance: true, ngImport: i0, template: "<picture *ngIf=\"showImage\" class=\"ecl-picture ecl-banner__picture\">\n    <img class=\"ecl-banner__image\" [src]=\"image\" />\n</picture>\n<ng-content *ngIf=\"!showImage\" select=\"[eclBannerPicture]\"></ng-content>\n<ng-content select=\"[eclBannerCredit]\"></ng-content>\n<div class=\"ecl-container\">\n    <div class=\"ecl-banner__container\">\n        <div class=\"ecl-banner__content\">\n            <ng-content select=\"[eclBannerTitle]\"></ng-content>\n            <ng-content select=\"[eclBannerDescription]\"></ng-content>\n            <div *ngIf=\"hasCtaLink\" class=\"ecl-banner__cta\">\n                <ng-content select=\"[eclLink]\"></ng-content>\n            </div>\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 __decorate([
     coerceBoolean
@@ -49,7 +49,7 @@ __decorate([
 __decorate([
     coerceBoolean
 ], EclBannerComponent.prototype, "isFullWidth", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBannerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBannerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-banner', template: "<picture *ngIf=\"showImage\" class=\"ecl-picture ecl-banner__picture\">\n    <img class=\"ecl-banner__image\" [src]=\"image\" />\n</picture>\n<ng-content *ngIf=\"!showImage\" select=\"[eclBannerPicture]\"></ng-content>\n<ng-content select=\"[eclBannerCredit]\"></ng-content>\n<div class=\"ecl-container\">\n    <div class=\"ecl-banner__container\">\n        <div class=\"ecl-banner__content\">\n            <ng-content select=\"[eclBannerTitle]\"></ng-content>\n            <ng-content select=\"[eclBannerDescription]\"></ng-content>\n            <div *ngIf=\"hasCtaLink\" class=\"ecl-banner__cta\">\n                <ng-content select=\"[eclLink]\"></ng-content>\n            </div>\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n" }]
         }], propDecorators: { variant: [{

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

@@ -18,8 +18,8 @@ const COMPONENTS = [
     EclBannerImageDirective,
 ];
 export class EclBannerComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBannerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: EclBannerComponentModule, declarations: [EclBannerComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBannerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.4", ngImport: i0, type: EclBannerComponentModule, declarations: [EclBannerComponent,
             EclBannerTitleDirective,
             EclBannerTitleTextDirective,
             EclBannerDescriptionDirective,
@@ -34,9 +34,9 @@ export class EclBannerComponentModule {
             EclBannerCreditDirective,
             EclBannerPictureDirective,
             EclBannerImageDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBannerComponentModule, imports: [CommonModule, EclLinkDirectiveModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBannerComponentModule, imports: [CommonModule, EclLinkDirectiveModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBannerComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBannerComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EclLinkDirectiveModule],

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

@@ -11,10 +11,10 @@ export class ECLBaseDirective {
     getCssClasses(rootClass) {
         return [rootClass, this.class].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ECLBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: ECLBaseDirective, selector: "[eclBase]", inputs: { class: "class", e2eAttr: "e2eAttr", tabindex: "tabindex" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "attr.tabindex": "this.tabindex" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ECLBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: ECLBaseDirective, selector: "[eclBase]", inputs: { class: "class", e2eAttr: "e2eAttr", tabindex: "tabindex" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "attr.tabindex": "this.tabindex" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ECLBaseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ECLBaseDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclBase]',

package/esm2022/lib/components/ecl-blockquote/ecl-blockquote-picture.directive.mjs

@@ -5,10 +5,10 @@ export class EclBlockquotePictureDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-picture ecl-blockquote__picture')].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBlockquotePictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: EclBlockquotePictureDirective, selector: "picture[eclBlockquotePicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBlockquotePictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: EclBlockquotePictureDirective, selector: "picture[eclBlockquotePicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBlockquotePictureDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBlockquotePictureDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'picture[eclBlockquotePicture]',
@@ -21,10 +21,10 @@ export class EclBlockquoteImageDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-blockquote__image')].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBlockquoteImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: EclBlockquoteImageDirective, selector: "img[eclBlockquoteImage]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBlockquoteImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.4", type: EclBlockquoteImageDirective, selector: "img[eclBlockquoteImage]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBlockquoteImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBlockquoteImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'img[eclBlockquoteImage]',

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

@@ -42,10 +42,10 @@ export class EclBlockquoteComponent extends ECLBaseDirective {
         const language = this.eclLanguageService.getEULanguageOrFallback(this.translateService.currentLang);
         return language.code;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBlockquoteComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TranslateService }, { token: i2.EclLanguageService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: EclBlockquoteComponent, selector: "[eclBlockquote]", inputs: { author: "author" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "pictureContent", first: true, predicate: EclBlockquotePictureDirective, descendants: true }, { propertyName: "imageContent", first: true, predicate: EclBlockquoteImageDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-blockquote__body\">\n    <blockquote class=\"ecl-blockquote__quote\">\n        <p class=\"ecl-blockquote__citation\" [attr.lang]=\"getLanguageCode()\">\n            <ng-content></ng-content>\n        </p>\n    </blockquote>\n    <footer *ngIf=\"hasAuthor\" class=\"ecl-blockquote__attribution\">\n        <cite class=\"ecl-blockquote__author\">{{ author }}</cite>\n    </footer>\n</div>\n<ng-content select=\"picture[eclBlockquotePicture]\"></ng-content>\n<!-- TODO: Remove this code in 17 version -->\n<picture *ngIf=\"!hasPictureContent && hasImageContent\" eclBlockquotePicture\n    ><ng-content select=\"[eclBlockquoteImage]\"></ng-content\n></picture>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.EclBlockquotePictureDirective, selector: "picture[eclBlockquotePicture]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBlockquoteComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TranslateService }, { token: i2.EclLanguageService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: EclBlockquoteComponent, selector: "[eclBlockquote]", inputs: { author: "author" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "pictureContent", first: true, predicate: EclBlockquotePictureDirective, descendants: true }, { propertyName: "imageContent", first: true, predicate: EclBlockquoteImageDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-blockquote__body\">\n    <blockquote class=\"ecl-blockquote__quote\">\n        <p class=\"ecl-blockquote__citation\" [attr.lang]=\"getLanguageCode()\">\n            <ng-content></ng-content>\n        </p>\n    </blockquote>\n    <footer *ngIf=\"hasAuthor\" class=\"ecl-blockquote__attribution\">\n        <cite class=\"ecl-blockquote__author\">{{ author }}</cite>\n    </footer>\n</div>\n<ng-content select=\"picture[eclBlockquotePicture]\"></ng-content>\n<!-- TODO: Remove this code in 17 version -->\n<picture *ngIf=\"!hasPictureContent && hasImageContent\" eclBlockquotePicture\n    ><ng-content select=\"[eclBlockquoteImage]\"></ng-content\n></picture>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.EclBlockquotePictureDirective, selector: "picture[eclBlockquotePicture]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBlockquoteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBlockquoteComponent, decorators: [{
             type: Component,
             args: [{ selector: '[eclBlockquote]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ecl-blockquote__body\">\n    <blockquote class=\"ecl-blockquote__quote\">\n        <p class=\"ecl-blockquote__citation\" [attr.lang]=\"getLanguageCode()\">\n            <ng-content></ng-content>\n        </p>\n    </blockquote>\n    <footer *ngIf=\"hasAuthor\" class=\"ecl-blockquote__attribution\">\n        <cite class=\"ecl-blockquote__author\">{{ author }}</cite>\n    </footer>\n</div>\n<ng-content select=\"picture[eclBlockquotePicture]\"></ng-content>\n<!-- TODO: Remove this code in 17 version -->\n<picture *ngIf=\"!hasPictureContent && hasImageContent\" eclBlockquotePicture\n    ><ng-content select=\"[eclBlockquoteImage]\"></ng-content\n></picture>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.TranslateService }, { type: i2.EclLanguageService }], propDecorators: { author: [{

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

@@ -4,11 +4,11 @@ import { EclBlockquoteComponent } from './ecl-blockquote.component';
 import { EclBlockquoteImageDirective, EclBlockquotePictureDirective } from './ecl-blockquote-picture.directive';
 import * as i0 from "@angular/core";
 export class EclBlockquoteComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBlockquoteComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: EclBlockquoteComponentModule, declarations: [EclBlockquoteComponent, EclBlockquoteImageDirective, EclBlockquotePictureDirective], imports: [CommonModule], exports: [EclBlockquoteComponent, EclBlockquoteImageDirective, EclBlockquotePictureDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBlockquoteComponentModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBlockquoteComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.4", ngImport: i0, type: EclBlockquoteComponentModule, declarations: [EclBlockquoteComponent, EclBlockquoteImageDirective, EclBlockquotePictureDirective], imports: [CommonModule], exports: [EclBlockquoteComponent, EclBlockquoteImageDirective, EclBlockquotePictureDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBlockquoteComponentModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBlockquoteComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBlockquoteComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

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: "17.0.8", ngImport: i0, type: EclBreadcrumbSegmentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", 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", "attr.role": "this.role", "class.ecl-u-d-none": "this.isHidden", "attr.hidden": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a\n    *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\n    *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\" role=\"presentation\" icon=\"corner-arrow\" size=\"2xs\" class=\"ecl-breadcrumb__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", 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: "17.2.4", ngImport: i0, type: EclBreadcrumbSegmentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", 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", "attr.role": "this.role", "class.ecl-u-d-none": "this.isHidden", "attr.hidden": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a\n    *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\n    *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\" role=\"presentation\" icon=\"corner-arrow\" size=\"2xs\" class=\"ecl-breadcrumb__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", 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", "info", "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: "17.0.8", ngImport: i0, type: EclBreadcrumbSegmentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBreadcrumbSegmentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-breadcrumb-segment', encapsulation: ViewEncapsulation.None, template: "<a\n    *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\n    *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\" role=\"presentation\" icon=\"corner-arrow\" size=\"2xs\" class=\"ecl-breadcrumb__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { tabIndex: [{

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

@@ -82,13 +82,13 @@ export class EclBreadcrumbComponent extends ECLBaseDirective {
     getSegmentsTotalWidth() {
         return this.eclSegments.reduce((width, segmentComponent) => width + segmentComponent.el.nativeElement.offsetWidth, 0);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", 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: "17.0.8", 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(() => EclBreadcrumbSegmentComponent) }], viewQueries: [{ propertyName: "eclEllipsisSegment", first: true, predicate: ["ellipsisSegment"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ol class=\"ecl-breadcrumb__container\">\n    <ecl-breadcrumb-segment #ellipsisSegment [isHidden]=\"true\" 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: "17.2.4", 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: "17.2.4", 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(() => EclBreadcrumbSegmentComponent) }], viewQueries: [{ propertyName: "eclEllipsisSegment", first: true, predicate: ["ellipsisSegment"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ol class=\"ecl-breadcrumb__container\">\n    <ecl-breadcrumb-segment #ellipsisSegment [isHidden]=\"true\" 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: "17.0.8", ngImport: i0, type: EclBreadcrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBreadcrumbComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-breadcrumb', template: "<ol class=\"ecl-breadcrumb__container\">\n    <ecl-breadcrumb-segment #ellipsisSegment [isHidden]=\"true\" 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: () => [{ type: i0.ElementRef }, { type: i1.TranslateService }], propDecorators: { role: [{

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

@@ -9,11 +9,11 @@ import { EclIconComponentModule } from '../ecl-icon/ecl-icon.module';
 import * as i0 from "@angular/core";
 const COMPONENTS = [EclBreadcrumbComponent, EclBreadcrumbSegmentComponent];
 export class EclBreadcrumbComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBreadcrumbComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", 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: "17.0.8", ngImport: i0, type: EclBreadcrumbComponentModule, imports: [CommonModule, RouterModule, TranslateModule, EclLinkDirectiveModule, EclIconComponentModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBreadcrumbComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.4", 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: "17.2.4", ngImport: i0, type: EclBreadcrumbComponentModule, imports: [CommonModule, RouterModule, TranslateModule, EclLinkDirectiveModule, EclIconComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclBreadcrumbComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclBreadcrumbComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterModule, TranslateModule, EclLinkDirectiveModule, EclIconComponentModule],

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

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

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

@@ -31,10 +31,10 @@ export class EclButtonComponent extends ECLBaseDirective {
             });
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", 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(() => 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>\n", 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: "17.2.4", ngImport: i0, type: EclButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", 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(() => 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>\n", 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: "17.0.8", ngImport: i0, type: EclButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", 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>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{

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

@@ -5,11 +5,11 @@ 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: "17.0.8", ngImport: i0, type: EclButtonComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: EclButtonComponentModule, declarations: [EclButtonComponent, EclButtonLabelDirective], imports: [CommonModule, EclIconComponentModule], exports: [EclButtonComponent, EclButtonLabelDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclButtonComponentModule, imports: [CommonModule, EclIconComponentModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclButtonComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.4", ngImport: i0, type: EclButtonComponentModule, declarations: [EclButtonComponent, EclButtonLabelDirective], imports: [CommonModule, EclIconComponentModule], exports: [EclButtonComponent, EclButtonLabelDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclButtonComponentModule, imports: [CommonModule, EclIconComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclButtonComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclButtonComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EclIconComponentModule],

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

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

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

@@ -13,10 +13,10 @@ export class EclCardImageComponent extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-picture ecl-card__picture')].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclCardImageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: EclCardImageComponent, selector: "div[eclCardImage]", inputs: { imageUrl: "imageUrl", alt: "alt" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<!-- TODO: Remove this code in 17 version -->\n<img class=\"ecl-card__image\" [src]=\"imageUrl\" [alt]=\"alt\" />\n" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclCardImageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: EclCardImageComponent, selector: "div[eclCardImage]", inputs: { imageUrl: "imageUrl", alt: "alt" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<!-- TODO: Remove this code in 17 version -->\n<img class=\"ecl-card__image\" [src]=\"imageUrl\" [alt]=\"alt\" />\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: EclCardImageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: EclCardImageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[eclCardImage]', template: "<!-- TODO: Remove this code in 17 version -->\n<img class=\"ecl-card__image\" [src]=\"imageUrl\" [alt]=\"alt\" />\n" }]
         }], propDecorators: { imageUrl: [{