@eui/ecl 18.0.0-next.35 → 18.0.0-next.37

package/fesm2022/eui-ecl.mjs

@@ -1017,12 +1017,9 @@ i015.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
 }] });
 
 // lib/components/ecl-form-label/ecl-form-label.component.mjs
-import { __decorate } from "tslib";
-import { ChangeDetectionStrategy as ChangeDetectionStrategy5, Component as Component5, HostBinding as HostBinding8, Input as Input6 } from "@angular/core";
-import { coerceBoolean } from "@eui/base";
+import { ChangeDetectionStrategy as ChangeDetectionStrategy5, Component as Component5, HostBinding as HostBinding8, Input as Input6, booleanAttribute as booleanAttribute4 } from "@angular/core";
 import * as i016 from "@angular/core";
-import * as i13 from "@angular/common";
-import * as i22 from "@ngx-translate/core";
+import * as i13 from "@ngx-translate/core";
 var EclFormLabelComponent = class _EclFormLabelComponent extends ECLBaseDirective {
   constructor() {
     super(...arguments);
@@ -1042,38 +1039,38 @@ var EclFormLabelComponent = class _EclFormLabelComponent extends ECLBaseDirectiv
     this.ɵfac = i016.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i016, type: _EclFormLabelComponent, deps: null, target: i016.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i016.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclFormLabelComponent, selector: "[eclFormLabel]", inputs: { isOptional: "isOptional", isInvalid: "isInvalid", isDisabled: "isDisabled", isRequired: "isRequired" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i016, template: `<ng-content></ng-content>
-<span *ngIf="isOptional" class="ecl-form-label__optional"> ({{ 'ecl.form-label.OPTIONAL' | translate }})</span>
-<span *ngIf="isRequired" class="ecl-form-label__required">*</span>
-`, dependencies: [{ kind: "directive", type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i22.TranslatePipe, name: "translate" }], changeDetection: i016.ChangeDetectionStrategy.OnPush });
+    this.ɵcmp = i016.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclFormLabelComponent, selector: "[eclFormLabel]", inputs: { isOptional: ["isOptional", "isOptional", booleanAttribute4], isInvalid: ["isInvalid", "isInvalid", booleanAttribute4], isDisabled: ["isDisabled", "isDisabled", booleanAttribute4], isRequired: ["isRequired", "isRequired", booleanAttribute4] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i016, template: `<ng-content></ng-content>
+@if(isOptional) {
+<span class="ecl-form-label__optional" role="note" aria-label="optional"> ({{ 'ecl.form-label.OPTIONAL' | translate }})</span>
+}
+@if(isRequired) {
+<span class="ecl-form-label__required" role="note" aria-label="required">*</span>
+}
+`, dependencies: [{ kind: "pipe", type: i13.TranslatePipe, name: "translate" }], changeDetection: i016.ChangeDetectionStrategy.OnPush });
   }
 };
-__decorate([
-  coerceBoolean
-], EclFormLabelComponent.prototype, "isOptional", void 0);
-__decorate([
-  coerceBoolean
-], EclFormLabelComponent.prototype, "isInvalid", void 0);
-__decorate([
-  coerceBoolean
-], EclFormLabelComponent.prototype, "isDisabled", void 0);
-__decorate([
-  coerceBoolean
-], EclFormLabelComponent.prototype, "isRequired", void 0);
 i016.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i016, type: EclFormLabelComponent, decorators: [{
   type: Component5,
   args: [{ selector: "[eclFormLabel]", changeDetection: ChangeDetectionStrategy5.OnPush, template: `<ng-content></ng-content>
-<span *ngIf="isOptional" class="ecl-form-label__optional"> ({{ 'ecl.form-label.OPTIONAL' | translate }})</span>
-<span *ngIf="isRequired" class="ecl-form-label__required">*</span>
+@if(isOptional) {
+<span class="ecl-form-label__optional" role="note" aria-label="optional"> ({{ 'ecl.form-label.OPTIONAL' | translate }})</span>
+}
+@if(isRequired) {
+<span class="ecl-form-label__required" role="note" aria-label="required">*</span>
+}
 ` }]
 }], propDecorators: { isOptional: [{
-  type: Input6
+  type: Input6,
+  args: [{ transform: booleanAttribute4 }]
 }], isInvalid: [{
-  type: Input6
+  type: Input6,
+  args: [{ transform: booleanAttribute4 }]
 }], isDisabled: [{
-  type: Input6
+  type: Input6,
+  args: [{ transform: booleanAttribute4 }]
 }], isRequired: [{
-  type: Input6
+  type: Input6,
+  args: [{ transform: booleanAttribute4 }]
 }], cssClasses: [{
   type: HostBinding8,
   args: ["class"]
@@ -1152,7 +1149,7 @@ i019.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
 }] });
 
 // lib/components/ecl-link/ecl-link.directive.mjs
-import { Directive as Directive5, HostBinding as HostBinding10, Input as Input7, forwardRef as forwardRef5, ContentChildren as ContentChildren3, booleanAttribute as booleanAttribute4 } from "@angular/core";
+import { Directive as Directive5, HostBinding as HostBinding10, Input as Input7, forwardRef as forwardRef5, ContentChildren as ContentChildren3, booleanAttribute as booleanAttribute5 } from "@angular/core";
 import * as i020 from "@angular/core";
 var EclLinkDirective = class _EclLinkDirective extends ECLBaseDirective {
   get cssClasses() {
@@ -1183,7 +1180,7 @@ var EclLinkDirective = class _EclLinkDirective extends ECLBaseDirective {
     this.ɵfac = i020.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i020, type: _EclLinkDirective, deps: [{ token: i020.ElementRef }], target: i020.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i020.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclLinkDirective, selector: "[eclLink]", inputs: { isInverted: ["isInverted", "isInverted", booleanAttribute4], isIconOnly: ["isIconOnly", "isIconOnly", booleanAttribute4], isNoVisited: ["isNoVisited", "isNoVisited", booleanAttribute4], variant: "variant" }, host: { properties: { "class": "this.cssClasses", "class.ecl-link--icon": "this.hasIcon", "class.ecl-link--no-visited": "this.isLinkNoVisited", "class.ecl-link--inverted": "this.isInverted", "class.ecl-link--icon-only": "this.isIconOnly" } }, queries: [{ propertyName: "eclIconComponents", predicate: i020.forwardRef(() => EclIconComponent) }], usesInheritance: true, ngImport: i020 });
+    this.ɵdir = i020.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclLinkDirective, selector: "[eclLink]", inputs: { isInverted: ["isInverted", "isInverted", booleanAttribute5], isIconOnly: ["isIconOnly", "isIconOnly", booleanAttribute5], isNoVisited: ["isNoVisited", "isNoVisited", booleanAttribute5], variant: "variant" }, host: { properties: { "class": "this.cssClasses", "class.ecl-link--icon": "this.hasIcon", "class.ecl-link--no-visited": "this.isLinkNoVisited", "class.ecl-link--inverted": "this.isInverted", "class.ecl-link--icon-only": "this.isIconOnly" } }, queries: [{ propertyName: "eclIconComponents", predicate: i020.forwardRef(() => EclIconComponent) }], usesInheritance: true, ngImport: i020 });
   }
 };
 i020.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i020, type: EclLinkDirective, decorators: [{
@@ -1202,19 +1199,19 @@ i020.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
   args: ["class.ecl-link--no-visited"]
 }], isInverted: [{
   type: Input7,
-  args: [{ transform: booleanAttribute4 }]
+  args: [{ transform: booleanAttribute5 }]
 }, {
   type: HostBinding10,
   args: ["class.ecl-link--inverted"]
 }], isIconOnly: [{
   type: Input7,
-  args: [{ transform: booleanAttribute4 }]
+  args: [{ transform: booleanAttribute5 }]
 }, {
   type: HostBinding10,
   args: ["class.ecl-link--icon-only"]
 }], isNoVisited: [{
   type: Input7,
-  args: [{ transform: booleanAttribute4 }]
+  args: [{ transform: booleanAttribute5 }]
 }], variant: [{
   type: Input7
 }], eclIconComponents: [{
@@ -1271,9 +1268,9 @@ i022.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
 }] });
 
 // lib/components/ecl-text-input/ecl-text-input.directive.mjs
-import { __decorate as __decorate2 } from "tslib";
+import { __decorate } from "tslib";
 import { Directive as Directive7, HostBinding as HostBinding12, Input as Input8, Optional as Optional3, Self } from "@angular/core";
-import { coerceBoolean as coerceBoolean2 } from "@eui/base";
+import { coerceBoolean } from "@eui/base";
 import * as i023 from "@angular/core";
 import * as i14 from "@angular/forms";
 var EclTextInputDirective = class _EclTextInputDirective extends ECLBaseDirective {
@@ -1301,8 +1298,8 @@ var EclTextInputDirective = class _EclTextInputDirective extends ECLBaseDirectiv
     this.ɵdir = i023.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclTextInputDirective, isStandalone: true, selector: "input[eclTextInput]", inputs: { eclSize: "eclSize", isInvalid: "isInvalid" }, host: { properties: { "attr.type": "this.type", "class": "this.cssClasses", "class.ecl-text-input--invalid": "this.invalidState" } }, usesInheritance: true, ngImport: i023 });
   }
 };
-__decorate2([
-  coerceBoolean2
+__decorate([
+  coerceBoolean
 ], EclTextInputDirective.prototype, "isInvalid", void 0);
 i023.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i023, type: EclTextInputDirective, decorators: [{
   type: Directive7,
@@ -1363,7 +1360,7 @@ i024.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
 import { Component as Component7, EventEmitter as EventEmitter3, forwardRef as forwardRef7, HostBinding as HostBinding13, HostListener as HostListener3, Input as Input9, Output as Output3 } from "@angular/core";
 import { NG_VALUE_ACCESSOR } from "@angular/forms";
 import * as i025 from "@angular/core";
-import * as i23 from "@angular/forms";
+import * as i22 from "@angular/forms";
 import * as i9 from "@ngx-translate/core";
 var EclSearchFormEvent = class extends EclBaseEvent {
   constructor(keyword) {
@@ -1439,7 +1436,7 @@ var EclSearchFormComponent = class _EclSearchFormComponent extends ECLBaseDirect
         {{ searchButtonLabel || 'ecl.common.SEARCH' | translate }}
     </span>
 </button>
-`, dependencies: [{ kind: "directive", type: i23.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i23.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "component", type: EclFormGroupComponent, selector: "[eclFormGroup], ecl-form-group" }, { kind: "component", type: EclFormLabelComponent, selector: "[eclFormLabel]", inputs: ["isOptional", "isInvalid", "isDisabled", "isRequired"] }, { kind: "directive", type: EclTextInputDirective, selector: "input[eclTextInput]", inputs: ["eclSize", "isInvalid"] }, { kind: "directive", type: i23.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+`, dependencies: [{ kind: "directive", type: i22.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i22.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "component", type: EclFormGroupComponent, selector: "[eclFormGroup], ecl-form-group" }, { kind: "component", type: EclFormLabelComponent, selector: "[eclFormLabel]", inputs: ["isOptional", "isInvalid", "isDisabled", "isRequired"] }, { kind: "directive", type: EclTextInputDirective, selector: "input[eclTextInput]", inputs: ["eclSize", "isInvalid"] }, { kind: "directive", type: i22.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
   }
 };
 i025.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i025, type: EclSearchFormComponent, decorators: [{
@@ -1680,7 +1677,7 @@ i030.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
 // lib/components/ecl-site-header/language/ecl-site-header-language-popover.component.mjs
 import { Component as Component11, EventEmitter as EventEmitter4, HostBinding as HostBinding18, Input as Input10, Output as Output4 } from "@angular/core";
 import * as i031 from "@angular/core";
-import * as i24 from "@angular/common";
+import * as i23 from "@angular/common";
 import * as i6 from "@ngx-translate/core";
 var EclSiteHeaderLanguageSelectedEvent = class extends EclBaseEvent {
   constructor(language) {
@@ -1795,7 +1792,7 @@ var EclSiteHeaderLanguagePopoverComponent = class _EclSiteHeaderLanguagePopoverC
         </ul>
     </div>
 </div>
-`, dependencies: [{ kind: "directive", type: i24.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i24.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "component", type: EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
+`, dependencies: [{ kind: "directive", type: i23.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i23.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "component", type: EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
   }
 };
 i031.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i031, type: EclSiteHeaderLanguagePopoverComponent, decorators: [{
@@ -1915,7 +1912,7 @@ i031.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
 }] } });
 
 // lib/components/ecl-site-header/language/ecl-site-header-language.component.mjs
-import { __decorate as __decorate3 } from "tslib";
+import { __decorate as __decorate2 } from "tslib";
 import { Component as Component12, ElementRef as ElementRef7, EventEmitter as EventEmitter5, HostBinding as HostBinding19, HostListener as HostListener4, Input as Input11, Output as Output5, ViewChild as ViewChild2 } from "@angular/core";
 import { coerceElement } from "@eui/base";
 import { debounceTime, fromEvent, Subject as Subject5, takeUntil as takeUntil5 } from "rxjs";
@@ -2095,10 +2092,10 @@ var EclSiteHeaderLanguageComponent = class _EclSiteHeaderLanguageComponent exten
 }`, dependencies: [{ kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "component", type: EclSiteHeaderLanguagePopoverComponent, selector: "ecl-site-header-language-popover", inputs: ["languageCode", "euLanguages", "nonEuLanguages", "euColumnsCount", "nonEuColumnsCount", "isHidden", "isPushRight", "isStack", "isFull", "rightPosition", "languageArrowPosition"], outputs: ["languageClosed", "languageSelected"] }, { kind: "pipe", type: i62.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] });
   }
 };
-__decorate3([
+__decorate2([
   coerceElement
 ], EclSiteHeaderLanguageComponent.prototype, "languagePopoverElement", void 0);
-__decorate3([
+__decorate2([
   coerceElement
 ], EclSiteHeaderLanguageComponent.prototype, "languageLinkElement", void 0);
 i032.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i032, type: EclSiteHeaderLanguageComponent, decorators: [{
@@ -2173,9 +2170,9 @@ i032.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
 }] } });
 
 // lib/components/ecl-site-header/login/ecl-site-header-login.component.mjs
-import { __decorate as __decorate4 } from "tslib";
+import { __decorate as __decorate3 } from "tslib";
 import { Component as Component13, EventEmitter as EventEmitter6, HostBinding as HostBinding20, Input as Input12, Output as Output6 } from "@angular/core";
-import { coerceBoolean as coerceBoolean3 } from "@eui/base";
+import { coerceBoolean as coerceBoolean2 } from "@eui/base";
 import * as i033 from "@angular/core";
 import * as i16 from "@angular/common";
 import * as i3 from "@ngx-translate/core";
@@ -2248,8 +2245,8 @@ var EclSiteHeaderLoginComponent = class _EclSiteHeaderLoginComponent extends ECL
 `, styles: [".ecl-site-header__login-toggle .ecl-site-header__login-arrow{display:inline-flex}\n"], dependencies: [{ kind: "directive", type: i16.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
   }
 };
-__decorate4([
-  coerceBoolean3
+__decorate3([
+  coerceBoolean2
 ], EclSiteHeaderLoginComponent.prototype, "isLoggedIn", void 0);
 i033.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i033, type: EclSiteHeaderLoginComponent, decorators: [{
   type: Component13,
@@ -2426,7 +2423,7 @@ i034.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
 import { Component as Component15, ContentChild, EventEmitter as EventEmitter8, HostBinding as HostBinding22, Input as Input14, Output as Output8, ViewChild as ViewChild3 } from "@angular/core";
 import { Subject as Subject6, takeUntil as takeUntil6 } from "rxjs";
 import * as i035 from "@angular/core";
-import * as i25 from "@ngx-translate/core";
+import * as i24 from "@ngx-translate/core";
 import * as i42 from "@angular/common";
 var EclSiteHeaderLogoClickEvent = class extends EclBaseEvent {
 };
@@ -2483,7 +2480,7 @@ var EclSiteHeaderComponent = class _EclSiteHeaderComponent extends ECLBaseDirect
     return this.eclLanguageService.getEULanguageOrFallback(this.languageCode).code;
   }
   static {
-    this.ɵfac = i035.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i035, type: _EclSiteHeaderComponent, deps: [{ token: EclLanguageService }, { token: i25.TranslateService }, { token: EclThemeService }], target: i035.ɵɵFactoryTarget.Component });
+    this.ɵfac = i035.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i035, type: _EclSiteHeaderComponent, deps: [{ token: EclLanguageService }, { token: i24.TranslateService }, { token: EclThemeService }], target: i035.ɵɵFactoryTarget.Component });
   }
   static {
     this.ɵcmp = i035.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclSiteHeaderComponent, selector: "ecl-site-header", inputs: { logoUrl: "logoUrl", siteName: "siteName", languageCode: "languageCode" }, outputs: { logoClick: "logoClick", languageClick: "languageClick" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclLoginComponent", first: true, predicate: EclSiteHeaderLoginComponent, descendants: true }, { propertyName: "eclSearchComponent", first: true, predicate: EclSiteHeaderSearchComponent, descendants: true }, { propertyName: "eclLanguageComponent", first: true, predicate: EclSiteHeaderLanguageComponent, descendants: true }, { propertyName: "eclHeaderLink", first: true, predicate: EclSiteHeaderLinkDirective, descendants: true }], viewQueries: [{ propertyName: "topContainerElement", first: true, predicate: ["topContainer"], descendants: true }], usesInheritance: true, ngImport: i035, template: `<div class="ecl-site-header__background">
@@ -2540,7 +2537,7 @@ var EclSiteHeaderComponent = class _EclSiteHeaderComponent extends ECLBaseDirect
     </div>
 </div>
 
-<ng-content select="ecl-menu"></ng-content>`, styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i42.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "pipe", type: i42.AsyncPipe, name: "async" }, { kind: "pipe", type: i25.TranslatePipe, name: "translate" }] });
+<ng-content select="ecl-menu"></ng-content>`, styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i42.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "pipe", type: i42.AsyncPipe, name: "async" }, { kind: "pipe", type: i24.TranslatePipe, name: "translate" }] });
   }
 };
 i035.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i035, type: EclSiteHeaderComponent, decorators: [{
@@ -2600,7 +2597,7 @@ i035.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
 </div>
 
 <ng-content select="ecl-menu"></ng-content>`, styles: [":host{display:block}\n"] }]
-}], ctorParameters: () => [{ type: EclLanguageService }, { type: i25.TranslateService }, { type: EclThemeService }], propDecorators: { logoUrl: [{
+}], ctorParameters: () => [{ type: EclLanguageService }, { type: i24.TranslateService }, { type: EclThemeService }], propDecorators: { logoUrl: [{
   type: Input14
 }], cssClasses: [{
   type: HostBinding22,
@@ -3122,7 +3119,7 @@ i044.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
 }] } });
 
 // lib/components/ecl-banner/ecl-banner.component.mjs
-import { Component as Component18, ContentChild as ContentChild3, ContentChildren as ContentChildren4, HostBinding as HostBinding30, Input as Input15, ViewChild as ViewChild4, booleanAttribute as booleanAttribute5, forwardRef as forwardRef9 } from "@angular/core";
+import { Component as Component18, ContentChild as ContentChild3, ContentChildren as ContentChildren4, HostBinding as HostBinding30, Input as Input15, ViewChild as ViewChild4, booleanAttribute as booleanAttribute6, forwardRef as forwardRef9 } from "@angular/core";
 import * as i045 from "@angular/core";
 import * as i18 from "@angular/common";
 var EclBannerComponent = class _EclBannerComponent extends ECLBaseDirective {
@@ -3195,7 +3192,7 @@ var EclBannerComponent = class _EclBannerComponent extends ECLBaseDirective {
     this.ɵfac = i045.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i045, type: _EclBannerComponent, deps: [{ token: i045.ElementRef }, { token: i045.Renderer2 }], target: i045.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i045.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclBannerComponent, selector: "ecl-banner", inputs: { variant: "variant", eclSize: "eclSize", copyright: "copyright", isCentered: ["isCentered", "isCentered", booleanAttribute5], isFullWidth: ["isFullWidth", "isFullWidth", booleanAttribute5] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclBannerImage", first: true, predicate: EclBannerImageDirective, descendants: true }, { propertyName: "eclLinkComponents", predicate: i045.forwardRef(() => EclLinkDirective) }], viewQueries: [{ propertyName: "bannerContainer", first: true, predicate: ["bannerContainer"], descendants: true }], usesInheritance: true, ngImport: i045, template: '<figure class="ecl-banner__picture-container">\n    <ng-content select="[eclBannerPicture]"></ng-content>\n    @if(copyright) {\n        <footer class="ecl-banner__credit"><small>© {{copyright}}</small></footer>\n    }\n</figure>\n\n<div class="ecl-container">\n    <div #bannerContainer 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>', dependencies: [{ kind: "directive", type: i18.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    this.ɵcmp = i045.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclBannerComponent, selector: "ecl-banner", inputs: { variant: "variant", eclSize: "eclSize", copyright: "copyright", isCentered: ["isCentered", "isCentered", booleanAttribute6], isFullWidth: ["isFullWidth", "isFullWidth", booleanAttribute6] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclBannerImage", first: true, predicate: EclBannerImageDirective, descendants: true }, { propertyName: "eclLinkComponents", predicate: i045.forwardRef(() => EclLinkDirective) }], viewQueries: [{ propertyName: "bannerContainer", first: true, predicate: ["bannerContainer"], descendants: true }], usesInheritance: true, ngImport: i045, template: '<figure class="ecl-banner__picture-container">\n    <ng-content select="[eclBannerPicture]"></ng-content>\n    @if(copyright) {\n        <footer class="ecl-banner__credit"><small>© {{copyright}}</small></footer>\n    }\n</figure>\n\n<div class="ecl-container">\n    <div #bannerContainer 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>', dependencies: [{ kind: "directive", type: i18.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
   }
 };
 i045.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i045, type: EclBannerComponent, decorators: [{
@@ -3209,10 +3206,10 @@ i045.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
   type: Input15
 }], isCentered: [{
   type: Input15,
-  args: [{ transform: booleanAttribute5 }]
+  args: [{ transform: booleanAttribute6 }]
 }], isFullWidth: [{
   type: Input15,
-  args: [{ transform: booleanAttribute5 }]
+  args: [{ transform: booleanAttribute6 }]
 }], eclLinkComponents: [{
   type: ContentChildren4,
   args: [forwardRef9(() => EclLinkDirective)]
@@ -3416,10 +3413,10 @@ i050.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
 }] });
 
 // lib/components/ecl-breadcrumb/ecl-breadcrumb-segment.component.mjs
-import { Component as Component20, EventEmitter as EventEmitter10, HostBinding as HostBinding34, Input as Input17, Output as Output10, ViewEncapsulation as ViewEncapsulation3, booleanAttribute as booleanAttribute6 } from "@angular/core";
+import { Component as Component20, EventEmitter as EventEmitter10, HostBinding as HostBinding34, Input as Input17, Output as Output10, ViewEncapsulation as ViewEncapsulation3, booleanAttribute as booleanAttribute7 } from "@angular/core";
 import * as i051 from "@angular/core";
 import * as i110 from "@angular/common";
-import * as i26 from "@angular/router";
+import * as i25 from "@angular/router";
 var EclBreadcrumbSegmentClickEvent = class extends EclBaseEvent {
 };
 var EclBreadcrumbSegmentComponent = class _EclBreadcrumbSegmentComponent extends ECLBaseDirective {
@@ -3455,7 +3452,7 @@ var EclBreadcrumbSegmentComponent = class _EclBreadcrumbSegmentComponent extends
     this.ɵfac = i051.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i051, type: _EclBreadcrumbSegmentComponent, deps: [{ token: i051.ElementRef }], target: i051.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i051.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclBreadcrumbSegmentComponent, selector: "ecl-breadcrumb-segment", inputs: { routerLink: "routerLink", queryParams: "queryParams", href: "href", queryParamsHandling: "queryParamsHandling", isCurrentPage: ["isCurrentPage", "isCurrentPage", booleanAttribute6], isHidden: ["isHidden", "isHidden", booleanAttribute6] }, outputs: { segmentClick: "segmentClick" }, host: { properties: { "attr.tabindex": "this.tabIndex", "attr.role": "this.role", "attr.aria-hidden": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i051, template: '@if (!isEllipsis) {\n@if (!isCurrentPage && href) {\n<a eclLink variant="standalone" [isNoVisited]="true" [href]="href" tabindex="0" (click)="onSegmentClick($event)"\n    class="ecl-breadcrumb__link">\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n</a>\n}\n@if (!isCurrentPage && !href) {\n<a eclLink [routerLink]="routerLink" [queryParams]="queryParams" [queryParamsHandling]="queryParamsHandling"\n    variant="standalone" [isNoVisited]="true" tabindex="0" (click)="onSegmentClick($event)"\n    class="ecl-breadcrumb__link">\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n</a>\n}\n} @else {\n<ng-container *ngTemplateOutlet="content"></ng-container>\n}\n\n@if (isCurrentPage) {\n<ng-container *ngTemplateOutlet="content"></ng-container>\n} @else {\n<ecl-icon role="presentation" icon="corner-arrow" ariaHidden="true" focusable="false" size="fluid"\n    class="ecl-breadcrumb__icon">\n</ecl-icon>\n}\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>', dependencies: [{ kind: "directive", type: i110.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i26.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }], encapsulation: i051.ViewEncapsulation.None });
+    this.ɵcmp = i051.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclBreadcrumbSegmentComponent, selector: "ecl-breadcrumb-segment", inputs: { routerLink: "routerLink", queryParams: "queryParams", href: "href", queryParamsHandling: "queryParamsHandling", isCurrentPage: ["isCurrentPage", "isCurrentPage", booleanAttribute7], isHidden: ["isHidden", "isHidden", booleanAttribute7] }, outputs: { segmentClick: "segmentClick" }, host: { properties: { "attr.tabindex": "this.tabIndex", "attr.role": "this.role", "attr.aria-hidden": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i051, template: '@if (!isEllipsis) {\n@if (!isCurrentPage && href) {\n<a eclLink variant="standalone" [isNoVisited]="true" [href]="href" tabindex="0" (click)="onSegmentClick($event)"\n    class="ecl-breadcrumb__link">\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n</a>\n}\n@if (!isCurrentPage && !href) {\n<a eclLink [routerLink]="routerLink" [queryParams]="queryParams" [queryParamsHandling]="queryParamsHandling"\n    variant="standalone" [isNoVisited]="true" tabindex="0" (click)="onSegmentClick($event)"\n    class="ecl-breadcrumb__link">\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n</a>\n}\n} @else {\n<ng-container *ngTemplateOutlet="content"></ng-container>\n}\n\n@if (isCurrentPage) {\n<ng-container *ngTemplateOutlet="content"></ng-container>\n} @else {\n<ecl-icon role="presentation" icon="corner-arrow" ariaHidden="true" focusable="false" size="fluid"\n    class="ecl-breadcrumb__icon">\n</ecl-icon>\n}\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>', dependencies: [{ kind: "directive", type: i110.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i25.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }], encapsulation: i051.ViewEncapsulation.None });
   }
 };
 i051.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i051, type: EclBreadcrumbSegmentComponent, decorators: [{
@@ -3477,10 +3474,10 @@ i051.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
   type: Input17
 }], isCurrentPage: [{
   type: Input17,
-  args: [{ transform: booleanAttribute6 }]
+  args: [{ transform: booleanAttribute7 }]
 }], isHidden: [{
   type: Input17,
-  args: [{ transform: booleanAttribute6 }]
+  args: [{ transform: booleanAttribute7 }]
 }, {
   type: HostBinding34,
   args: ["attr.aria-hidden"]
@@ -3492,7 +3489,7 @@ i051.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
 }] } });
 
 // lib/components/ecl-breadcrumb/ecl-breadcrumb.component.mjs
-import { Component as Component21, ContentChildren as ContentChildren5, HostBinding as HostBinding35, Input as Input18, ViewChild as ViewChild5, booleanAttribute as booleanAttribute7, forwardRef as forwardRef11, HostListener as HostListener5 } from "@angular/core";
+import { Component as Component21, ContentChildren as ContentChildren5, HostBinding as HostBinding35, Input as Input18, ViewChild as ViewChild5, booleanAttribute as booleanAttribute8, forwardRef as forwardRef11, HostListener as HostListener5 } from "@angular/core";
 import { Subject as Subject8, takeUntil as takeUntil8 } from "rxjs";
 import * as i052 from "@angular/core";
 import * as i111 from "@ngx-translate/core";
@@ -3618,7 +3615,7 @@ var EclBreadcrumbComponent = class _EclBreadcrumbComponent extends ECLBaseDirect
     this.ɵfac = i052.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i052, type: _EclBreadcrumbComponent, deps: [{ token: i052.ElementRef }, { token: i111.TranslateService }, { token: i052.Renderer2 }], target: i052.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i052.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclBreadcrumbComponent, selector: "ecl-breadcrumb", inputs: { isExpanded: ["isExpanded", "isExpanded", booleanAttribute7] }, host: { listeners: { "window:resize": "onWindowResize($event)" }, properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclSegments", predicate: i052.forwardRef(() => EclBreadcrumbSegmentComponent) }], viewQueries: [{ propertyName: "eclEllipsisSegment", first: true, predicate: ["ellipsisSegment"], descendants: true }, { propertyName: "breadcrumbContainer", first: true, predicate: ["breadcrumbContainer"], descendants: true }], usesInheritance: true, ngImport: i052, template: `<ol class="ecl-breadcrumb__container" #breadcrumbContainer>
+    this.ɵcmp = i052.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclBreadcrumbComponent, selector: "ecl-breadcrumb", inputs: { isExpanded: ["isExpanded", "isExpanded", booleanAttribute8] }, host: { listeners: { "window:resize": "onWindowResize($event)" }, properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclSegments", predicate: i052.forwardRef(() => EclBreadcrumbSegmentComponent) }], viewQueries: [{ propertyName: "eclEllipsisSegment", first: true, predicate: ["ellipsisSegment"], descendants: true }, { propertyName: "breadcrumbContainer", first: true, predicate: ["breadcrumbContainer"], descendants: true }], usesInheritance: true, ngImport: i052, template: `<ol class="ecl-breadcrumb__container" #breadcrumbContainer>
     <ecl-breadcrumb-segment #ellipsisSegment [isHidden]="true" class="ecl-breadcrumb__segment--ellipsis">
         <button
             tabindex="0"
@@ -3654,7 +3651,7 @@ i052.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
 `, styles: [":host{display:block}\n"] }]
 }], ctorParameters: () => [{ type: i052.ElementRef }, { type: i111.TranslateService }, { type: i052.Renderer2 }], propDecorators: { isExpanded: [{
   type: Input18,
-  args: [{ transform: booleanAttribute7 }]
+  args: [{ transform: booleanAttribute8 }]
 }], role: [{
   type: HostBinding35,
   args: ["attr.role"]
@@ -4370,7 +4367,7 @@ var EclSlideEvent = class extends EclBaseEvent {
 };
 
 // lib/components/ecl-carousel/ecl-carousel-item.component.mjs
-import { Component as Component25, EventEmitter as EventEmitter11, HostBinding as HostBinding42, HostListener as HostListener6, Input as Input20, Output as Output11, booleanAttribute as booleanAttribute8, ContentChild as ContentChild6, forwardRef as forwardRef15 } from "@angular/core";
+import { Component as Component25, EventEmitter as EventEmitter11, HostBinding as HostBinding42, HostListener as HostListener6, Input as Input20, Output as Output11, booleanAttribute as booleanAttribute9, ContentChild as ContentChild6, forwardRef as forwardRef15 } from "@angular/core";
 import * as i063 from "@angular/core";
 var EclCarouselItemComponent = class _EclCarouselItemComponent extends ECLBaseDirective {
   constructor(el) {
@@ -4393,7 +4390,7 @@ var EclCarouselItemComponent = class _EclCarouselItemComponent extends ECLBaseDi
     this.ɵfac = i063.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i063, type: _EclCarouselItemComponent, deps: [{ token: i063.ElementRef }], target: i063.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i063.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclCarouselItemComponent, selector: "ecl-carousel-item", inputs: { id: "id", isCurrent: ["isCurrent", "isCurrent", booleanAttribute8] }, outputs: { slideClick: "slideClick" }, host: { listeners: { "click": "onSlideClick()" }, properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "style.width.%": "this.width", "class": "this.cssClasses", "attr.inert": "this.isInert" } }, queries: [{ propertyName: "banner", first: true, predicate: i063.forwardRef(() => EclBannerComponent), descendants: true }], usesInheritance: true, ngImport: i063, template: "<ng-content></ng-content>\n", styles: [":host:before{left:0!important;display:none}\n"] });
+    this.ɵcmp = i063.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclCarouselItemComponent, selector: "ecl-carousel-item", inputs: { id: "id", isCurrent: ["isCurrent", "isCurrent", booleanAttribute9] }, outputs: { slideClick: "slideClick" }, host: { listeners: { "click": "onSlideClick()" }, properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "style.width.%": "this.width", "class": "this.cssClasses", "attr.inert": "this.isInert" } }, queries: [{ propertyName: "banner", first: true, predicate: i063.forwardRef(() => EclBannerComponent), descendants: true }], usesInheritance: true, ngImport: i063, template: "<ng-content></ng-content>\n", styles: [":host:before{left:0!important;display:none}\n"] });
   }
 };
 i063.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i063, type: EclCarouselItemComponent, decorators: [{
@@ -4412,7 +4409,7 @@ i063.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
   type: Input20
 }], isCurrent: [{
   type: Input20,
-  args: [{ transform: booleanAttribute8 }]
+  args: [{ transform: booleanAttribute9 }]
 }], slideClick: [{
   type: Output11
 }], banner: [{
@@ -4430,7 +4427,7 @@ i063.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
 }] } });
 
 // lib/components/ecl-carousel/ecl-carousel.component.mjs
-import { Component as Component26, ContentChildren as ContentChildren6, EventEmitter as EventEmitter12, HostBinding as HostBinding43, Input as Input21, Output as Output12, ViewChild as ViewChild6, ViewChildren, booleanAttribute as booleanAttribute9, forwardRef as forwardRef17, numberAttribute as numberAttribute2 } from "@angular/core";
+import { Component as Component26, ContentChildren as ContentChildren6, EventEmitter as EventEmitter12, HostBinding as HostBinding43, Input as Input21, Output as Output12, ViewChild as ViewChild6, ViewChildren, booleanAttribute as booleanAttribute10, forwardRef as forwardRef17, numberAttribute as numberAttribute2 } from "@angular/core";
 import { Subject as Subject9, interval, switchMap as switchMap2, takeUntil as takeUntil9 } from "rxjs";
 import * as i064 from "@angular/core";
 import * as i112 from "@angular/cdk/layout";
@@ -4901,7 +4898,7 @@ var EclCarouselComponent = class _EclCarouselComponent extends ECLBaseDirective
     this.ɵfac = i064.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i064, type: _EclCarouselComponent, deps: [{ token: i112.BreakpointObserver }, { token: i064.ChangeDetectorRef }, { token: i064.Renderer2 }, { token: EclRtlService }], target: i064.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i064.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclCarouselComponent, selector: "ecl-carousel", inputs: { ariaLabel: ["aria-label", "ariaLabel"], isAutoplay: ["isAutoplay", "isAutoplay", booleanAttribute9], playInterval: ["playInterval", "playInterval", numberAttribute2] }, outputs: { slide: "slide" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "attr.aria-roledescription": "this.ariaRoleDescription", "class": "this.cssClasses" } }, queries: [{ propertyName: "slides", predicate: i064.forwardRef(() => EclCarouselItemComponent) }], viewQueries: [{ propertyName: "carouselContainerElement", first: true, predicate: ["carouselContainer"], descendants: true }, { propertyName: "playButton", first: true, predicate: ["playButton"], descendants: true }, { propertyName: "pauseButton", first: true, predicate: ["pauseButton"], descendants: true }, { propertyName: "prevButton", first: true, predicate: ["prevButton"], descendants: true }, { propertyName: "nextButton", first: true, predicate: ["nextButton"], descendants: true }, { propertyName: "firstHiddenItem", first: true, predicate: ["firstHiddenItem"], descendants: true }, { propertyName: "lastHiddenItem", first: true, predicate: ["lastHiddenItem"], descendants: true }, { propertyName: "slidesContainer", first: true, predicate: ["slidesContainer"], descendants: true }, { propertyName: "navigationButtons", predicate: ["currButton"], descendants: true }], usesInheritance: true, ngImport: i064, template: `<div #carouselContainer class="ecl-carousel__container" [class.ecl-carousel-container--padded]="isPadded()">
+    this.ɵcmp = i064.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclCarouselComponent, selector: "ecl-carousel", inputs: { ariaLabel: ["aria-label", "ariaLabel"], isAutoplay: ["isAutoplay", "isAutoplay", booleanAttribute10], playInterval: ["playInterval", "playInterval", numberAttribute2] }, outputs: { slide: "slide" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "attr.aria-roledescription": "this.ariaRoleDescription", "class": "this.cssClasses" } }, queries: [{ propertyName: "slides", predicate: i064.forwardRef(() => EclCarouselItemComponent) }], viewQueries: [{ propertyName: "carouselContainerElement", first: true, predicate: ["carouselContainer"], descendants: true }, { propertyName: "playButton", first: true, predicate: ["playButton"], descendants: true }, { propertyName: "pauseButton", first: true, predicate: ["pauseButton"], descendants: true }, { propertyName: "prevButton", first: true, predicate: ["prevButton"], descendants: true }, { propertyName: "nextButton", first: true, predicate: ["nextButton"], descendants: true }, { propertyName: "firstHiddenItem", first: true, predicate: ["firstHiddenItem"], descendants: true }, { propertyName: "lastHiddenItem", first: true, predicate: ["lastHiddenItem"], descendants: true }, { propertyName: "slidesContainer", first: true, predicate: ["slidesContainer"], descendants: true }, { propertyName: "navigationButtons", predicate: ["currButton"], descendants: true }], usesInheritance: true, ngImport: i064, template: `<div #carouselContainer class="ecl-carousel__container" [class.ecl-carousel-container--padded]="isPadded()">
     <div #slidesContainer (keyup)="onFirstCarouselElementPress($event)" class="ecl-carousel__slides"
         [style.width.px]="getCarouselSlidesWidth()" [style.left.px]="!isRtl ? getCarouselSlidesOffsetLeft() : null"
         [style.right.px]="isRtl ? getCarouselSlidesOffsetRight() : null"
@@ -5082,7 +5079,7 @@ i064.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
   args: ["attr.aria-roledescription"]
 }], isAutoplay: [{
   type: Input21,
-  args: [{ transform: booleanAttribute9 }]
+  args: [{ transform: booleanAttribute10 }]
 }], playInterval: [{
   type: Input21,
   args: [{ transform: numberAttribute2 }]
@@ -5211,7 +5208,7 @@ i066.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
 // lib/components/ecl-category-filter/ecl-category-filter-list/ecl-category-filter-item.component.mjs
 import { Component as Component28, ContentChild as ContentChild7, EventEmitter as EventEmitter13, forwardRef as forwardRef21, HostBinding as HostBinding45, Input as Input22, Output as Output13 } from "@angular/core";
 import * as i067 from "@angular/core";
-import * as i27 from "@angular/common";
+import * as i26 from "@angular/common";
 var EclCategoryFilterItemComponent = class _EclCategoryFilterItemComponent extends ECLBaseDirective {
   constructor() {
     super(...arguments);
@@ -5270,7 +5267,7 @@ var EclCategoryFilterItemComponent = class _EclCategoryFilterItemComponent exten
     this.ɵfac = i067.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i067, type: _EclCategoryFilterItemComponent, deps: null, target: i067.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i067.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclCategoryFilterItemComponent, selector: "ecl-category-filter-item", inputs: { href: "href", id: "id" }, outputs: { itemSelect: "itemSelect" }, host: { properties: { "class.ecl-category-filter__list-item": "this.className", "attr.role": "this.role", "class.ecl-category-filter__list-item--open": "this.isAriaExpanded" } }, queries: [{ propertyName: "eclCategoryList", first: true, predicate: i067.forwardRef(() => EclCategoryFilterListComponent), descendants: true }], usesInheritance: true, ngImport: i067, template: '@if (hasChildren) {\n    <button\n        class="ecl-category-filter__item {{ levelClass }}"\n        [class.ecl-category-filter__item--has-children]="hasChildren"\n        [class.ecl-category-filter__item--current]="isCurrent"\n        [attr.aria-current]="isCurrent ? true : null"\n        [attr.aria-expanded] = "isExpanded"\n        [attr.aria-controls]="id"\n        (click)="onItemClick($event)">\n        <ng-container *ngTemplateOutlet="content"></ng-container>\n        @if(isChildItemWithChildren) {\n            <ecl-icon icon="solid-arrow" size="xs" transform="rotate-90" class="ecl-category-filter__item-icon"> </ecl-icon>\n        }\n        @if(isRootItemWithChildren) {\n            <ecl-icon icon="corner-arrow" size="xs" transform="rotate-180" class="ecl-category-filter__item-icon"> </ecl-icon>\n        }\n    </button>\n} @else {\n    <a\n        [href]="href"\n        class="ecl-category-filter__item {{ levelClass }}"\n        [class.ecl-category-filter__item--has-children]="hasChildren"\n        (click)="onItemClick($event)">\n        @if(isChildItemWithChildren) {\n            <ecl-icon icon="solid-arrow" size="xs" transform="rotate-90" class="ecl-category-filter__item-icon"> </ecl-icon>\n        }\n        <ng-container *ngTemplateOutlet="content"></ng-container>\n        @if(isRootItemWithChildren) {\n            <ecl-icon icon="corner-arrow" size="xs" transform="rotate-180" class="ecl-category-filter__item-icon"> </ecl-icon>\n        }\n    </a>\n}\n<ng-content select="ecl-category-filter-list"></ng-content>\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n', dependencies: [{ kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "directive", type: i27.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    this.ɵcmp = i067.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclCategoryFilterItemComponent, selector: "ecl-category-filter-item", inputs: { href: "href", id: "id" }, outputs: { itemSelect: "itemSelect" }, host: { properties: { "class.ecl-category-filter__list-item": "this.className", "attr.role": "this.role", "class.ecl-category-filter__list-item--open": "this.isAriaExpanded" } }, queries: [{ propertyName: "eclCategoryList", first: true, predicate: i067.forwardRef(() => EclCategoryFilterListComponent), descendants: true }], usesInheritance: true, ngImport: i067, template: '@if (hasChildren) {\n    <button\n        class="ecl-category-filter__item {{ levelClass }}"\n        [class.ecl-category-filter__item--has-children]="hasChildren"\n        [class.ecl-category-filter__item--current]="isCurrent"\n        [attr.aria-current]="isCurrent ? true : null"\n        [attr.aria-expanded] = "isExpanded"\n        [attr.aria-controls]="id"\n        (click)="onItemClick($event)">\n        <ng-container *ngTemplateOutlet="content"></ng-container>\n        @if(isChildItemWithChildren) {\n            <ecl-icon icon="solid-arrow" size="xs" transform="rotate-90" class="ecl-category-filter__item-icon"> </ecl-icon>\n        }\n        @if(isRootItemWithChildren) {\n            <ecl-icon icon="corner-arrow" size="xs" transform="rotate-180" class="ecl-category-filter__item-icon"> </ecl-icon>\n        }\n    </button>\n} @else {\n    <a\n        [href]="href"\n        class="ecl-category-filter__item {{ levelClass }}"\n        [class.ecl-category-filter__item--has-children]="hasChildren"\n        (click)="onItemClick($event)">\n        @if(isChildItemWithChildren) {\n            <ecl-icon icon="solid-arrow" size="xs" transform="rotate-90" class="ecl-category-filter__item-icon"> </ecl-icon>\n        }\n        <ng-container *ngTemplateOutlet="content"></ng-container>\n        @if(isRootItemWithChildren) {\n            <ecl-icon icon="corner-arrow" size="xs" transform="rotate-180" class="ecl-category-filter__item-icon"> </ecl-icon>\n        }\n    </a>\n}\n<ng-content select="ecl-category-filter-list"></ng-content>\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n', dependencies: [{ kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "directive", type: i26.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
   }
 };
 i067.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i067, type: EclCategoryFilterItemComponent, decorators: [{
@@ -5442,9 +5439,9 @@ i069.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
 }] });
 
 // lib/components/ecl-help-block/ecl-help-block.directive.mjs
-import { __decorate as __decorate5 } from "tslib";
+import { __decorate as __decorate4 } from "tslib";
 import { Directive as Directive19, HostBinding as HostBinding47, Input as Input24 } from "@angular/core";
-import { coerceBoolean as coerceBoolean4 } from "@eui/base";
+import { coerceBoolean as coerceBoolean3 } from "@eui/base";
 import * as i070 from "@angular/core";
 var EclHelpBlockDirective = class _EclHelpBlockDirective extends ECLBaseDirective {
   constructor() {
@@ -5461,8 +5458,8 @@ var EclHelpBlockDirective = class _EclHelpBlockDirective extends ECLBaseDirectiv
     this.ɵdir = i070.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclHelpBlockDirective, selector: "[eclHelpBlock]", inputs: { isDisabled: "isDisabled" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i070 });
   }
 };
-__decorate5([
-  coerceBoolean4
+__decorate4([
+  coerceBoolean3
 ], EclHelpBlockDirective.prototype, "isDisabled", void 0);
 i070.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i070, type: EclHelpBlockDirective, decorators: [{
   type: Directive19,
@@ -5476,86 +5473,84 @@ i070.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
   args: ["class"]
 }] } });
 
-// lib/components/ecl-checkbox/ecl-checkbox-label.component.mjs
-import { __decorate as __decorate6 } from "tslib";
-import { Component as Component30, HostBinding as HostBinding48, Input as Input25, ViewEncapsulation as ViewEncapsulation5 } from "@angular/core";
-import { coerceBoolean as coerceBoolean5 } from "@eui/base";
+// lib/components/ecl-checkbox/ecl-checkbox-help.component.mjs
+import { Component as Component30, HostBinding as HostBinding48, Input as Input25, booleanAttribute as booleanAttribute11 } from "@angular/core";
 import * as i071 from "@angular/core";
-var EclCheckboxLabelComponent = class _EclCheckboxLabelComponent extends ECLBaseDirective {
+var EclCheckboxHelpComponent = class _EclCheckboxHelpComponent extends ECLBaseDirective {
   constructor() {
     super(...arguments);
-    this.isInvalid = false;
     this.isDisabled = false;
   }
   get cssClasses() {
-    return [super.getCssClasses("ecl-checkbox__label")].join(" ");
+    return [super.getCssClasses("ecl-checkbox__help")].join(" ");
   }
   static {
-    this.ɵfac = i071.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i071, type: _EclCheckboxLabelComponent, deps: null, target: i071.ɵɵFactoryTarget.Component });
+    this.ɵfac = i071.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i071, type: _EclCheckboxHelpComponent, deps: null, target: i071.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i071.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclCheckboxLabelComponent, selector: "label[eclCheckboxLabel]", inputs: { isInvalid: "isInvalid", isDisabled: "isDisabled" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i071, template: '<span class="ecl-checkbox__box" [class.ecl-checkbox__box--disabled]="isDisabled" [class.ecl-checkbox__box--invalid]="isInvalid">\n    <ecl-icon size="m" icon="check" class="ecl-checkbox__icon"></ecl-icon>\n</span>\n\n<span class="ecl-checkbox__text">\n    <ng-content></ng-content>\n</span>\n', dependencies: [{ kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }], encapsulation: i071.ViewEncapsulation.None });
+    this.ɵcmp = i071.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclCheckboxHelpComponent, selector: "[eclCheckboxHelp]", inputs: { isDisabled: ["isDisabled", "isDisabled", booleanAttribute11] }, host: { properties: { "class.ecl-checkbox__help--disabled": "this.isDisabled", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i071, template: "<ng-content></ng-content>\n" });
   }
 };
-__decorate6([
-  coerceBoolean5
-], EclCheckboxLabelComponent.prototype, "isInvalid", void 0);
-__decorate6([
-  coerceBoolean5
-], EclCheckboxLabelComponent.prototype, "isDisabled", void 0);
-i071.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i071, type: EclCheckboxLabelComponent, decorators: [{
+i071.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i071, type: EclCheckboxHelpComponent, decorators: [{
   type: Component30,
-  args: [{ selector: "label[eclCheckboxLabel]", encapsulation: ViewEncapsulation5.None, template: '<span class="ecl-checkbox__box" [class.ecl-checkbox__box--disabled]="isDisabled" [class.ecl-checkbox__box--invalid]="isInvalid">\n    <ecl-icon size="m" icon="check" class="ecl-checkbox__icon"></ecl-icon>\n</span>\n\n<span class="ecl-checkbox__text">\n    <ng-content></ng-content>\n</span>\n' }]
-}], propDecorators: { isInvalid: [{
-  type: Input25
-}], isDisabled: [{
-  type: Input25
+  args: [{ selector: "[eclCheckboxHelp]", template: "<ng-content></ng-content>\n" }]
+}], propDecorators: { isDisabled: [{
+  type: Input25,
+  args: [{ transform: booleanAttribute11 }]
+}, {
+  type: HostBinding48,
+  args: ["class.ecl-checkbox__help--disabled"]
 }], cssClasses: [{
   type: HostBinding48,
   args: ["class"]
 }] } });
 
-// lib/components/ecl-checkbox/ecl-checkbox-help.component.mjs
-import { Component as Component31, HostBinding as HostBinding49, Input as Input26 } from "@angular/core";
+// lib/components/ecl-checkbox/ecl-checkbox-label.component.mjs
+import { Component as Component31, HostBinding as HostBinding49, Input as Input26, ViewEncapsulation as ViewEncapsulation5, booleanAttribute as booleanAttribute12 } from "@angular/core";
 import * as i072 from "@angular/core";
-var EclCheckboxHelpComponent = class _EclCheckboxHelpComponent extends ECLBaseDirective {
+var EclCheckboxLabelComponent = class _EclCheckboxLabelComponent extends ECLBaseDirective {
   constructor() {
     super(...arguments);
+    this.isInvalid = false;
     this.isDisabled = false;
+    this.isRequired = false;
   }
   get cssClasses() {
-    return [super.getCssClasses("ecl-checkbox__help")].join(" ");
+    return [super.getCssClasses("ecl-checkbox__label")].join(" ");
   }
   static {
-    this.ɵfac = i072.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i072, type: _EclCheckboxHelpComponent, deps: null, target: i072.ɵɵFactoryTarget.Component });
+    this.ɵfac = i072.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i072, type: _EclCheckboxLabelComponent, deps: null, target: i072.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i072.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclCheckboxHelpComponent, selector: "[eclCheckboxHelp]", inputs: { isDisabled: "isDisabled" }, host: { properties: { "class.ecl-checkbox__help--disabled": "this.isDisabled", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i072, template: "<ng-content></ng-content>\n" });
+    this.ɵcmp = i072.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclCheckboxLabelComponent, selector: "label[eclCheckboxLabel]", inputs: { isInvalid: ["isInvalid", "isInvalid", booleanAttribute12], isDisabled: ["isDisabled", "isDisabled", booleanAttribute12], isRequired: ["isRequired", "isRequired", booleanAttribute12] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i072, template: '<span class="ecl-checkbox__box" [class.ecl-checkbox__box--disabled]="isDisabled" [class.ecl-checkbox__box--invalid]="isInvalid">\n    <ecl-icon size="m" icon="check" class="ecl-checkbox__icon"></ecl-icon>\n</span>\n\n<span class="ecl-checkbox__text">\n    <ng-content></ng-content>\n</span>\n@if(isRequired) {\n<span class="ecl-form-label__required" role="note" aria-label="required">*</span>\n}', dependencies: [{ kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }], encapsulation: i072.ViewEncapsulation.None });
   }
 };
-i072.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i072, type: EclCheckboxHelpComponent, decorators: [{
+i072.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i072, type: EclCheckboxLabelComponent, decorators: [{
   type: Component31,
-  args: [{ selector: "[eclCheckboxHelp]", template: "<ng-content></ng-content>\n" }]
-}], propDecorators: { isDisabled: [{
-  type: Input26
-}, {
-  type: HostBinding49,
-  args: ["class.ecl-checkbox__help--disabled"]
+  args: [{ selector: "label[eclCheckboxLabel]", encapsulation: ViewEncapsulation5.None, template: '<span class="ecl-checkbox__box" [class.ecl-checkbox__box--disabled]="isDisabled" [class.ecl-checkbox__box--invalid]="isInvalid">\n    <ecl-icon size="m" icon="check" class="ecl-checkbox__icon"></ecl-icon>\n</span>\n\n<span class="ecl-checkbox__text">\n    <ng-content></ng-content>\n</span>\n@if(isRequired) {\n<span class="ecl-form-label__required" role="note" aria-label="required">*</span>\n}' }]
+}], propDecorators: { isInvalid: [{
+  type: Input26,
+  args: [{ transform: booleanAttribute12 }]
+}], isDisabled: [{
+  type: Input26,
+  args: [{ transform: booleanAttribute12 }]
+}], isRequired: [{
+  type: Input26,
+  args: [{ transform: booleanAttribute12 }]
 }], cssClasses: [{
   type: HostBinding49,
   args: ["class"]
 }] } });
 
 // lib/components/ecl-checkbox/ecl-checkbox.directive.mjs
-import { __decorate as __decorate7 } from "tslib";
-import { Directive as Directive20, HostBinding as HostBinding50, Input as Input27, forwardRef as forwardRef25, ContentChild as ContentChild9 } from "@angular/core";
-import { coerceBoolean as coerceBoolean6 } from "@eui/base";
+import { ContentChild as ContentChild9, Directive as Directive20, HostBinding as HostBinding50, Input as Input27, booleanAttribute as booleanAttribute13, forwardRef as forwardRef25 } from "@angular/core";
 import * as i073 from "@angular/core";
 var EclCheckboxDirective = class _EclCheckboxDirective extends ECLBaseDirective {
   constructor() {
     super(...arguments);
     this.isDisabled = false;
     this.isInvalid = false;
+    this.isSingle = false;
   }
   get cssClasses() {
     return [super.getCssClasses("ecl-checkbox")].join(" ");
@@ -5579,15 +5574,9 @@ var EclCheckboxDirective = class _EclCheckboxDirective extends ECLBaseDirective
     this.ɵfac = i073.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i073, type: _EclCheckboxDirective, deps: null, target: i073.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i073.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclCheckboxDirective, isStandalone: true, selector: "[eclCheckbox]", inputs: { isDisabled: "isDisabled", isInvalid: "isInvalid" }, host: { properties: { "class.ecl-checkbox--disabled": "this.isDisabled", "class.ecl-checkbox--invalid": "this.isInvalid", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclCheckboxLabelComponent", first: true, predicate: i073.forwardRef(() => EclCheckboxLabelComponent), descendants: true }, { propertyName: "eclCheckboxHelpComponent", first: true, predicate: i073.forwardRef(() => EclCheckboxHelpComponent), descendants: true }, { propertyName: "eclFormLabelDirective", first: true, predicate: i073.forwardRef(() => EclFormLabelComponent), descendants: true }, { propertyName: "eclHelpBlockDirective", first: true, predicate: i073.forwardRef(() => EclHelpBlockDirective), descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i073 });
+    this.ɵdir = i073.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclCheckboxDirective, isStandalone: true, selector: "[eclCheckbox]", inputs: { isDisabled: ["isDisabled", "isDisabled", booleanAttribute13], isInvalid: ["isInvalid", "isInvalid", booleanAttribute13], isSingle: ["isSingle", "isSingle", booleanAttribute13] }, host: { properties: { "class.ecl-checkbox--disabled": "this.isDisabled", "class.ecl-checkbox--invalid": "this.isInvalid", "class.ecl-checkbox--single": "this.isSingle", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclCheckboxLabelComponent", first: true, predicate: i073.forwardRef(() => EclCheckboxLabelComponent), descendants: true }, { propertyName: "eclCheckboxHelpComponent", first: true, predicate: i073.forwardRef(() => EclCheckboxHelpComponent), descendants: true }, { propertyName: "eclFormLabelDirective", first: true, predicate: i073.forwardRef(() => EclFormLabelComponent), descendants: true }, { propertyName: "eclHelpBlockDirective", first: true, predicate: i073.forwardRef(() => EclHelpBlockDirective), descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i073 });
   }
 };
-__decorate7([
-  coerceBoolean6
-], EclCheckboxDirective.prototype, "isDisabled", void 0);
-__decorate7([
-  coerceBoolean6
-], EclCheckboxDirective.prototype, "isInvalid", void 0);
 i073.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i073, type: EclCheckboxDirective, decorators: [{
   type: Directive20,
   args: [{
@@ -5595,15 +5584,23 @@ i073.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
     standalone: true
   }]
 }], propDecorators: { isDisabled: [{
-  type: Input27
+  type: Input27,
+  args: [{ transform: booleanAttribute13 }]
 }, {
   type: HostBinding50,
   args: ["class.ecl-checkbox--disabled"]
 }], isInvalid: [{
-  type: Input27
+  type: Input27,
+  args: [{ transform: booleanAttribute13 }]
 }, {
   type: HostBinding50,
   args: ["class.ecl-checkbox--invalid"]
+}], isSingle: [{
+  type: Input27,
+  args: [{ transform: booleanAttribute13 }]
+}, {
+  type: HostBinding50,
+  args: ["class.ecl-checkbox--single"]
 }], eclCheckboxLabelComponent: [{
   type: ContentChild9,
   args: [forwardRef25(() => EclCheckboxLabelComponent)]
@@ -5757,7 +5754,7 @@ import { formatDate } from "@angular/common";
 import { Component as Component32, Input as Input29, HostBinding as HostBinding53 } from "@angular/core";
 import * as i077 from "@angular/core";
 import * as i114 from "@ngx-translate/core";
-import * as i28 from "@angular/common";
+import * as i27 from "@angular/common";
 var EclDateBlockComponent = class _EclDateBlockComponent extends ECLBaseDirective {
   get cssClasses() {
     return [super.getCssClasses("ecl-date-block"), this.variant ? `ecl-date-block--${this.variant}` : ""].join(" ").trim();
@@ -5797,7 +5794,7 @@ var EclDateBlockComponent = class _EclDateBlockComponent extends ECLBaseDirectiv
     {{ month || (date | date: 'MMM' : '' : locale) }}
 </abbr>
 <span class="ecl-date-block__year" aria-hidden="true">{{ year || (date | date: 'yyyy') }}</span>
-`, dependencies: [{ kind: "pipe", type: i28.DatePipe, name: "date" }] });
+`, dependencies: [{ kind: "pipe", type: i27.DatePipe, name: "date" }] });
   }
 };
 i077.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i077, type: EclDateBlockComponent, decorators: [{
@@ -6188,7 +6185,7 @@ i082.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
 }] });
 
 // lib/components/ecl-expandable/ecl-expandable.component.mjs
-import { Component as Component34, Input as Input31, Output as Output15, EventEmitter as EventEmitter15, HostBinding as HostBinding56, booleanAttribute as booleanAttribute10 } from "@angular/core";
+import { Component as Component34, Input as Input31, Output as Output15, EventEmitter as EventEmitter15, HostBinding as HostBinding56, booleanAttribute as booleanAttribute14 } from "@angular/core";
 import * as i083 from "@angular/core";
 import * as i43 from "@ngx-translate/core";
 var EclExpandableToggleEvent = class extends EclBaseEvent {
@@ -6223,7 +6220,7 @@ var EclExpandableComponent = class _EclExpandableComponent extends ECLBaseDirect
     this.ɵfac = i083.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i083, type: _EclExpandableComponent, deps: null, target: i083.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i083.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclExpandableComponent, selector: "ecl-expandable", inputs: { isExpanded: ["isExpanded", "isExpanded", booleanAttribute10], collapsedLabel: "collapsedLabel", expandedLabel: "expandedLabel" }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i083, template: `<button
+    this.ɵcmp = i083.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclExpandableComponent, selector: "ecl-expandable", inputs: { isExpanded: ["isExpanded", "isExpanded", booleanAttribute14], collapsedLabel: "collapsedLabel", expandedLabel: "expandedLabel" }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i083, template: `<button
     eclButton
     variant="ghost"
     type="button"
@@ -6272,7 +6269,7 @@ i083.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
   args: ["class"]
 }], isExpanded: [{
   type: Input31,
-  args: [{ transform: booleanAttribute10 }]
+  args: [{ transform: booleanAttribute14 }]
 }], collapsedLabel: [{
   type: Input31
 }], expandedLabel: [{
@@ -6516,7 +6513,7 @@ i091.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
 }] });
 
 // lib/components/ecl-media-container/ecl-media-container.component.mjs
-import { Component as Component41, ContentChild as ContentChild12, HostBinding as HostBinding63, Input as Input33, booleanAttribute as booleanAttribute11 } from "@angular/core";
+import { Component as Component41, ContentChild as ContentChild12, HostBinding as HostBinding63, Input as Input33, booleanAttribute as booleanAttribute15 } from "@angular/core";
 import * as i092 from "@angular/core";
 var EclMediaContainerComponent = class _EclMediaContainerComponent extends ECLBaseDirective {
   constructor() {
@@ -6535,7 +6532,7 @@ var EclMediaContainerComponent = class _EclMediaContainerComponent extends ECLBa
     this.ɵfac = i092.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i092, type: _EclMediaContainerComponent, deps: null, target: i092.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i092.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclMediaContainerComponent, selector: "ecl-media-container", inputs: { isFullWidth: ["isFullWidth", "isFullWidth", booleanAttribute11] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "expandable", first: true, predicate: EclExpandableComponent, descendants: true }], usesInheritance: true, ngImport: i092, template: '<figure class="ecl-media-container__figure" [class.ecl-media-container--full-width]="isFullWidth">\n    <ng-content select="video[eclMediaContainerItem]"></ng-content>\n    <ng-content select="div[eclMediaContainerItem]"></ng-content>\n    <ng-content select="picture[eclMediaContainerPicture]"></ng-content>\n\n    <figcaption class="ecl-media-container__caption">\n        <ng-content></ng-content>\n    </figcaption>\n    <ng-content select="ecl-expandable"></ng-content>\n</figure>\n', styles: [":host{display:block}\n"] });
+    this.ɵcmp = i092.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclMediaContainerComponent, selector: "ecl-media-container", inputs: { isFullWidth: ["isFullWidth", "isFullWidth", booleanAttribute15] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "expandable", first: true, predicate: EclExpandableComponent, descendants: true }], usesInheritance: true, ngImport: i092, template: '<figure class="ecl-media-container__figure" [class.ecl-media-container--full-width]="isFullWidth">\n    <ng-content select="video[eclMediaContainerItem]"></ng-content>\n    <ng-content select="div[eclMediaContainerItem]"></ng-content>\n    <ng-content select="picture[eclMediaContainerPicture]"></ng-content>\n\n    <figcaption class="ecl-media-container__caption">\n        <ng-content></ng-content>\n    </figcaption>\n    <ng-content select="ecl-expandable"></ng-content>\n</figure>\n', styles: [":host{display:block}\n"] });
   }
 };
 i092.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i092, type: EclMediaContainerComponent, decorators: [{
@@ -6543,7 +6540,7 @@ i092.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
   args: [{ selector: "ecl-media-container", template: '<figure class="ecl-media-container__figure" [class.ecl-media-container--full-width]="isFullWidth">\n    <ng-content select="video[eclMediaContainerItem]"></ng-content>\n    <ng-content select="div[eclMediaContainerItem]"></ng-content>\n    <ng-content select="picture[eclMediaContainerPicture]"></ng-content>\n\n    <figcaption class="ecl-media-container__caption">\n        <ng-content></ng-content>\n    </figcaption>\n    <ng-content select="ecl-expandable"></ng-content>\n</figure>\n', styles: [":host{display:block}\n"] }]
 }], propDecorators: { isFullWidth: [{
   type: Input33,
-  args: [{ transform: booleanAttribute11 }]
+  args: [{ transform: booleanAttribute15 }]
 }], expandable: [{
   type: ContentChild12,
   args: [EclExpandableComponent]
@@ -6822,7 +6819,7 @@ i099.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4"
 }] } });
 
 // lib/components/ecl-featured/ecl-featured.component.mjs
-import { Component as Component44, HostBinding as HostBinding70, Input as Input37, booleanAttribute as booleanAttribute12 } from "@angular/core";
+import { Component as Component44, HostBinding as HostBinding70, Input as Input37, booleanAttribute as booleanAttribute16 } from "@angular/core";
 import * as i0100 from "@angular/core";
 var EclFeaturedComponent = class _EclFeaturedComponent extends ECLBaseDirective {
   constructor() {
@@ -6838,7 +6835,7 @@ var EclFeaturedComponent = class _EclFeaturedComponent extends ECLBaseDirective
     this.ɵfac = i0100.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0100, type: _EclFeaturedComponent, deps: null, target: i0100.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0100.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclFeaturedComponent, selector: "ecl-featured", inputs: { position: "position", isHighlighted: ["isHighlighted", "isHighlighted", booleanAttribute12] }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0100, template: `<div class="ecl-featured-item__container" [class.ecl-featured-item__container--right]="position === 'right'">
+    this.ɵcmp = i0100.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclFeaturedComponent, selector: "ecl-featured", inputs: { position: "position", isHighlighted: ["isHighlighted", "isHighlighted", booleanAttribute16] }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0100, template: `<div class="ecl-featured-item__container" [class.ecl-featured-item__container--right]="position === 'right'">
     <ng-content></ng-content>
 </div>
 <ng-content select="[eclFeaturedItemFooter]"></ng-content>` });
@@ -6854,7 +6851,7 @@ i0100.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   type: Input37
 }], isHighlighted: [{
   type: Input37,
-  args: [{ transform: booleanAttribute12 }]
+  args: [{ transform: booleanAttribute16 }]
 }], role: [{
   type: HostBinding70,
   args: ["attr.role"]
@@ -6997,14 +6994,14 @@ i0104.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] });
 
 // lib/components/ecl-file-upload/ecl-file-upload.directive.mjs
-import { __decorate as __decorate8 } from "tslib";
+import { __decorate as __decorate5 } from "tslib";
 import { Directive as Directive29, HostBinding as HostBinding73, Input as Input38, Optional as Optional5, Self as Self3, HostListener as HostListener8, Output as Output16, EventEmitter as EventEmitter16 } from "@angular/core";
 import { takeUntil as takeUntil12 } from "rxjs/operators";
 import { Subject as Subject12 } from "rxjs";
-import { coerceBoolean as coerceBoolean7 } from "@eui/base";
+import { coerceBoolean as coerceBoolean4 } from "@eui/base";
 import * as i0105 from "@angular/core";
 import * as i116 from "@angular/forms";
-import * as i29 from "@ngx-translate/core";
+import * as i28 from "@ngx-translate/core";
 var EclFileUploadFileSelectedEvent = class extends EclBaseEvent {
   constructor(files) {
     super();
@@ -7156,17 +7153,17 @@ var EclFileUploadDirective = class _EclFileUploadDirective extends ECLBaseDirect
     return `${parseFloat((bytes / k ** i).toFixed(dm))} ${sizes[i]}`;
   }
   static {
-    this.ɵfac = i0105.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0105, type: _EclFileUploadDirective, deps: [{ token: i116.NgControl, optional: true, self: true }, { token: i0105.ElementRef }, { token: i29.TranslateService }], target: i0105.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i0105.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0105, type: _EclFileUploadDirective, deps: [{ token: i116.NgControl, optional: true, self: true }, { token: i0105.ElementRef }, { token: i28.TranslateService }], target: i0105.ɵɵFactoryTarget.Directive });
   }
   static {
     this.ɵdir = i0105.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", 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: i0105 });
   }
 };
-__decorate8([
-  coerceBoolean7
+__decorate5([
+  coerceBoolean4
 ], EclFileUploadDirective.prototype, "disabled", void 0);
-__decorate8([
-  coerceBoolean7
+__decorate5([
+  coerceBoolean4
 ], EclFileUploadDirective.prototype, "multiple", void 0);
 i0105.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0105, type: EclFileUploadDirective, decorators: [{
   type: Directive29,
@@ -7177,7 +7174,7 @@ i0105.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   type: Optional5
 }, {
   type: Self3
-}] }, { type: i0105.ElementRef }, { type: i29.TranslateService }], propDecorators: {
+}] }, { type: i0105.ElementRef }, { type: i28.TranslateService }], propDecorators: {
   variant: [{
     type: Input38
   }],
@@ -7324,7 +7321,7 @@ i0107.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 // lib/components/ecl-file/ecl-file.component.mjs
 import { Component as Component46, ContentChild as ContentChild15, HostBinding as HostBinding75, Input as Input40 } from "@angular/core";
 import * as i0108 from "@angular/core";
-import * as i210 from "@angular/common";
+import * as i29 from "@angular/common";
 var EclFileComponent = class _EclFileComponent extends ECLBaseDirective {
   get cssClasses() {
     return [super.getCssClasses("ecl-file"), this.isThumbnail ? "ecl-file--thumbnail" : ""].join(" ").trim();
@@ -7340,7 +7337,7 @@ var EclFileComponent = class _EclFileComponent extends ECLBaseDirective {
     this.ɵfac = i0108.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0108, type: _EclFileComponent, deps: [{ token: EclThemeService }], target: i0108.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0108.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclFileComponent, selector: "ecl-file", inputs: { description: "description", id: "id", langId: "langId", labelInfo: "labelInfo", language: "language", detailMeta: "detailMeta", meta: "meta" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclPictureContent", first: true, predicate: EclFilePictureDirective, descendants: true }], usesInheritance: true, ngImport: i0108, template: '<div class="ecl-file__container">\n    @if(!isThumbnail) {\n        @if(eclThemeService.isECTheme()) {\n            <ecl-icon icon="file" class="ecl-file__icon" size="2xl"></ecl-icon>\n        } @else {\n            <ecl-icon icon="file" class="ecl-file__icon" size="m"></ecl-icon>\n        }\n    } @else {\n    <ng-content select="[eclFilePicture]"></ng-content>\n    }\n    <div class="ecl-file__info">\n        @if(labelInfo) {\n        <div class="ecl-file__label">\n            <span eclLabel variant="highlight">{{ labelInfo }}</span>\n        </div>\n        }\n        @if(detailMeta) {\n        <div class="ecl-file__detail-meta">\n            <span class="ecl-file__detail-meta-item" *ngFor="let el of detailMeta">{{ el }}</span>\n        </div>\n        }\n        <ng-content select="[eclFileTitle]"></ng-content>\n        @if(description) {\n            <div class="ecl-file__description">{{ description }}</div>\n        }\n        <ng-content select="ecl-file-taxonomy"></ng-content>\n    </div>\n    \n    </div>\n    <div class="ecl-file__footer">\n        <div class="ecl-file__language" [id]="langId">{{ language }}</div>\n        <div class="ecl-file__meta">{{ meta }}</div>\n        <ng-content select="[eclFileDownload]"></ng-content>\n    </div>\n<ng-content></ng-content>', styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i210.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "directive", type: EclLabelDirective, selector: "[eclLabel]", inputs: ["variant"] }] });
+    this.ɵcmp = i0108.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclFileComponent, selector: "ecl-file", inputs: { description: "description", id: "id", langId: "langId", labelInfo: "labelInfo", language: "language", detailMeta: "detailMeta", meta: "meta" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclPictureContent", first: true, predicate: EclFilePictureDirective, descendants: true }], usesInheritance: true, ngImport: i0108, template: '<div class="ecl-file__container">\n    @if(!isThumbnail) {\n        @if(eclThemeService.isECTheme()) {\n            <ecl-icon icon="file" class="ecl-file__icon" size="2xl"></ecl-icon>\n        } @else {\n            <ecl-icon icon="file" class="ecl-file__icon" size="m"></ecl-icon>\n        }\n    } @else {\n    <ng-content select="[eclFilePicture]"></ng-content>\n    }\n    <div class="ecl-file__info">\n        @if(labelInfo) {\n        <div class="ecl-file__label">\n            <span eclLabel variant="highlight">{{ labelInfo }}</span>\n        </div>\n        }\n        @if(detailMeta) {\n        <div class="ecl-file__detail-meta">\n            <span class="ecl-file__detail-meta-item" *ngFor="let el of detailMeta">{{ el }}</span>\n        </div>\n        }\n        <ng-content select="[eclFileTitle]"></ng-content>\n        @if(description) {\n            <div class="ecl-file__description">{{ description }}</div>\n        }\n        <ng-content select="ecl-file-taxonomy"></ng-content>\n    </div>\n    \n    </div>\n    <div class="ecl-file__footer">\n        <div class="ecl-file__language" [id]="langId">{{ language }}</div>\n        <div class="ecl-file__meta">{{ meta }}</div>\n        <ng-content select="[eclFileDownload]"></ng-content>\n    </div>\n<ng-content></ng-content>', styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i29.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "directive", type: EclLabelDirective, selector: "[eclLabel]", inputs: ["variant"] }] });
   }
 };
 i0108.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0108, type: EclFileComponent, decorators: [{
@@ -7369,9 +7366,9 @@ i0108.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-file/ecl-file-item/ecl-file-item.component.mjs
-import { Component as Component47, HostBinding as HostBinding76, Input as Input41, booleanAttribute as booleanAttribute13 } from "@angular/core";
+import { Component as Component47, HostBinding as HostBinding76, Input as Input41, booleanAttribute as booleanAttribute17 } from "@angular/core";
 import * as i0109 from "@angular/core";
-import * as i211 from "@angular/common";
+import * as i210 from "@angular/common";
 var EclFileItemComponent = class _EclFileItemComponent extends ECLBaseDirective {
   get cssClasses() {
     return [super.getCssClasses("ecl-file__translation-item"), this.isDescription ? "ecl-file__translation-description" : ""].join(" ").trim();
@@ -7388,7 +7385,7 @@ var EclFileItemComponent = class _EclFileItemComponent extends ECLBaseDirective
     this.ɵfac = i0109.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0109, type: _EclFileItemComponent, deps: [{ token: EclFileComponent }], target: i0109.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0109.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclFileItemComponent, selector: "ecl-file-item", inputs: { isDescription: ["isDescription", "isDescription", booleanAttribute13], eclTitle: "eclTitle", titleId: "titleId", meta: "meta", label: "label", langDetail: "langDetail" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0109, template: '<ng-template [ngIf]="!isDescription">\n    <div class="ecl-file__translation-info">\n        <div class="ecl-file__translation-title" [id]="titleId" [attr.lang]="langDetail">{{ eclTitle }}</div>    \n        <div class="ecl-file__translation-meta">{{ meta }}</div>\n    </div>\n        <ng-content select="[eclFileTranslationDownload]"></ng-content>\n</ng-template>\n<ng-template [ngIf]="isDescription">\n    <ng-content></ng-content>\n</ng-template>', dependencies: [{ kind: "directive", type: i211.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    this.ɵcmp = i0109.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclFileItemComponent, selector: "ecl-file-item", inputs: { isDescription: ["isDescription", "isDescription", booleanAttribute17], eclTitle: "eclTitle", titleId: "titleId", meta: "meta", label: "label", langDetail: "langDetail" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0109, template: '<ng-template [ngIf]="!isDescription">\n    <div class="ecl-file__translation-info">\n        <div class="ecl-file__translation-title" [id]="titleId" [attr.lang]="langDetail">{{ eclTitle }}</div>    \n        <div class="ecl-file__translation-meta">{{ meta }}</div>\n    </div>\n        <ng-content select="[eclFileTranslationDownload]"></ng-content>\n</ng-template>\n<ng-template [ngIf]="isDescription">\n    <ng-content></ng-content>\n</ng-template>', dependencies: [{ kind: "directive", type: i210.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
   }
 };
 i0109.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0109, type: EclFileItemComponent, decorators: [{
@@ -7396,7 +7393,7 @@ i0109.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   args: [{ selector: "ecl-file-item", template: '<ng-template [ngIf]="!isDescription">\n    <div class="ecl-file__translation-info">\n        <div class="ecl-file__translation-title" [id]="titleId" [attr.lang]="langDetail">{{ eclTitle }}</div>    \n        <div class="ecl-file__translation-meta">{{ meta }}</div>\n    </div>\n        <ng-content select="[eclFileTranslationDownload]"></ng-content>\n</ng-template>\n<ng-template [ngIf]="isDescription">\n    <ng-content></ng-content>\n</ng-template>' }]
 }], ctorParameters: () => [{ type: EclFileComponent }], propDecorators: { isDescription: [{
   type: Input41,
-  args: [{ transform: booleanAttribute13 }]
+  args: [{ transform: booleanAttribute17 }]
 }], eclTitle: [{
   type: Input41
 }], titleId: [{
@@ -7413,7 +7410,7 @@ i0109.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-file/ecl-file-items/ecl-file-items.component.mjs
-import { Component as Component48, Input as Input42, ContentChildren as ContentChildren11, Output as Output17, EventEmitter as EventEmitter17, HostBinding as HostBinding77, booleanAttribute as booleanAttribute14 } from "@angular/core";
+import { Component as Component48, Input as Input42, ContentChildren as ContentChildren11, Output as Output17, EventEmitter as EventEmitter17, HostBinding as HostBinding77, booleanAttribute as booleanAttribute18 } from "@angular/core";
 import * as i0110 from "@angular/core";
 import * as i44 from "@ngx-translate/core";
 var EclFileItemsToggleEvent = class extends EclBaseEvent {
@@ -7446,7 +7443,7 @@ var EclFileItemsComponent = class _EclFileItemsComponent extends ECLBaseDirectiv
     this.ɵfac = i0110.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0110, type: _EclFileItemsComponent, deps: null, target: i0110.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0110.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclFileItemsComponent, selector: "ecl-file-items", inputs: { label: "label", isExpanded: ["isExpanded", "isExpanded", booleanAttribute14] }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "items", predicate: EclFileItemComponent }], usesInheritance: true, ngImport: i0110, template: `<button eclButton variant="ghost" class="ecl-file__translation-toggle" [attr.aria-expanded]="isExpanded" (click)="onToggleClick($event)">
+    this.ɵcmp = i0110.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclFileItemsComponent, selector: "ecl-file-items", inputs: { label: "label", isExpanded: ["isExpanded", "isExpanded", booleanAttribute18] }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "items", predicate: EclFileItemComponent }], usesInheritance: true, ngImport: i0110, template: `<button eclButton variant="ghost" class="ecl-file__translation-toggle" [attr.aria-expanded]="isExpanded" (click)="onToggleClick($event)">
     <span eclButtonLabel>
         {{ label || 'ecl.file.OTHER-LANGUAGES' | translate: { count: getItemsCount() } }}
     </span>
@@ -7477,7 +7474,7 @@ i0110.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   type: Input42
 }], isExpanded: [{
   type: Input42,
-  args: [{ transform: booleanAttribute14 }]
+  args: [{ transform: booleanAttribute18 }]
 }], toggle: [{
   type: Output17
 }], items: [{
@@ -7633,7 +7630,7 @@ i0113.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 // lib/components/ecl-gallery/ecl-gallery-footer.component.mjs
 import { Component as Component50, EventEmitter as EventEmitter18, Output as Output18 } from "@angular/core";
 import * as i0114 from "@angular/core";
-import * as i212 from "@ngx-translate/core";
+import * as i211 from "@ngx-translate/core";
 var EclGalleryToggleItemsEvent = class extends EclBaseEvent {
   constructor(expandAll) {
     super();
@@ -7694,7 +7691,7 @@ var EclGalleryFooterComponent = class _EclGalleryFooterComponent {
         <ng-content></ng-content>
     </div>
 </div>
-`, dependencies: [{ kind: "component", type: EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "pipe", type: i212.TranslatePipe, name: "translate" }] });
+`, dependencies: [{ kind: "component", type: EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "pipe", type: i211.TranslatePipe, name: "translate" }] });
   }
 };
 i0114.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0114, type: EclGalleryFooterComponent, decorators: [{
@@ -7805,7 +7802,7 @@ i0115.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-gallery/ecl-gallery-item.component.mjs
-import { Component as Component51, ContentChild as ContentChild16, EventEmitter as EventEmitter19, HostBinding as HostBinding81, HostListener as HostListener9, Input as Input44, Output as Output19, booleanAttribute as booleanAttribute15 } from "@angular/core";
+import { Component as Component51, ContentChild as ContentChild16, EventEmitter as EventEmitter19, HostBinding as HostBinding81, HostListener as HostListener9, Input as Input44, Output as Output19, booleanAttribute as booleanAttribute19 } from "@angular/core";
 import * as i0116 from "@angular/core";
 import * as i117 from "@angular/platform-browser";
 var EclGalleryItemClickEvent = class extends EclBaseEvent {
@@ -7863,7 +7860,7 @@ var EclGalleryItemComponent = class _EclGalleryItemComponent extends ECLBaseDire
     this.ɵfac = i0116.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0116, type: _EclGalleryItemComponent, deps: [{ token: i117.DomSanitizer }, { token: i0116.ElementRef }], target: i0116.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0116.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclGalleryItemComponent, selector: "ecl-gallery-item", inputs: { isShareable: ["isShareable", "isShareable", booleanAttribute15], 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: i0116, template: `<a [href]="src" class="ecl-gallery__item-link" [attr.aria-label]="label" [class.ecl-gallery__item__link--frozen]="isNoOverlay">
+    this.ɵcmp = i0116.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclGalleryItemComponent, selector: "ecl-gallery-item", inputs: { isShareable: ["isShareable", "isShareable", booleanAttribute19], 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: i0116, template: `<a [href]="src" class="ecl-gallery__item-link" [attr.aria-label]="label" [class.ecl-gallery__item__link--frozen]="isNoOverlay">
     <figure class="ecl-gallery__image-container">
         @if(mediaType !== 'image') {
         <div class="ecl-gallery__item-icon-wrapper">
@@ -7907,7 +7904,7 @@ i0116.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 </a>`, styles: [".ecl-gallery__description{width:100%}\n"] }]
 }], ctorParameters: () => [{ type: i117.DomSanitizer }, { type: i0116.ElementRef }], propDecorators: { isShareable: [{
   type: Input44,
-  args: [{ transform: booleanAttribute15 }]
+  args: [{ transform: booleanAttribute19 }]
 }], mediaType: [{
   type: Input44
 }], src: [{
@@ -7938,12 +7935,12 @@ i0116.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 
 // lib/components/ecl-gallery/ecl-gallery.component.mjs
 import { Breakpoints } from "@angular/cdk/layout";
-import { Component as Component52, ContentChild as ContentChild17, ContentChildren as ContentChildren12, EventEmitter as EventEmitter20, HostBinding as HostBinding82, HostListener as HostListener10, Input as Input45, Output as Output20, ViewChild as ViewChild7, booleanAttribute as booleanAttribute16, numberAttribute as numberAttribute3 } from "@angular/core";
+import { Component as Component52, ContentChild as ContentChild17, ContentChildren as ContentChildren12, EventEmitter as EventEmitter20, HostBinding as HostBinding82, HostListener as HostListener10, Input as Input45, Output as Output20, ViewChild as ViewChild7, booleanAttribute as booleanAttribute20, numberAttribute as numberAttribute3 } from "@angular/core";
 import { Subject as Subject13, delay } from "rxjs";
 import { takeUntil as takeUntil13 } from "rxjs/operators";
 import * as i0117 from "@angular/core";
 import * as i118 from "@angular/cdk/layout";
-import * as i213 from "@angular/common";
+import * as i212 from "@angular/common";
 import * as i8 from "@ngx-translate/core";
 var EclGalleryShowEvent = class extends EclBaseEvent {
 };
@@ -8167,7 +8164,7 @@ var EclGalleryComponent = class _EclGalleryComponent extends ECLBaseDirective {
     this.ɵfac = i0117.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0117, type: _EclGalleryComponent, deps: [{ token: i118.BreakpointObserver }], target: i0117.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0117.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclGalleryComponent, selector: "ecl-gallery", inputs: { isOpenInFullScreenPossible: ["isOpenInFullScreenPossible", "isOpenInFullScreenPossible", booleanAttribute16], isShareable: ["isShareable", "isShareable", booleanAttribute16], isFullWidth: ["isFullWidth", "isFullWidth", booleanAttribute16], isNoOverlay: ["isNoOverlay", "isNoOverlay", booleanAttribute16], maxVisibleItems: ["maxVisibleItems", "maxVisibleItems", numberAttribute3] }, outputs: { show: "show", hide: "hide", openFullScreen: "openFullScreen", share: "share", itemSwitch: "itemSwitch" }, host: { listeners: { "document:keydown.escape": "onEscapeKeydownHandler($event)", "window:resize": "iframeResize($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, queries: [{ propertyName: "galleryFooter", first: true, predicate: EclGalleryFooterComponent, descendants: true }, { propertyName: "galleryItems", predicate: EclGalleryItemComponent }], viewQueries: [{ propertyName: "videoChild", first: true, predicate: ["video"], descendants: true }, { propertyName: "imageChild", first: true, predicate: ["image"], descendants: true }, { propertyName: "externalVideoChild", first: true, predicate: ["externalVideo"], descendants: true }, { propertyName: "overlayChild", first: true, predicate: ["overlay"], descendants: true }, { propertyName: "headerChild", first: true, predicate: ["header"], descendants: true }, { propertyName: "footerChild", first: true, predicate: ["footer"], descendants: true }], usesInheritance: true, ngImport: i0117, template: `<ul class="ecl-gallery__list">
+    this.ɵcmp = i0117.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclGalleryComponent, selector: "ecl-gallery", inputs: { isOpenInFullScreenPossible: ["isOpenInFullScreenPossible", "isOpenInFullScreenPossible", booleanAttribute20], isShareable: ["isShareable", "isShareable", booleanAttribute20], isFullWidth: ["isFullWidth", "isFullWidth", booleanAttribute20], isNoOverlay: ["isNoOverlay", "isNoOverlay", booleanAttribute20], maxVisibleItems: ["maxVisibleItems", "maxVisibleItems", numberAttribute3] }, outputs: { show: "show", hide: "hide", openFullScreen: "openFullScreen", share: "share", itemSwitch: "itemSwitch" }, host: { listeners: { "document:keydown.escape": "onEscapeKeydownHandler($event)", "window:resize": "iframeResize($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, queries: [{ propertyName: "galleryFooter", first: true, predicate: EclGalleryFooterComponent, descendants: true }, { propertyName: "galleryItems", predicate: EclGalleryItemComponent }], viewQueries: [{ propertyName: "videoChild", first: true, predicate: ["video"], descendants: true }, { propertyName: "imageChild", first: true, predicate: ["image"], descendants: true }, { propertyName: "externalVideoChild", first: true, predicate: ["externalVideo"], descendants: true }, { propertyName: "overlayChild", first: true, predicate: ["overlay"], descendants: true }, { propertyName: "headerChild", first: true, predicate: ["header"], descendants: true }, { propertyName: "footerChild", first: true, predicate: ["footer"], descendants: true }], usesInheritance: true, ngImport: i0117, template: `<ul class="ecl-gallery__list">
     <ng-content></ng-content>
 </ul>
 
@@ -8255,7 +8252,7 @@ var EclGalleryComponent = class _EclGalleryComponent extends ECLBaseDirective {
             }
         </div>
     </footer>
-</dialog>`, styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i213.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "directive", type: EclLinkLabelDirective, selector: "[eclLinkLabel]" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
+</dialog>`, styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i212.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "directive", type: EclLinkLabelDirective, selector: "[eclLinkLabel]" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
   }
 };
 i0117.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0117, type: EclGalleryComponent, decorators: [{
@@ -8351,16 +8348,16 @@ i0117.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 </dialog>`, styles: [":host{display:block}\n"] }]
 }], ctorParameters: () => [{ type: i118.BreakpointObserver }], propDecorators: { isOpenInFullScreenPossible: [{
   type: Input45,
-  args: [{ transform: booleanAttribute16 }]
+  args: [{ transform: booleanAttribute20 }]
 }], isShareable: [{
   type: Input45,
-  args: [{ transform: booleanAttribute16 }]
+  args: [{ transform: booleanAttribute20 }]
 }], isFullWidth: [{
   type: Input45,
-  args: [{ transform: booleanAttribute16 }]
+  args: [{ transform: booleanAttribute20 }]
 }], isNoOverlay: [{
   type: Input45,
-  args: [{ transform: booleanAttribute16 }]
+  args: [{ transform: booleanAttribute20 }]
 }], maxVisibleItems: [{
   type: Input45,
   args: [{ transform: numberAttribute3 }]
@@ -8530,7 +8527,7 @@ i0120.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-sticky-container/ecl-sticky-container.component.mjs
-import { Component as Component54, HostBinding as HostBinding84, Input as Input47, booleanAttribute as booleanAttribute17 } from "@angular/core";
+import { Component as Component54, HostBinding as HostBinding84, Input as Input47, booleanAttribute as booleanAttribute21 } from "@angular/core";
 import { Subject as Subject14, delay as delay2 } from "rxjs";
 import { takeUntil as takeUntil14 } from "rxjs/operators";
 import * as i0121 from "@angular/core";
@@ -8576,7 +8573,7 @@ var EclStickyContainerComponent = class _EclStickyContainerComponent extends ECL
     this.ɵfac = i0121.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0121, type: _EclStickyContainerComponent, deps: [{ token: i119.BreakpointObserver }, { token: i0121.Renderer2 }, { token: i0121.ElementRef }], target: i0121.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0121.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclStickyContainerComponent, selector: "ecl-sticky-container", inputs: { isEnabled: ["isEnabled", "isEnabled", booleanAttribute17], marginTop: "marginTop", marginBottom: "marginBottom" }, host: { properties: { "class": "this.cssClasses", "style.top.px": "this.top", "style.bottom.px": "this.bottom" } }, usesInheritance: true, ngImport: i0121, template: "<ng-content></ng-content>\n", styles: [":host{display:block;align-self:flex-start;top:0;position:sticky;position:-webkit-sticky}:host.ecl-sticky-container--disabled{position:static}\n"] });
+    this.ɵcmp = i0121.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclStickyContainerComponent, selector: "ecl-sticky-container", inputs: { isEnabled: ["isEnabled", "isEnabled", booleanAttribute21], marginTop: "marginTop", marginBottom: "marginBottom" }, host: { properties: { "class": "this.cssClasses", "style.top.px": "this.top", "style.bottom.px": "this.bottom" } }, usesInheritance: true, ngImport: i0121, template: "<ng-content></ng-content>\n", styles: [":host{display:block;align-self:flex-start;top:0;position:sticky;position:-webkit-sticky}:host.ecl-sticky-container--disabled{position:static}\n"] });
   }
 };
 i0121.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0121, type: EclStickyContainerComponent, decorators: [{
@@ -8584,7 +8581,7 @@ i0121.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   args: [{ selector: "ecl-sticky-container", template: "<ng-content></ng-content>\n", styles: [":host{display:block;align-self:flex-start;top:0;position:sticky;position:-webkit-sticky}:host.ecl-sticky-container--disabled{position:static}\n"] }]
 }], ctorParameters: () => [{ type: i119.BreakpointObserver }, { type: i0121.Renderer2 }, { type: i0121.ElementRef }], propDecorators: { isEnabled: [{
   type: Input47,
-  args: [{ transform: booleanAttribute17 }]
+  args: [{ transform: booleanAttribute21 }]
 }], marginTop: [{
   type: Input47
 }], marginBottom: [{
@@ -8909,7 +8906,7 @@ i0126.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-list-illustration/ecl-list-illustration-picture.directive.mjs
-import { Directive as Directive34, HostBinding as HostBinding87, Input as Input50, booleanAttribute as booleanAttribute18 } from "@angular/core";
+import { Directive as Directive34, HostBinding as HostBinding87, Input as Input50, booleanAttribute as booleanAttribute22 } from "@angular/core";
 import * as i0127 from "@angular/core";
 var EclListIllustrationPictureDirective = class _EclListIllustrationPictureDirective extends ECLBaseDirective {
   get cssClasses() {
@@ -8948,7 +8945,7 @@ var EclListIllustrationImageDirective = class _EclListIllustrationImageDirective
     this.ɵfac = i0127.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0127, type: _EclListIllustrationImageDirective, deps: null, target: i0127.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i0127.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclListIllustrationImageDirective, selector: "img[eclListIllustrationImage]", inputs: { isSquare: ["isSquare", "isSquare", booleanAttribute18], size: "size" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0127 });
+    this.ɵdir = i0127.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclListIllustrationImageDirective, selector: "img[eclListIllustrationImage]", inputs: { isSquare: ["isSquare", "isSquare", booleanAttribute22], size: "size" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0127 });
   }
 };
 i0127.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0127, type: EclListIllustrationImageDirective, decorators: [{
@@ -8958,7 +8955,7 @@ i0127.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   }]
 }], propDecorators: { isSquare: [{
   type: Input50,
-  args: [{ transform: booleanAttribute18 }]
+  args: [{ transform: booleanAttribute22 }]
 }], size: [{
   type: Input50
 }], cssClasses: [{
@@ -8967,7 +8964,7 @@ i0127.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-list-illustration/ecl-list-illustration.component.mjs
-import { Component as Component57, HostBinding as HostBinding88, Input as Input51, booleanAttribute as booleanAttribute19, numberAttribute as numberAttribute4 } from "@angular/core";
+import { Component as Component57, HostBinding as HostBinding88, Input as Input51, booleanAttribute as booleanAttribute23, numberAttribute as numberAttribute4 } from "@angular/core";
 import * as i0128 from "@angular/core";
 var EclListIllustrationComponent = class _EclListIllustrationComponent extends ECLBaseDirective {
   constructor() {
@@ -8986,7 +8983,7 @@ var EclListIllustrationComponent = class _EclListIllustrationComponent extends E
     this.ɵfac = i0128.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0128, type: _EclListIllustrationComponent, deps: null, target: i0128.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0128.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclListIllustrationComponent, selector: "ecl-list-illustration", inputs: { isZebra: ["isZebra", "isZebra", booleanAttribute19], horizontalColumns: ["horizontalColumns", "horizontalColumns", numberAttribute4] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0128, template: "<ng-content></ng-content>\n" });
+    this.ɵcmp = i0128.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclListIllustrationComponent, selector: "ecl-list-illustration", inputs: { isZebra: ["isZebra", "isZebra", booleanAttribute23], horizontalColumns: ["horizontalColumns", "horizontalColumns", numberAttribute4] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0128, template: "<ng-content></ng-content>\n" });
   }
 };
 i0128.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0128, type: EclListIllustrationComponent, decorators: [{
@@ -8994,7 +8991,7 @@ i0128.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   args: [{ selector: "ecl-list-illustration", template: "<ng-content></ng-content>\n" }]
 }], propDecorators: { isZebra: [{
   type: Input51,
-  args: [{ transform: booleanAttribute19 }]
+  args: [{ transform: booleanAttribute23 }]
 }], horizontalColumns: [{
   type: Input51,
   args: [{ transform: numberAttribute4 }]
@@ -9104,7 +9101,7 @@ i0130.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 // lib/components/ecl-list/ecl-description-list-definition/ecl-description-list-definition.component.mjs
 import { Component as Component58, ContentChildren as ContentChildren15, HostBinding as HostBinding90, Input as Input52 } from "@angular/core";
 import * as i0131 from "@angular/core";
-import * as i214 from "@ngx-translate/core";
+import * as i213 from "@ngx-translate/core";
 var EclDescriptionListDefinitionComponent = class _EclDescriptionListDefinitionComponent extends ECLBaseDirective {
   constructor() {
     super(...arguments);
@@ -9165,7 +9162,7 @@ var EclDescriptionListDefinitionComponent = class _EclDescriptionListDefinitionC
 <a eclLink class="ecl-description-list__see_more" href (click)="onShowAllItems($event)">{{
     'ecl.list.SEE-ALL-ITEMS' | translate
     }}</a>
-}`, dependencies: [{ kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "pipe", type: i214.TranslatePipe, name: "translate" }] });
+}`, dependencies: [{ kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "pipe", type: i213.TranslatePipe, name: "translate" }] });
   }
 };
 i0131.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0131, type: EclDescriptionListDefinitionComponent, decorators: [{
@@ -9187,7 +9184,7 @@ i0131.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-list/ecl-list.directive.mjs
-import { ContentChildren as ContentChildren16, Directive as Directive36, HostBinding as HostBinding91, Input as Input53, booleanAttribute as booleanAttribute20, numberAttribute as numberAttribute5 } from "@angular/core";
+import { ContentChildren as ContentChildren16, Directive as Directive36, HostBinding as HostBinding91, Input as Input53, booleanAttribute as booleanAttribute24, numberAttribute as numberAttribute5 } from "@angular/core";
 import * as i0132 from "@angular/core";
 var EclOrderedListDirective = class _EclOrderedListDirective extends ECLBaseDirective {
   constructor() {
@@ -9242,7 +9239,7 @@ var EclUnorderedListDirective = class _EclUnorderedListDirective extends ECLBase
     this.ɵfac = i0132.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0132, type: _EclUnorderedListDirective, deps: null, target: i0132.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i0132.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclUnorderedListDirective, selector: "[eclUnorderedList]", inputs: { isDivider: ["isDivider", "isDivider", booleanAttribute20], isNoMarker: ["isNoMarker", "isNoMarker", booleanAttribute20] }, host: { properties: { "class.ecl-unordered-list": "this.cmpClass", "class.ecl-unordered-list--divider": "this.isDivider", "class.ecl-unordered-list--no-marker": "this.isNoMarker" } }, usesInheritance: true, ngImport: i0132 });
+    this.ɵdir = i0132.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclUnorderedListDirective, selector: "[eclUnorderedList]", inputs: { isDivider: ["isDivider", "isDivider", booleanAttribute24], isNoMarker: ["isNoMarker", "isNoMarker", booleanAttribute24] }, host: { properties: { "class.ecl-unordered-list": "this.cmpClass", "class.ecl-unordered-list--divider": "this.isDivider", "class.ecl-unordered-list--no-marker": "this.isNoMarker" } }, usesInheritance: true, ngImport: i0132 });
   }
 };
 i0132.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0132, type: EclUnorderedListDirective, decorators: [{
@@ -9255,13 +9252,13 @@ i0132.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   args: ["class.ecl-unordered-list"]
 }], isDivider: [{
   type: Input53,
-  args: [{ transform: booleanAttribute20 }]
+  args: [{ transform: booleanAttribute24 }]
 }, {
   type: HostBinding91,
   args: ["class.ecl-unordered-list--divider"]
 }], isNoMarker: [{
   type: Input53,
-  args: [{ transform: booleanAttribute20 }]
+  args: [{ transform: booleanAttribute24 }]
 }, {
   type: HostBinding91,
   args: ["class.ecl-unordered-list--no-marker"]
@@ -9307,7 +9304,7 @@ var EclDescriptionListDirective = class _EclDescriptionListDirective extends ECL
     this.ɵfac = i0132.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0132, type: _EclDescriptionListDirective, deps: [{ token: i0132.ChangeDetectorRef }], target: i0132.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i0132.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclDescriptionListDirective, selector: "[eclDescriptionList]", inputs: { isHorizontal: ["isHorizontal", "isHorizontal", booleanAttribute20], maxVisibleItems: ["maxVisibleItems", "maxVisibleItems", numberAttribute5] }, host: { properties: { "class.ecl-description-list--horizontal": "this.isHorizontal", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclListItems", predicate: EclDescriptionListDefinitionComponent }], usesInheritance: true, ngImport: i0132 });
+    this.ɵdir = i0132.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclDescriptionListDirective, selector: "[eclDescriptionList]", inputs: { isHorizontal: ["isHorizontal", "isHorizontal", booleanAttribute24], maxVisibleItems: ["maxVisibleItems", "maxVisibleItems", numberAttribute5] }, host: { properties: { "class.ecl-description-list--horizontal": "this.isHorizontal", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclListItems", predicate: EclDescriptionListDefinitionComponent }], usesInheritance: true, ngImport: i0132 });
   }
 };
 i0132.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0132, type: EclDescriptionListDirective, decorators: [{
@@ -9317,7 +9314,7 @@ i0132.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   }]
 }], ctorParameters: () => [{ type: i0132.ChangeDetectorRef }], propDecorators: { isHorizontal: [{
   type: Input53,
-  args: [{ transform: booleanAttribute20 }]
+  args: [{ transform: booleanAttribute24 }]
 }, {
   type: HostBinding91,
   args: ["class.ecl-description-list--horizontal"]
@@ -9460,10 +9457,10 @@ var EclMenuItemParentFocusEvent = class {
 
 // lib/components/ecl-menu/ecl-menu-mega/ecl-menu-mega-item.component.mjs
 import { ENTER } from "@angular/cdk/keycodes";
-import { Component as Component59, ContentChildren as ContentChildren17, EventEmitter as EventEmitter23, HostBinding as HostBinding92, HostListener as HostListener11, Input as Input54, Output as Output23, ViewChild as ViewChild8, booleanAttribute as booleanAttribute21, forwardRef as forwardRef35 } from "@angular/core";
+import { Component as Component59, ContentChildren as ContentChildren17, EventEmitter as EventEmitter23, HostBinding as HostBinding92, HostListener as HostListener11, Input as Input54, Output as Output23, ViewChild as ViewChild8, booleanAttribute as booleanAttribute25, forwardRef as forwardRef35 } from "@angular/core";
 import * as i0134 from "@angular/core";
 import * as i121 from "@angular/common";
-import * as i215 from "@angular/router";
+import * as i214 from "@angular/router";
 var EclMenuMegaItemComponent = class _EclMenuMegaItemComponent extends ECLBaseDirective {
   constructor() {
     super(...arguments);
@@ -9523,7 +9520,7 @@ var EclMenuMegaItemComponent = class _EclMenuMegaItemComponent extends ECLBaseDi
     this.ɵfac = i0134.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0134, type: _EclMenuMegaItemComponent, deps: null, target: i0134.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0134.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclMenuMegaItemComponent, selector: "ecl-menu-mega-item", inputs: { id: "id", label: "label", routerLink: "routerLink", queryParams: "queryParams", queryParamsHandling: "queryParamsHandling", href: "href", target: "target", isCurrent: ["isCurrent", "isCurrent", booleanAttribute21], isSeeAll: ["isSeeAll", "isSeeAll", booleanAttribute21] }, outputs: { menuItemSelect: "menuItemSelect", menuItemKeydown: "menuItemKeydown" }, host: { listeners: { "click": "onHostClick($event)" }, properties: { "class.ecl-menu__subitem": "this.cmpClass", "attr.role": "this.role", "class.ecl-menu__subitem--current": "this.isCurrent", "class.ecl-menu__see-all": "this.isSeeAll" } }, queries: [{ propertyName: "iconComponents", predicate: i0134.forwardRef(() => EclIconComponent) }, { propertyName: "links", predicate: i0134.forwardRef(() => EclLinkDirective) }], viewQueries: [{ propertyName: "megaMenuLink", first: true, predicate: ["megaMenuLink"], descendants: true }], usesInheritance: true, ngImport: i0134, template: '@if (!isSeeAll) {\n<a  #megaMenuLink\n    *ngIf="href"\n    [href]="href"\n    [target]="target"\n    class="ecl-menu__sublink"\n    [class.ecl-menu__sublink--current]="isCurrent"\n    (click)="onItemClick($event)"\n    (keydown)="onKeydown($event)">\n    {{ label }}\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n</a>\n\n<a  #megaMenuLink\n    *ngIf="!href"\n    tabindex="0"\n    [routerLink]="routerLink"\n    [queryParams]="queryParams"\n    [queryParamsHandling]="queryParamsHandling"\n    class="ecl-menu__sublink"\n    [class.ecl-menu__sublink--current]="isCurrent"\n    (click)="onItemClick($event)"\n    (keydown)="onKeydown($event)">\n    {{ label }}\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n</a>\n} @else {\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n}\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n', styles: [":host{display:list-item}\n"], dependencies: [{ kind: "directive", type: i121.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i121.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i215.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+    this.ɵcmp = i0134.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclMenuMegaItemComponent, selector: "ecl-menu-mega-item", inputs: { id: "id", label: "label", routerLink: "routerLink", queryParams: "queryParams", queryParamsHandling: "queryParamsHandling", href: "href", target: "target", isCurrent: ["isCurrent", "isCurrent", booleanAttribute25], isSeeAll: ["isSeeAll", "isSeeAll", booleanAttribute25] }, outputs: { menuItemSelect: "menuItemSelect", menuItemKeydown: "menuItemKeydown" }, host: { listeners: { "click": "onHostClick($event)" }, properties: { "class.ecl-menu__subitem": "this.cmpClass", "attr.role": "this.role", "class.ecl-menu__subitem--current": "this.isCurrent", "class.ecl-menu__see-all": "this.isSeeAll" } }, queries: [{ propertyName: "iconComponents", predicate: i0134.forwardRef(() => EclIconComponent) }, { propertyName: "links", predicate: i0134.forwardRef(() => EclLinkDirective) }], viewQueries: [{ propertyName: "megaMenuLink", first: true, predicate: ["megaMenuLink"], descendants: true }], usesInheritance: true, ngImport: i0134, template: '@if (!isSeeAll) {\n<a  #megaMenuLink\n    *ngIf="href"\n    [href]="href"\n    [target]="target"\n    class="ecl-menu__sublink"\n    [class.ecl-menu__sublink--current]="isCurrent"\n    (click)="onItemClick($event)"\n    (keydown)="onKeydown($event)">\n    {{ label }}\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n</a>\n\n<a  #megaMenuLink\n    *ngIf="!href"\n    tabindex="0"\n    [routerLink]="routerLink"\n    [queryParams]="queryParams"\n    [queryParamsHandling]="queryParamsHandling"\n    class="ecl-menu__sublink"\n    [class.ecl-menu__sublink--current]="isCurrent"\n    (click)="onItemClick($event)"\n    (keydown)="onKeydown($event)">\n    {{ label }}\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n</a>\n} @else {\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n}\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n', styles: [":host{display:list-item}\n"], dependencies: [{ kind: "directive", type: i121.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i121.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i214.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
   }
 };
 i0134.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0134, type: EclMenuMegaItemComponent, decorators: [{
@@ -9551,13 +9548,13 @@ i0134.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   args: ["attr.role"]
 }], isCurrent: [{
   type: Input54,
-  args: [{ transform: booleanAttribute21 }]
+  args: [{ transform: booleanAttribute25 }]
 }, {
   type: HostBinding92,
   args: ["class.ecl-menu__subitem--current"]
 }], isSeeAll: [{
   type: Input54,
-  args: [{ transform: booleanAttribute21 }]
+  args: [{ transform: booleanAttribute25 }]
 }, {
   type: HostBinding92,
   args: ["class.ecl-menu__see-all"]
@@ -11137,7 +11134,7 @@ i0141.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-modal/ecl-modal-body.component.mjs
-import { Component as Component65, HostBinding as HostBinding98, Input as Input60, booleanAttribute as booleanAttribute22 } from "@angular/core";
+import { Component as Component65, HostBinding as HostBinding98, Input as Input60, booleanAttribute as booleanAttribute26 } from "@angular/core";
 import * as i0142 from "@angular/core";
 import * as i124 from "@angular/common";
 var EclModalBodyComponent = class _EclModalBodyComponent extends ECLBaseDirective {
@@ -11155,7 +11152,7 @@ var EclModalBodyComponent = class _EclModalBodyComponent extends ECLBaseDirectiv
     this.ɵfac = i0142.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0142, type: _EclModalBodyComponent, deps: null, target: i0142.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0142.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclModalBodyComponent, selector: "[eclModalBody]", inputs: { isScrollable: ["isScrollable", "isScrollable", booleanAttribute22] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0142, template: '@if (isScrollable) {\n<div class="ecl-modal__body-scroll">\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n</div>\n<div class="ecl-modal__body-overflow" aria-hidden="true"></div>\n<ng-content select="[eclModalBodyFixedContent]"></ng-content>\n} @else {\n<ng-container *ngTemplateOutlet="content"></ng-container>\n}\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>', dependencies: [{ kind: "directive", type: i124.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    this.ɵcmp = i0142.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclModalBodyComponent, selector: "[eclModalBody]", inputs: { isScrollable: ["isScrollable", "isScrollable", booleanAttribute26] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0142, template: '@if (isScrollable) {\n<div class="ecl-modal__body-scroll">\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n</div>\n<div class="ecl-modal__body-overflow" aria-hidden="true"></div>\n<ng-content select="[eclModalBodyFixedContent]"></ng-content>\n} @else {\n<ng-container *ngTemplateOutlet="content"></ng-container>\n}\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>', dependencies: [{ kind: "directive", type: i124.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
   }
 };
 i0142.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0142, type: EclModalBodyComponent, decorators: [{
@@ -11163,7 +11160,7 @@ i0142.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   args: [{ selector: "[eclModalBody]", template: '@if (isScrollable) {\n<div class="ecl-modal__body-scroll">\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n</div>\n<div class="ecl-modal__body-overflow" aria-hidden="true"></div>\n<ng-content select="[eclModalBodyFixedContent]"></ng-content>\n} @else {\n<ng-container *ngTemplateOutlet="content"></ng-container>\n}\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>' }]
 }], propDecorators: { isScrollable: [{
   type: Input60,
-  args: [{ transform: booleanAttribute22 }]
+  args: [{ transform: booleanAttribute26 }]
 }], cssClasses: [{
   type: HostBinding98,
   args: ["class"]
@@ -11343,9 +11340,9 @@ i0147.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] });
 
 // lib/components/ecl-multiselect/ecl-multiselect-option/ecl-multiselect-option.component.mjs
-import { __decorate as __decorate9 } from "tslib";
+import { __decorate as __decorate6 } from "tslib";
 import { Component as Component67, EventEmitter as EventEmitter30, HostBinding as HostBinding101, Input as Input62, Output as Output30, ViewChild as ViewChild11 } from "@angular/core";
-import { coerceBoolean as coerceBoolean8 } from "@eui/base";
+import { coerceBoolean as coerceBoolean5 } from "@eui/base";
 import { Subject as Subject20 } from "rxjs";
 import { v4 as uuidgen3 } from "uuid";
 import * as i0148 from "@angular/core";
@@ -11431,11 +11428,11 @@ var EclMultiselectOptionComponent = class _EclMultiselectOptionComponent extends
     this.ɵfac = i0148.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0148, type: _EclMultiselectOptionComponent, deps: [], target: i0148.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0148.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclMultiselectOptionComponent, selector: "div[eclMultiselectOption]", inputs: { value: "value", label: "label", disabled: "disabled", isChecked: "isChecked" }, outputs: { optionClick: "optionClick", optionKeydown: "optionKeydown" }, host: { properties: { "class.ecl-checkbox--disabled": "this.disabled", "attr.disabled": "this.disabled", "style.display": "this.display", "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "eclCheckboxInput", first: true, predicate: ["checkboxInput"], descendants: true }], usesInheritance: true, usesOnChanges: true, hostDirectives: [{ directive: EclCheckboxDirective }], ngImport: i0148, template: '<input\n    eclCheckboxInput\n    type="checkbox"\n    [id]="id"\n    [value]="value"\n    (click)="onOptionClick()"\n    (keydown)="onOptionKeydown($event)"\n    [checked]="isChecked"\n    [disabled]="disabled"\n    #checkboxInput />\n<label [for]="id" eclCheckboxLabel><span [innerHTML]="label | boldText: keyword"></span></label>\n', dependencies: [{ kind: "component", type: EclCheckboxLabelComponent, selector: "label[eclCheckboxLabel]", inputs: ["isInvalid", "isDisabled"] }, { kind: "directive", type: EclCheckboxInputDirective, selector: "input[eclCheckboxInput]" }, { kind: "pipe", type: BoldTextPipe, name: "boldText" }] });
+    this.ɵcmp = i0148.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclMultiselectOptionComponent, selector: "div[eclMultiselectOption]", inputs: { value: "value", label: "label", disabled: "disabled", isChecked: "isChecked" }, outputs: { optionClick: "optionClick", optionKeydown: "optionKeydown" }, host: { properties: { "class.ecl-checkbox--disabled": "this.disabled", "attr.disabled": "this.disabled", "style.display": "this.display", "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "eclCheckboxInput", first: true, predicate: ["checkboxInput"], descendants: true }], usesInheritance: true, usesOnChanges: true, hostDirectives: [{ directive: EclCheckboxDirective }], ngImport: i0148, template: '<input\n    eclCheckboxInput\n    type="checkbox"\n    [id]="id"\n    [value]="value"\n    (click)="onOptionClick()"\n    (keydown)="onOptionKeydown($event)"\n    [checked]="isChecked"\n    [disabled]="disabled"\n    #checkboxInput />\n<label [for]="id" eclCheckboxLabel><span [innerHTML]="label | boldText: keyword"></span></label>\n', dependencies: [{ kind: "component", type: EclCheckboxLabelComponent, selector: "label[eclCheckboxLabel]", inputs: ["isInvalid", "isDisabled", "isRequired"] }, { kind: "directive", type: EclCheckboxInputDirective, selector: "input[eclCheckboxInput]" }, { kind: "pipe", type: BoldTextPipe, name: "boldText" }] });
   }
 };
-__decorate9([
-  coerceBoolean8
+__decorate6([
+  coerceBoolean5
 ], EclMultiselectOptionComponent.prototype, "disabled", void 0);
 i0148.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0148, type: EclMultiselectOptionComponent, decorators: [{
   type: Component67,
@@ -11481,9 +11478,9 @@ i0148.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 } });
 
 // lib/components/ecl-multiselect/ecl-multiselect-input/ecl-multiselect-input.component.mjs
-import { __decorate as __decorate10 } from "tslib";
+import { __decorate as __decorate7 } from "tslib";
 import { Component as Component68, EventEmitter as EventEmitter31, HostBinding as HostBinding102, Input as Input63, Output as Output31, ViewChild as ViewChild12 } from "@angular/core";
-import { coerceBoolean as coerceBoolean9 } from "@eui/base";
+import { coerceBoolean as coerceBoolean6 } from "@eui/base";
 import * as i0149 from "@angular/core";
 var EclMultiselectMainInputClickEvent = class {
   constructor(event) {
@@ -11540,11 +11537,11 @@ var EclMultiselectInputComponent = class _EclMultiselectInputComponent extends E
     this.ɵcmp = i0149.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclMultiselectInputComponent, selector: "div[eclMultiselectInput]", inputs: { eclSize: "eclSize", toggleId: "toggleId", isDisabled: "isDisabled", isInvalid: "isInvalid", inputPlaceholder: "inputPlaceholder", selectedItems: "selectedItems", isDropdownExpanded: "isDropdownExpanded", ariaControls: "ariaControls", ariaDescribedby: "ariaDescribedby", ariaLabeledby: "ariaLabeledby" }, outputs: { mainInputClick: "mainInputClick", mainInputKeydown: "mainInputKeydown" }, host: { properties: { "class.ecl-select__container--disabled": "this.isDisabled", "class.ecl-select__container--invalid": "this.isInvalid", "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "inputMultiselect", first: true, predicate: ["inputMultiselect"], descendants: true }], usesInheritance: true, ngImport: i0149, template: '<div [class.ecl-select-multiple-selections-counter--visible]="isShowCounter" class="ecl-select-multiple-selections-counter">\n    <span>{{ selectedItemsCount }}</span>\n</div>\n<button\n    class="ecl-select ecl-select__multiple-toggle"\n    #inputMultiselect\n    type="button"\n    [id]="toggleId"\n    [attr.aria-expanded]="isDropdownExpanded"\n    [attr.aria-controls]="ariaControls"\n    [attr.disabled]="isDisabled ? true : undefined"\n    [attr.aria-labelledby]="ariaLabeledby"\n    [attr.aria-describedby]="ariaDescribedby"\n    (keydown)="onKeydown($event)"\n    (click)="onClick($event)"> {{ buttonText }}\n</button>\n<div class="ecl-select__icon">\n    <ecl-icon icon="corner-arrow" size="s" class="ecl-select__icon-shape" transform="rotate-180"></ecl-icon>\n</div>\n', dependencies: [{ kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }] });
   }
 };
-__decorate10([
-  coerceBoolean9
+__decorate7([
+  coerceBoolean6
 ], EclMultiselectInputComponent.prototype, "isDisabled", void 0);
-__decorate10([
-  coerceBoolean9
+__decorate7([
+  coerceBoolean6
 ], EclMultiselectInputComponent.prototype, "isInvalid", void 0);
 i0149.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0149, type: EclMultiselectInputComponent, decorators: [{
   type: Component68,
@@ -11623,10 +11620,10 @@ i0150.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-multiselect/ecl-multiselect-dropdown/ecl-multiselect-dropdown.component.mjs
-import { __decorate as __decorate11 } from "tslib";
+import { __decorate as __decorate8 } from "tslib";
 import { Component as Component70, ElementRef as ElementRef24, EventEmitter as EventEmitter32, forwardRef as forwardRef43, HostBinding as HostBinding104, HostListener as HostListener17, Input as Input65, Output as Output32, ViewChild as ViewChild13, ViewChildren as ViewChildren2 } from "@angular/core";
 import { NG_VALUE_ACCESSOR as NG_VALUE_ACCESSOR4 } from "@angular/forms";
-import { coerceBoolean as coerceBoolean10 } from "@eui/base";
+import { coerceBoolean as coerceBoolean7 } from "@eui/base";
 import { Subject as Subject21 } from "rxjs";
 import { v4 as uuidgen4 } from "uuid";
 import * as i0151 from "@angular/core";
@@ -12097,14 +12094,14 @@ var EclMultiselectDropdownComponent = class _EclMultiselectDropdownComponent ext
         </button>
     </div>
 </div>
-`, dependencies: [{ kind: "directive", type: i125.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i125.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: EclCheckboxDirective, selector: "[eclCheckbox]", inputs: ["isDisabled", "isInvalid"] }, { kind: "component", type: EclCheckboxLabelComponent, selector: "label[eclCheckboxLabel]", inputs: ["isInvalid", "isDisabled"] }, { kind: "directive", type: EclCheckboxInputDirective, selector: "input[eclCheckboxInput]" }, { kind: "component", type: EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "component", type: EclMultiselectOptionComponent, selector: "div[eclMultiselectOption]", inputs: ["value", "label", "disabled", "isChecked"], outputs: ["optionClick", "optionKeydown"] }, { kind: "component", type: EclMultiselectInputComponent, selector: "div[eclMultiselectInput]", inputs: ["eclSize", "toggleId", "isDisabled", "isInvalid", "inputPlaceholder", "selectedItems", "isDropdownExpanded", "ariaControls", "ariaDescribedby", "ariaLabeledby"], outputs: ["mainInputClick", "mainInputKeydown"] }, { kind: "component", type: EclMultiselectOptgroupComponent, selector: "fieldset[eclMultiselectOptgroup]", inputs: ["label"] }, { kind: "pipe", type: i92.TranslatePipe, name: "translate" }] });
+`, dependencies: [{ kind: "directive", type: i125.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i125.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: EclCheckboxDirective, selector: "[eclCheckbox]", inputs: ["isDisabled", "isInvalid", "isSingle"] }, { kind: "component", type: EclCheckboxLabelComponent, selector: "label[eclCheckboxLabel]", inputs: ["isInvalid", "isDisabled", "isRequired"] }, { kind: "directive", type: EclCheckboxInputDirective, selector: "input[eclCheckboxInput]" }, { kind: "component", type: EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "component", type: EclMultiselectOptionComponent, selector: "div[eclMultiselectOption]", inputs: ["value", "label", "disabled", "isChecked"], outputs: ["optionClick", "optionKeydown"] }, { kind: "component", type: EclMultiselectInputComponent, selector: "div[eclMultiselectInput]", inputs: ["eclSize", "toggleId", "isDisabled", "isInvalid", "inputPlaceholder", "selectedItems", "isDropdownExpanded", "ariaControls", "ariaDescribedby", "ariaLabeledby"], outputs: ["mainInputClick", "mainInputKeydown"] }, { kind: "component", type: EclMultiselectOptgroupComponent, selector: "fieldset[eclMultiselectOptgroup]", inputs: ["label"] }, { kind: "pipe", type: i92.TranslatePipe, name: "translate" }] });
   }
 };
-__decorate11([
-  coerceBoolean10
+__decorate8([
+  coerceBoolean7
 ], EclMultiselectDropdownComponent.prototype, "isInvalid", null);
-__decorate11([
-  coerceBoolean10
+__decorate8([
+  coerceBoolean7
 ], EclMultiselectDropdownComponent.prototype, "disabled", null);
 i0151.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0151, type: EclMultiselectDropdownComponent, decorators: [{
   type: Component70,
@@ -12308,11 +12305,11 @@ i0152.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-multiselect/ecl-multiselect.component.mjs
-import { __decorate as __decorate12 } from "tslib";
+import { __decorate as __decorate9 } from "tslib";
 import { coerceBooleanProperty as coerceBooleanProperty3 } from "@angular/cdk/coercion";
 import { Component as Component71, ContentChildren as ContentChildren23, EventEmitter as EventEmitter33, forwardRef as forwardRef44, HostBinding as HostBinding106, Input as Input67, Output as Output33, ViewEncapsulation as ViewEncapsulation9 } from "@angular/core";
 import { NG_VALUE_ACCESSOR as NG_VALUE_ACCESSOR5, NgControl as NgControl4 } from "@angular/forms";
-import { coerceBoolean as coerceBoolean11 } from "@eui/base";
+import { coerceBoolean as coerceBoolean8 } from "@eui/base";
 import { Subject as Subject23, takeUntil as takeUntil20 } from "rxjs";
 import * as i0153 from "@angular/core";
 var EclMultiselectComponent = class _EclMultiselectComponent extends ECLBaseDirective {
@@ -12448,8 +12445,8 @@ var EclMultiselectComponent = class _EclMultiselectComponent extends ECLBaseDire
     ], queries: [{ propertyName: "eclOptionItems", predicate: i0153.forwardRef(() => EclMultiselectOptionDirective) }], usesInheritance: true, ngImport: i0153, template: "<ng-content></ng-content>\n", encapsulation: i0153.ViewEncapsulation.None });
   }
 };
-__decorate12([
-  coerceBoolean11
+__decorate9([
+  coerceBoolean8
 ], EclMultiselectComponent.prototype, "isInvalid", null);
 i0153.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0153, type: EclMultiselectComponent, decorators: [{
   type: Component71,
@@ -12596,7 +12593,7 @@ i0155.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-navigation-list/ecl-navigation-list.component.mjs
-import { Component as Component73, ContentChildren as ContentChildren24, HostBinding as HostBinding108, Input as Input69, booleanAttribute as booleanAttribute23, forwardRef as forwardRef48, numberAttribute as numberAttribute7 } from "@angular/core";
+import { Component as Component73, ContentChildren as ContentChildren24, HostBinding as HostBinding108, Input as Input69, booleanAttribute as booleanAttribute27, forwardRef as forwardRef48, numberAttribute as numberAttribute7 } from "@angular/core";
 import * as i0156 from "@angular/core";
 var EclNavigationListComponent = class _EclNavigationListComponent extends ECLBaseDirective {
   constructor() {
@@ -12619,7 +12616,7 @@ var EclNavigationListComponent = class _EclNavigationListComponent extends ECLBa
     this.ɵfac = i0156.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0156, type: _EclNavigationListComponent, deps: null, target: i0156.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0156.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclNavigationListComponent, selector: "ecl-navigation-list", inputs: { columns: ["columns", "columns", numberAttribute7], hasBorders: ["hasBorders", "hasBorders", booleanAttribute23] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "listItems", predicate: i0156.forwardRef(() => EclNavigationListItemComponent) }], usesInheritance: true, ngImport: i0156, template: "<ng-content></ng-content>\n" });
+    this.ɵcmp = i0156.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclNavigationListComponent, selector: "ecl-navigation-list", inputs: { columns: ["columns", "columns", numberAttribute7], hasBorders: ["hasBorders", "hasBorders", booleanAttribute27] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "listItems", predicate: i0156.forwardRef(() => EclNavigationListItemComponent) }], usesInheritance: true, ngImport: i0156, template: "<ng-content></ng-content>\n" });
   }
 };
 i0156.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0156, type: EclNavigationListComponent, decorators: [{
@@ -12633,7 +12630,7 @@ i0156.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   args: [{ transform: numberAttribute7 }]
 }], hasBorders: [{
   type: Input69,
-  args: [{ transform: booleanAttribute23 }]
+  args: [{ transform: booleanAttribute27 }]
 }], listItems: [{
   type: ContentChildren24,
   args: [forwardRef48(() => EclNavigationListItemComponent)]
@@ -12832,7 +12829,7 @@ i0160.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-news-ticker/ecl-news-ticker.component.mjs
-import { Component as Component76, ContentChildren as ContentChildren25, EventEmitter as EventEmitter35, HostBinding as HostBinding112, HostListener as HostListener18, Input as Input71, Output as Output35, ViewChild as ViewChild14, booleanAttribute as booleanAttribute24 } from "@angular/core";
+import { Component as Component76, ContentChildren as ContentChildren25, EventEmitter as EventEmitter35, HostBinding as HostBinding112, HostListener as HostListener18, Input as Input71, Output as Output35, ViewChild as ViewChild14, booleanAttribute as booleanAttribute28 } from "@angular/core";
 import { Subject as Subject25, takeUntil as takeUntil22 } from "rxjs";
 import * as i0161 from "@angular/core";
 import * as i53 from "@ngx-translate/core";
@@ -13023,7 +13020,7 @@ var EclNewsTickerComponent = class _EclNewsTickerComponent extends ECLBaseDirect
     this.ɵfac = i0161.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0161, type: _EclNewsTickerComponent, deps: [{ token: i0161.Renderer2 }], target: i0161.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0161.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclNewsTickerComponent, selector: "ecl-news-ticker", inputs: { isAutoplay: ["isAutoplay", "isAutoplay", booleanAttribute24] }, outputs: { itemSwitch: "itemSwitch" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "newsTickerItems", predicate: EclNewsTickerItemComponent }], viewQueries: [{ propertyName: "firstHiddenItem", first: true, predicate: ["firstHiddenItem"], descendants: true }, { propertyName: "lastHiddenItem", first: true, predicate: ["lastHiddenItem"], descendants: true }, { propertyName: "slidesContainer", first: true, predicate: ["slidesContainer"], descendants: true }], usesInheritance: true, ngImport: i0161, template: `<div class="ecl-news-ticker__container" [style.height.px]="containerHeight">
+    this.ɵcmp = i0161.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclNewsTickerComponent, selector: "ecl-news-ticker", inputs: { isAutoplay: ["isAutoplay", "isAutoplay", booleanAttribute28] }, outputs: { itemSwitch: "itemSwitch" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "newsTickerItems", predicate: EclNewsTickerItemComponent }], viewQueries: [{ propertyName: "firstHiddenItem", first: true, predicate: ["firstHiddenItem"], descendants: true }, { propertyName: "lastHiddenItem", first: true, predicate: ["lastHiddenItem"], descendants: true }, { propertyName: "slidesContainer", first: true, predicate: ["slidesContainer"], descendants: true }], usesInheritance: true, ngImport: i0161, template: `<div class="ecl-news-ticker__container" [style.height.px]="containerHeight">
     <ecl-icon icon="information" size="m" class="ecl-news-ticker__icon"></ecl-icon>
     <div class="ecl-news-ticker__content" [style.height.px]="contentHeight">
         <ul
@@ -13137,7 +13134,7 @@ i0161.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }` }]
 }], ctorParameters: () => [{ type: i0161.Renderer2 }], propDecorators: { isAutoplay: [{
   type: Input71,
-  args: [{ transform: booleanAttribute24 }]
+  args: [{ transform: booleanAttribute28 }]
 }], itemSwitch: [{
   type: Output35
 }], newsTickerItems: [{
@@ -13186,7 +13183,7 @@ i0162.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] });
 
 // lib/components/ecl-notification/ecl-notification.component.mjs
-import { Component as Component77, Input as Input72, Output as Output36, EventEmitter as EventEmitter36, HostBinding as HostBinding113, booleanAttribute as booleanAttribute25 } from "@angular/core";
+import { Component as Component77, Input as Input72, Output as Output36, EventEmitter as EventEmitter36, HostBinding as HostBinding113, booleanAttribute as booleanAttribute29 } from "@angular/core";
 import * as i0163 from "@angular/core";
 import * as i54 from "@angular/common";
 import * as i63 from "@ngx-translate/core";
@@ -13232,7 +13229,7 @@ var EclNotificationComponent = class _EclNotificationComponent extends ECLBaseDi
     this.ɵfac = i0163.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0163, type: _EclNotificationComponent, deps: [{ token: EclThemeService }], target: i0163.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0163.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclNotificationComponent, selector: "ecl-notification", inputs: { notificationTitle: "notificationTitle", variant: "variant", isVisible: ["isVisible", "isVisible", booleanAttribute25], isCloseable: ["isCloseable", "isCloseable", booleanAttribute25] }, outputs: { close: "close" }, host: { properties: { "attr.role": "this.role", "class.ecl-u-d-none": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0163, template: `@if( eclThemeService.isEC$ | async ){
+    this.ɵcmp = i0163.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclNotificationComponent, selector: "ecl-notification", inputs: { notificationTitle: "notificationTitle", variant: "variant", isVisible: ["isVisible", "isVisible", booleanAttribute29], isCloseable: ["isCloseable", "isCloseable", booleanAttribute29] }, outputs: { close: "close" }, host: { properties: { "attr.role": "this.role", "class.ecl-u-d-none": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0163, template: `@if( eclThemeService.isEC$ | async ){
     <ecl-icon size="l" class="ecl-notification__icon" [icon]="icon" [ariaHidden]="false" role="img">
         <title>{{ icon | titlecase }}</title>
     </ecl-icon>
@@ -13308,10 +13305,10 @@ i0163.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   type: Input72
 }], isVisible: [{
   type: Input72,
-  args: [{ transform: booleanAttribute25 }]
+  args: [{ transform: booleanAttribute29 }]
 }], isCloseable: [{
   type: Input72,
-  args: [{ transform: booleanAttribute25 }]
+  args: [{ transform: booleanAttribute29 }]
 }], close: [{
   type: Output36
 }], role: [{
@@ -13350,9 +13347,7 @@ i0164.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-section.directive.mjs
-import { __decorate as __decorate13 } from "tslib";
-import { Directive as Directive43, HostBinding as HostBinding115, Input as Input73 } from "@angular/core";
-import { coerceBoolean as coerceBoolean12 } from "@eui/base";
+import { Directive as Directive43, HostBinding as HostBinding115, Input as Input73, booleanAttribute as booleanAttribute30 } from "@angular/core";
 import * as i0165 from "@angular/core";
 var EclSiteFooterSectionDirective = class _EclSiteFooterSectionDirective extends ECLBaseDirective {
   constructor() {
@@ -13367,21 +13362,9 @@ var EclSiteFooterSectionDirective = class _EclSiteFooterSectionDirective extends
     this.ɵfac = i0165.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0165, type: _EclSiteFooterSectionDirective, deps: null, target: i0165.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i0165.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclSiteFooterSectionDirective, selector: "[eclSiteFooterSection]", inputs: { isCondensed: "isCondensed", isSiteInfo: "isSiteInfo", isSplitList: "isSplitList", hasSeparator: "hasSeparator" }, host: { properties: { "class.ecl-site-footer__section": "this.cmpClass", "class.ecl-site-footer__section--condensed": "this.isCondensed", "class.ecl-site-footer__section--site-info": "this.isSiteInfo", "class.ecl-site-footer__section--split-list": "this.isSplitList", "class.ecl-site-footer__section--separator": "this.hasSeparator" } }, usesInheritance: true, ngImport: i0165 });
+    this.ɵdir = i0165.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclSiteFooterSectionDirective, selector: "[eclSiteFooterSection]", inputs: { isCondensed: ["isCondensed", "isCondensed", booleanAttribute30], isSiteInfo: ["isSiteInfo", "isSiteInfo", booleanAttribute30], isSplitList: ["isSplitList", "isSplitList", booleanAttribute30], hasSeparator: ["hasSeparator", "hasSeparator", booleanAttribute30] }, host: { properties: { "class.ecl-site-footer__section": "this.cmpClass", "class.ecl-site-footer__section--condensed": "this.isCondensed", "class.ecl-site-footer__section--site-info": "this.isSiteInfo", "class.ecl-site-footer__section--split-list": "this.isSplitList", "class.ecl-site-footer__section--separator": "this.hasSeparator" } }, usesInheritance: true, ngImport: i0165 });
   }
 };
-__decorate13([
-  coerceBoolean12
-], EclSiteFooterSectionDirective.prototype, "isCondensed", void 0);
-__decorate13([
-  coerceBoolean12
-], EclSiteFooterSectionDirective.prototype, "isSiteInfo", void 0);
-__decorate13([
-  coerceBoolean12
-], EclSiteFooterSectionDirective.prototype, "isSplitList", void 0);
-__decorate13([
-  coerceBoolean12
-], EclSiteFooterSectionDirective.prototype, "hasSeparator", void 0);
 i0165.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0165, type: EclSiteFooterSectionDirective, decorators: [{
   type: Directive43,
   args: [{
@@ -13391,17 +13374,20 @@ i0165.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   type: HostBinding115,
   args: ["class.ecl-site-footer__section"]
 }], isCondensed: [{
-  type: Input73
+  type: Input73,
+  args: [{ transform: booleanAttribute30 }]
 }, {
   type: HostBinding115,
   args: ["class.ecl-site-footer__section--condensed"]
 }], isSiteInfo: [{
-  type: Input73
+  type: Input73,
+  args: [{ transform: booleanAttribute30 }]
 }, {
   type: HostBinding115,
   args: ["class.ecl-site-footer__section--site-info"]
 }], isSplitList: [{
-  type: Input73
+  type: Input73,
+  args: [{ transform: booleanAttribute30 }]
 }, {
   type: HostBinding115,
   args: ["class.ecl-site-footer__section--split-list"]
@@ -13409,13 +13395,12 @@ i0165.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   type: HostBinding115,
   args: ["class.ecl-site-footer__section--separator"]
 }, {
-  type: Input73
+  type: Input73,
+  args: [{ transform: booleanAttribute30 }]
 }] } });
 
 // lib/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-title.directive.mjs
-import { __decorate as __decorate14 } from "tslib";
-import { Directive as Directive44, HostBinding as HostBinding116, Input as Input74 } from "@angular/core";
-import { coerceBoolean as coerceBoolean13 } from "@eui/base";
+import { Directive as Directive44, HostBinding as HostBinding116, Input as Input74, booleanAttribute as booleanAttribute31 } from "@angular/core";
 import * as i0166 from "@angular/core";
 var EclSiteFooterTitleDirective = class _EclSiteFooterTitleDirective extends ECLBaseDirective {
   constructor() {
@@ -13427,12 +13412,9 @@ var EclSiteFooterTitleDirective = class _EclSiteFooterTitleDirective extends ECL
     this.ɵfac = i0166.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0166, type: _EclSiteFooterTitleDirective, deps: null, target: i0166.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i0166.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclSiteFooterTitleDirective, selector: "[eclSiteFooterTitle]", inputs: { isSeparator: "isSeparator" }, host: { properties: { "class.ecl-site-footer__title": "this.cmpClass", "class.ecl-site-footer__title--separator": "this.isSeparator" } }, usesInheritance: true, ngImport: i0166 });
+    this.ɵdir = i0166.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclSiteFooterTitleDirective, selector: "[eclSiteFooterTitle]", inputs: { isSeparator: ["isSeparator", "isSeparator", booleanAttribute31] }, host: { properties: { "class.ecl-site-footer__title": "this.cmpClass", "class.ecl-site-footer__title--separator": "this.isSeparator" } }, usesInheritance: true, ngImport: i0166 });
   }
 };
-__decorate14([
-  coerceBoolean13
-], EclSiteFooterTitleDirective.prototype, "isSeparator", void 0);
 i0166.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0166, type: EclSiteFooterTitleDirective, decorators: [{
   type: Directive44,
   args: [{
@@ -13442,7 +13424,8 @@ i0166.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   type: HostBinding116,
   args: ["class.ecl-site-footer__title"]
 }], isSeparator: [{
-  type: Input74
+  type: Input74,
+  args: [{ transform: booleanAttribute31 }]
 }, {
   type: HostBinding116,
   args: ["class.ecl-site-footer__title--separator"]
@@ -13495,9 +13478,7 @@ i0167.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-list.directive.mjs
-import { __decorate as __decorate15 } from "tslib";
-import { Directive as Directive46, HostBinding as HostBinding118, Input as Input75 } from "@angular/core";
-import { coerceBoolean as coerceBoolean14 } from "@eui/base";
+import { Directive as Directive46, HostBinding as HostBinding118, Input as Input75, booleanAttribute as booleanAttribute32 } from "@angular/core";
 import * as i0168 from "@angular/core";
 var EclSiteFooterListDirective = class _EclSiteFooterListDirective extends ECLBaseDirective {
   constructor() {
@@ -13508,15 +13489,9 @@ var EclSiteFooterListDirective = class _EclSiteFooterListDirective extends ECLBa
     this.ɵfac = i0168.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0168, type: _EclSiteFooterListDirective, deps: null, target: i0168.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i0168.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclSiteFooterListDirective, selector: "[eclSiteFooterList]", inputs: { isInline: "isInline", isColumns: "isColumns" }, host: { properties: { "class.ecl-site-footer__list": "this.cmpClass", "class.ecl-site-footer__list--inline": "this.isInline", "class.ecl-site-footer__list--columns": "this.isColumns" } }, usesInheritance: true, ngImport: i0168 });
+    this.ɵdir = i0168.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclSiteFooterListDirective, selector: "[eclSiteFooterList]", inputs: { isInline: ["isInline", "isInline", booleanAttribute32], isColumns: ["isColumns", "isColumns", booleanAttribute32] }, host: { properties: { "class.ecl-site-footer__list": "this.cmpClass", "class.ecl-site-footer__list--inline": "this.isInline", "class.ecl-site-footer__list--columns": "this.isColumns" } }, usesInheritance: true, ngImport: i0168 });
   }
 };
-__decorate15([
-  coerceBoolean14
-], EclSiteFooterListDirective.prototype, "isInline", void 0);
-__decorate15([
-  coerceBoolean14
-], EclSiteFooterListDirective.prototype, "isColumns", void 0);
 i0168.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0168, type: EclSiteFooterListDirective, decorators: [{
   type: Directive46,
   args: [{
@@ -13526,12 +13501,14 @@ i0168.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   type: HostBinding118,
   args: ["class.ecl-site-footer__list"]
 }], isInline: [{
-  type: Input75
+  type: Input75,
+  args: [{ transform: booleanAttribute32 }]
 }, {
   type: HostBinding118,
   args: ["class.ecl-site-footer__list--inline"]
 }], isColumns: [{
-  type: Input75
+  type: Input75,
+  args: [{ transform: booleanAttribute32 }]
 }, {
   type: HostBinding118,
   args: ["class.ecl-site-footer__list--columns"]
@@ -13666,27 +13643,6 @@ i0169.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   type: HostBinding119,
   args: ["class.ecl-site-footer__logo-link"]
 }] } });
-var EclSiteFooterLogoImageDesktopDirective = class _EclSiteFooterLogoImageDesktopDirective extends ECLBaseDirective {
-  constructor() {
-    super(...arguments);
-    this.className = true;
-  }
-  static {
-    this.ɵfac = i0169.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0169, type: _EclSiteFooterLogoImageDesktopDirective, deps: null, target: i0169.ɵɵFactoryTarget.Directive });
-  }
-  static {
-    this.ɵdir = i0169.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclSiteFooterLogoImageDesktopDirective, selector: "[eclSiteFooterLogoImageDesktop]", host: { properties: { "class.ecl-site-footer__logo-image-desktop": "this.className" } }, usesInheritance: true, ngImport: i0169 });
-  }
-};
-i0169.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0169, type: EclSiteFooterLogoImageDesktopDirective, decorators: [{
-  type: Directive47,
-  args: [{
-    selector: "[eclSiteFooterLogoImageDesktop]"
-  }]
-}], propDecorators: { className: [{
-  type: HostBinding119,
-  args: ["class.ecl-site-footer__logo-image-desktop"]
-}] } });
 var EclSiteFooterLogoImageDirective = class _EclSiteFooterLogoImageDirective extends ECLBaseDirective {
   constructor() {
     super(...arguments);
@@ -13798,9 +13754,7 @@ i0170.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-site-footer/ecl-footer-elements/ec/ecl-site-footer-fixed-content.mjs
-import { __decorate as __decorate16 } from "tslib";
-import { Component as Component78, Input as Input76 } from "@angular/core";
-import { coerceBoolean as coerceBoolean15 } from "@eui/base";
+import { Component as Component78, Input as Input76, booleanAttribute as booleanAttribute33 } from "@angular/core";
 import * as i0171 from "@angular/core";
 import * as i126 from "@ngx-translate/core";
 import * as i32 from "@angular/common";
@@ -13815,7 +13769,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
     this.ɵfac = i0171.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0171, type: _EclSiteFooterFixedContentECComponent, deps: [{ token: i126.TranslateService }, { token: EclLanguageService }], target: i0171.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0171.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclSiteFooterFixedContentECComponent, selector: "ecl-site-footer-fixed-content-ec", inputs: { isCore: "isCore", languageCode: "languageCode", ecLogoLanguageCode: "ecLogoLanguageCode", content: "content" }, usesInheritance: true, ngImport: i0171, template: `<ng-container *ngIf="isCore">
+    this.ɵcmp = i0171.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclSiteFooterFixedContentECComponent, selector: "ecl-site-footer-fixed-content-ec", inputs: { isCore: ["isCore", "isCore", booleanAttribute33], languageCode: "languageCode", ecLogoLanguageCode: "ecLogoLanguageCode", content: "content" }, usesInheritance: true, ngImport: i0171, template: `@if(isCore){
     <div eclSiteFooterRow>
         <div eclSiteFooterColumn>
             <div eclSiteFooterSection>
@@ -13845,6 +13799,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.STRATEGY' | translate"
                             variant="standalone"
@@ -13855,6 +13810,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.ABOUT-EUROPEAN-COMMISSION' | translate"
                             variant="standalone"
@@ -13865,6 +13821,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.BUSINESS-ECONOMY-EURO' | translate"
                             variant="standalone"
@@ -13875,6 +13832,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.LIVE-WORK-TRAVEL' | translate"
                             variant="standalone"
@@ -13885,6 +13843,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.LAW' | translate"
                             variant="standalone"
@@ -13895,6 +13854,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.FUNDING-TENDERS' | translate"
                             variant="standalone"
@@ -13905,6 +13865,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.RESEARCH-INNOVATION' | translate"
                             variant="standalone"
@@ -13915,6 +13876,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.ENERGY-CLIMATE' | translate"
                             variant="standalone"
@@ -13925,6 +13887,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.EDUCATION' | translate"
                             variant="standalone"
@@ -13935,6 +13898,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.AID-DEVELOPMENT' | translate"
                             variant="standalone"
@@ -13945,6 +13909,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.FOOD' | translate"
                             variant="standalone"
@@ -13955,6 +13920,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.EU-REGIONAL' | translate"
                             variant="standalone"
@@ -13965,6 +13931,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.JOBS' | translate"
                             variant="standalone"
@@ -13975,6 +13942,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.STATS' | translate"
                             variant="standalone"
@@ -13985,16 +13953,18 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.NEWS' | translate"
                             variant="standalone"
                             href="https://ec.europa.eu/commission/presscorner/home/{{ languageCode }}">
-                            {{ 'ecl.footer.NEWS' | translate }}
+                            {{ 'ecl.footer.PRESS-CORNER' | translate }}
                         </a>
                     </li>
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.EVENTS' | translate"
                             variant="standalone"
@@ -14005,6 +13975,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.PUBLICATIONS' | translate"
                             variant="standalone"
@@ -14020,6 +13991,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.ABOUT-COMMISSION-WEB-PRESENCE' | translate"
                             variant="standalone"
@@ -14030,6 +14002,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.CONTACT-EC' | translate"
                             variant="standalone"
@@ -14040,27 +14013,29 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.ACCESSIBILITY' | translate"
                             variant="standalone"
-                            href="https://european-union.europa.eu/web-accessibility-policy_{{ languageCode }}">
+                            href="https://commission.europa.eu/accessibility-statement_{{ languageCode }}">
                             {{ 'ecl.footer.ACCESSIBILITY' | translate }}
                         </a>
                     </li>
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate"
                             variant="standalone"
-                            href="https://europa.eu/european-union/contact/social-networks_{{ languageCode }}#n:+i:4+e:1+t:+s">
+                            href="https://europa.eu/european-union/contact-eu/social-media-channels_{{ languageCode }}/#search?page=0&institutions=european_commission">
                             {{ 'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate }}
-                            <ecl-icon icon="external" size="2xs"></ecl-icon>
                         </a>
                     </li>
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.RESOURCES-FOR-PARTNERS' | translate"
                             variant="standalone"
@@ -14071,11 +14046,12 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                 </ul>
             </div>
 
-            <div eclSiteFooterSection>
+            <div eclSiteFooterSection [isSplitList]="true">
                 <ul eclSiteFooterList>
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.LANGUAGES-OUR-WEBSITES' | translate"
                             variant="standalone"
@@ -14086,6 +14062,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.COOKIES' | translate"
                             variant="standalone"
@@ -14096,6 +14073,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.PRIVACY-POLICY' | translate"
                             variant="standalone"
@@ -14106,6 +14084,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.LEGAL-NOTICE' | translate"
                             variant="standalone"
@@ -14117,9 +14096,8 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
             </div>
         </div>
     </div>
-</ng-container>
-
-<ng-container *ngIf="!isCore">
+    }
+@if(!isCore){
     <ng-container *ngTemplateOutlet="content"></ng-container>
 
     <div eclSiteFooterRow>
@@ -14141,11 +14119,6 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                             alt="European Commission logo" />
                     </picture>
                 </a>
-                <h2 eclSiteFooterTitle>
-                    <a eclLink variant="standalone" href="https://commission.europa.eu/index_{{ languageCode }}" eclSiteFooterTitleLink>
-                        {{ 'ecl.footer.EUROPEAN-COMMISSION' | translate }}
-                    </a>
-                </h2>
             </div>
         </div>
         <div eclSiteFooterColumn>
@@ -14154,6 +14127,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.CONTACT-EC' | translate"
                             variant="standalone"
@@ -14164,17 +14138,18 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate"
                             variant="standalone"
-                            href="https://europa.eu/european-union/contact/social-networks_{{ languageCode }}">
+                            href="https://europa.eu/european-union/contact-eu/social-media-channels_{{ languageCode }}#/search?page=0&institutions=european_commission">
                             {{ 'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate }}
-                            <ecl-icon icon="external" size="2xs"></ecl-icon>
                         </a>
                     </li>
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.RESOURCES-FOR-PARTNERS' | translate"
                             variant="standalone"
@@ -14191,16 +14166,18 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
-                            [attr.aria-label]="'ecl.footer.LANGUAGE-POLICY' | translate"
+                            [attr.aria-label]="'ecl.footer.LANGUAGES-OUR-WEBSITES' | translate"
                             variant="standalone"
-                            href="https://commission.europa.eu/language-policy_{{ languageCode }}">
-                            {{ 'ecl.footer.LANGUAGE-POLICY' | translate }}
+                            href="https://commission.europa.eu/languages-our-websites_{{ languageCode }}">
+                            {{ 'ecl.footer.LANGUAGES-OUR-WEBSITES' | translate }}
                         </a>
                     </li>
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.COOKIES' | translate"
                             variant="standalone"
@@ -14211,6 +14188,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.PRIVACY-POLICY' | translate"
                             variant="standalone"
@@ -14221,6 +14199,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.LEGAL-NOTICE' | translate"
                             variant="standalone"
@@ -14232,16 +14211,13 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
             </div>
         </div>
     </div>
-</ng-container>
-`, dependencies: [{ kind: "directive", type: i32.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i32.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "directive", type: EclSiteFooterSectionDirective, selector: "[eclSiteFooterSection]", inputs: ["isCondensed", "isSiteInfo", "isSplitList", "hasSeparator"] }, { kind: "directive", type: EclSiteFooterTitleDirective, selector: "[eclSiteFooterTitle]", inputs: ["isSeparator"] }, { kind: "directive", type: EclSiteFooterListDirective, selector: "[eclSiteFooterList]", inputs: ["isInline", "isColumns"] }, { kind: "directive", type: EclSiteFooterLinkDirective, selector: "[eclSiteFooterLink]" }, { kind: "directive", type: EclSiteFooterColumnDirective, selector: "[eclSiteFooterColumn]" }, { kind: "directive", type: EclSiteFooterListItemDirective, selector: "[eclSiteFooterListItem]" }, { kind: "directive", type: EclSiteFooterRowDirective, selector: "[eclSiteFooterRow]" }, { kind: "directive", type: EclSiteFooterTitleLinkDirective, selector: "[eclSiteFooterTitleLink]" }, { kind: "directive", type: EclSiteFooterLogoLinkDirective, selector: "[eclSiteFooterLogoLink]" }, { kind: "directive", type: EclSiteFooterPictureDirective, selector: "picture[eclSiteFooterPicture]" }, { kind: "directive", type: EclSiteFooterLogoImageDirective, selector: "img[eclSiteFooterLogoImage]" }, { kind: "pipe", type: i126.TranslatePipe, name: "translate" }] });
+}
+`, dependencies: [{ kind: "directive", type: i32.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "directive", type: EclSiteFooterSectionDirective, selector: "[eclSiteFooterSection]", inputs: ["isCondensed", "isSiteInfo", "isSplitList", "hasSeparator"] }, { kind: "directive", type: EclSiteFooterListDirective, selector: "[eclSiteFooterList]", inputs: ["isInline", "isColumns"] }, { kind: "directive", type: EclSiteFooterLinkDirective, selector: "[eclSiteFooterLink]" }, { kind: "directive", type: EclSiteFooterColumnDirective, selector: "[eclSiteFooterColumn]" }, { kind: "directive", type: EclSiteFooterListItemDirective, selector: "[eclSiteFooterListItem]" }, { kind: "directive", type: EclSiteFooterRowDirective, selector: "[eclSiteFooterRow]" }, { kind: "directive", type: EclSiteFooterLogoLinkDirective, selector: "[eclSiteFooterLogoLink]" }, { kind: "directive", type: EclSiteFooterPictureDirective, selector: "picture[eclSiteFooterPicture]" }, { kind: "directive", type: EclSiteFooterLogoImageDirective, selector: "img[eclSiteFooterLogoImage]" }, { kind: "pipe", type: i126.TranslatePipe, name: "translate" }] });
   }
 };
-__decorate16([
-  coerceBoolean15
-], EclSiteFooterFixedContentECComponent.prototype, "isCore", void 0);
 i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0171, type: EclSiteFooterFixedContentECComponent, decorators: [{
   type: Component78,
-  args: [{ selector: "ecl-site-footer-fixed-content-ec", template: `<ng-container *ngIf="isCore">
+  args: [{ selector: "ecl-site-footer-fixed-content-ec", template: `@if(isCore){
     <div eclSiteFooterRow>
         <div eclSiteFooterColumn>
             <div eclSiteFooterSection>
@@ -14271,6 +14247,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.STRATEGY' | translate"
                             variant="standalone"
@@ -14281,6 +14258,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.ABOUT-EUROPEAN-COMMISSION' | translate"
                             variant="standalone"
@@ -14291,6 +14269,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.BUSINESS-ECONOMY-EURO' | translate"
                             variant="standalone"
@@ -14301,6 +14280,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.LIVE-WORK-TRAVEL' | translate"
                             variant="standalone"
@@ -14311,6 +14291,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.LAW' | translate"
                             variant="standalone"
@@ -14321,6 +14302,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.FUNDING-TENDERS' | translate"
                             variant="standalone"
@@ -14331,6 +14313,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.RESEARCH-INNOVATION' | translate"
                             variant="standalone"
@@ -14341,6 +14324,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.ENERGY-CLIMATE' | translate"
                             variant="standalone"
@@ -14351,6 +14335,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.EDUCATION' | translate"
                             variant="standalone"
@@ -14361,6 +14346,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.AID-DEVELOPMENT' | translate"
                             variant="standalone"
@@ -14371,6 +14357,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.FOOD' | translate"
                             variant="standalone"
@@ -14381,6 +14368,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.EU-REGIONAL' | translate"
                             variant="standalone"
@@ -14391,6 +14379,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.JOBS' | translate"
                             variant="standalone"
@@ -14401,6 +14390,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.STATS' | translate"
                             variant="standalone"
@@ -14411,16 +14401,18 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.NEWS' | translate"
                             variant="standalone"
                             href="https://ec.europa.eu/commission/presscorner/home/{{ languageCode }}">
-                            {{ 'ecl.footer.NEWS' | translate }}
+                            {{ 'ecl.footer.PRESS-CORNER' | translate }}
                         </a>
                     </li>
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.EVENTS' | translate"
                             variant="standalone"
@@ -14431,6 +14423,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.PUBLICATIONS' | translate"
                             variant="standalone"
@@ -14446,6 +14439,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.ABOUT-COMMISSION-WEB-PRESENCE' | translate"
                             variant="standalone"
@@ -14456,6 +14450,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.CONTACT-EC' | translate"
                             variant="standalone"
@@ -14466,27 +14461,29 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.ACCESSIBILITY' | translate"
                             variant="standalone"
-                            href="https://european-union.europa.eu/web-accessibility-policy_{{ languageCode }}">
+                            href="https://commission.europa.eu/accessibility-statement_{{ languageCode }}">
                             {{ 'ecl.footer.ACCESSIBILITY' | translate }}
                         </a>
                     </li>
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate"
                             variant="standalone"
-                            href="https://europa.eu/european-union/contact/social-networks_{{ languageCode }}#n:+i:4+e:1+t:+s">
+                            href="https://europa.eu/european-union/contact-eu/social-media-channels_{{ languageCode }}/#search?page=0&institutions=european_commission">
                             {{ 'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate }}
-                            <ecl-icon icon="external" size="2xs"></ecl-icon>
                         </a>
                     </li>
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.RESOURCES-FOR-PARTNERS' | translate"
                             variant="standalone"
@@ -14497,11 +14494,12 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                 </ul>
             </div>
 
-            <div eclSiteFooterSection>
+            <div eclSiteFooterSection [isSplitList]="true">
                 <ul eclSiteFooterList>
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.LANGUAGES-OUR-WEBSITES' | translate"
                             variant="standalone"
@@ -14512,6 +14510,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.COOKIES' | translate"
                             variant="standalone"
@@ -14522,6 +14521,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.PRIVACY-POLICY' | translate"
                             variant="standalone"
@@ -14532,6 +14532,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.LEGAL-NOTICE' | translate"
                             variant="standalone"
@@ -14543,9 +14544,8 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
             </div>
         </div>
     </div>
-</ng-container>
-
-<ng-container *ngIf="!isCore">
+    }
+@if(!isCore){
     <ng-container *ngTemplateOutlet="content"></ng-container>
 
     <div eclSiteFooterRow>
@@ -14567,11 +14567,6 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                             alt="European Commission logo" />
                     </picture>
                 </a>
-                <h2 eclSiteFooterTitle>
-                    <a eclLink variant="standalone" href="https://commission.europa.eu/index_{{ languageCode }}" eclSiteFooterTitleLink>
-                        {{ 'ecl.footer.EUROPEAN-COMMISSION' | translate }}
-                    </a>
-                </h2>
             </div>
         </div>
         <div eclSiteFooterColumn>
@@ -14580,6 +14575,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.CONTACT-EC' | translate"
                             variant="standalone"
@@ -14590,17 +14586,18 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate"
                             variant="standalone"
-                            href="https://europa.eu/european-union/contact/social-networks_{{ languageCode }}">
+                            href="https://europa.eu/european-union/contact-eu/social-media-channels_{{ languageCode }}#/search?page=0&institutions=european_commission">
                             {{ 'ecl.footer.FOLLOW-EUROPEAN-COMMISSION-SOCIAL-MEDIA' | translate }}
-                            <ecl-icon icon="external" size="2xs"></ecl-icon>
                         </a>
                     </li>
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.RESOURCES-FOR-PARTNERS' | translate"
                             variant="standalone"
@@ -14617,16 +14614,18 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
-                            [attr.aria-label]="'ecl.footer.LANGUAGE-POLICY' | translate"
+                            [attr.aria-label]="'ecl.footer.LANGUAGES-OUR-WEBSITES' | translate"
                             variant="standalone"
-                            href="https://commission.europa.eu/language-policy_{{ languageCode }}">
-                            {{ 'ecl.footer.LANGUAGE-POLICY' | translate }}
+                            href="https://commission.europa.eu/languages-our-websites_{{ languageCode }}">
+                            {{ 'ecl.footer.LANGUAGES-OUR-WEBSITES' | translate }}
                         </a>
                     </li>
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.COOKIES' | translate"
                             variant="standalone"
@@ -14637,6 +14636,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.PRIVACY-POLICY' | translate"
                             variant="standalone"
@@ -14647,6 +14647,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                     <li eclSiteFooterListItem>
                         <a
                             eclLink
+                            isInverted
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.LEGAL-NOTICE' | translate"
                             variant="standalone"
@@ -14658,10 +14659,11 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
             </div>
         </div>
     </div>
-</ng-container>
+}
 ` }]
 }], ctorParameters: () => [{ type: i126.TranslateService }, { type: EclLanguageService }], propDecorators: { isCore: [{
-  type: Input76
+  type: Input76,
+  args: [{ transform: booleanAttribute33 }]
 }], languageCode: [{
   type: Input76
 }], ecLogoLanguageCode: [{
@@ -14671,9 +14673,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-site-footer/ecl-footer-elements/eu/ecl-site-footer-fixed-content.mjs
-import { __decorate as __decorate17 } from "tslib";
-import { Component as Component79, Input as Input77 } from "@angular/core";
-import { coerceBoolean as coerceBoolean16 } from "@eui/base";
+import { Component as Component79, Input as Input77, booleanAttribute as booleanAttribute34 } from "@angular/core";
 import * as i0172 from "@angular/core";
 import * as i127 from "@ngx-translate/core";
 import * as i33 from "@angular/common";
@@ -14697,7 +14697,7 @@ var EclSiteFooterFixedContentEUComponent = class _EclSiteFooterFixedContentEUCom
     this.ɵfac = i0172.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0172, type: _EclSiteFooterFixedContentEUComponent, deps: [{ token: i127.TranslateService }, { token: EclLanguageService }], target: i0172.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0172.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclSiteFooterFixedContentEUComponent, selector: "ecl-site-footer-fixed-content-eu", inputs: { isCore: "isCore", languageCode: "languageCode", ecLogoLanguageCode: "ecLogoLanguageCode", content: "content" }, usesInheritance: true, ngImport: i0172, template: `<ng-container *ngIf="isCore">
+    this.ɵcmp = i0172.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclSiteFooterFixedContentEUComponent, selector: "ecl-site-footer-fixed-content-eu", inputs: { isCore: ["isCore", "isCore", booleanAttribute34], languageCode: "languageCode", ecLogoLanguageCode: "ecLogoLanguageCode", content: "content" }, usesInheritance: true, ngImport: i0172, template: `@if(isCore){
     <div eclSiteFooterRow>
         <div eclSiteFooterColumn>
             <div eclSiteFooterSection>
@@ -14907,7 +14907,7 @@ var EclSiteFooterFixedContentEUComponent = class _EclSiteFooterFixedContentEUCom
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.ECB' | translate"
                             variant="standalone"
-                            href="https://www.ecb.europa.eu/home/languagepolicy/html/index.{{ languageCode }}.html">
+                            href="https://www.ecb.europa.eu/home/html/index.{{ languageCode }}.html">
                             {{ 'ecl.footer.ECB' | translate }}
                         </a>
                     </li>
@@ -15027,9 +15027,8 @@ var EclSiteFooterFixedContentEUComponent = class _EclSiteFooterFixedContentEUCom
             </div>
         </div>
     </div>
-</ng-container>
-
-<ng-container *ngIf="!isCore">
+}
+@if(!isCore){
     <ng-container *ngTemplateOutlet="content"></ng-container>
 
     <div eclSiteFooterRow>
@@ -15230,7 +15229,7 @@ var EclSiteFooterFixedContentEUComponent = class _EclSiteFooterFixedContentEUCom
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.ECB' | translate"
                             variant="standalone"
-                            href="https://www.ecb.europa.eu/home/languagepolicy/html/index.{{ languageCode }}.html">
+                            href="https://www.ecb.europa.eu/home/html/index.{{ languageCode }}.html">
                             {{ 'ecl.footer.ECB' | translate }}
                         </a>
                     </li>
@@ -15350,16 +15349,13 @@ var EclSiteFooterFixedContentEUComponent = class _EclSiteFooterFixedContentEUCom
             </div>
         </div>
     </div>
-</ng-container>
-`, dependencies: [{ kind: "directive", type: i33.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i33.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "directive", type: EclSiteFooterSectionDirective, selector: "[eclSiteFooterSection]", inputs: ["isCondensed", "isSiteInfo", "isSplitList", "hasSeparator"] }, { kind: "directive", type: EclSiteFooterTitleDirective, selector: "[eclSiteFooterTitle]", inputs: ["isSeparator"] }, { kind: "directive", type: EclSiteFooterListDirective, selector: "[eclSiteFooterList]", inputs: ["isInline", "isColumns"] }, { kind: "directive", type: EclSiteFooterLinkDirective, selector: "[eclSiteFooterLink]" }, { kind: "directive", type: EclSiteFooterColumnDirective, selector: "[eclSiteFooterColumn]" }, { kind: "directive", type: EclSiteFooterListItemDirective, selector: "[eclSiteFooterListItem]" }, { kind: "directive", type: EclSiteFooterRowDirective, selector: "[eclSiteFooterRow]" }, { kind: "directive", type: EclSiteFooterLogoLinkDirective, selector: "[eclSiteFooterLogoLink]" }, { kind: "directive", type: EclSiteFooterPictureDirective, selector: "picture[eclSiteFooterPicture]" }, { kind: "directive", type: EclSiteFooterLogoImageDirective, selector: "img[eclSiteFooterLogoImage]" }, { kind: "pipe", type: i127.TranslatePipe, name: "translate" }] });
+}
+`, dependencies: [{ kind: "directive", type: i33.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "directive", type: EclSiteFooterSectionDirective, selector: "[eclSiteFooterSection]", inputs: ["isCondensed", "isSiteInfo", "isSplitList", "hasSeparator"] }, { kind: "directive", type: EclSiteFooterTitleDirective, selector: "[eclSiteFooterTitle]", inputs: ["isSeparator"] }, { kind: "directive", type: EclSiteFooterListDirective, selector: "[eclSiteFooterList]", inputs: ["isInline", "isColumns"] }, { kind: "directive", type: EclSiteFooterLinkDirective, selector: "[eclSiteFooterLink]" }, { kind: "directive", type: EclSiteFooterColumnDirective, selector: "[eclSiteFooterColumn]" }, { kind: "directive", type: EclSiteFooterListItemDirective, selector: "[eclSiteFooterListItem]" }, { kind: "directive", type: EclSiteFooterRowDirective, selector: "[eclSiteFooterRow]" }, { kind: "directive", type: EclSiteFooterLogoLinkDirective, selector: "[eclSiteFooterLogoLink]" }, { kind: "directive", type: EclSiteFooterPictureDirective, selector: "picture[eclSiteFooterPicture]" }, { kind: "directive", type: EclSiteFooterLogoImageDirective, selector: "img[eclSiteFooterLogoImage]" }, { kind: "pipe", type: i127.TranslatePipe, name: "translate" }] });
   }
 };
-__decorate17([
-  coerceBoolean16
-], EclSiteFooterFixedContentEUComponent.prototype, "isCore", void 0);
 i0172.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0172, type: EclSiteFooterFixedContentEUComponent, decorators: [{
   type: Component79,
-  args: [{ selector: "ecl-site-footer-fixed-content-eu", template: `<ng-container *ngIf="isCore">
+  args: [{ selector: "ecl-site-footer-fixed-content-eu", template: `@if(isCore){
     <div eclSiteFooterRow>
         <div eclSiteFooterColumn>
             <div eclSiteFooterSection>
@@ -15569,7 +15565,7 @@ i0172.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.ECB' | translate"
                             variant="standalone"
-                            href="https://www.ecb.europa.eu/home/languagepolicy/html/index.{{ languageCode }}.html">
+                            href="https://www.ecb.europa.eu/home/html/index.{{ languageCode }}.html">
                             {{ 'ecl.footer.ECB' | translate }}
                         </a>
                     </li>
@@ -15689,9 +15685,8 @@ i0172.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
             </div>
         </div>
     </div>
-</ng-container>
-
-<ng-container *ngIf="!isCore">
+}
+@if(!isCore){
     <ng-container *ngTemplateOutlet="content"></ng-container>
 
     <div eclSiteFooterRow>
@@ -15892,7 +15887,7 @@ i0172.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
                             eclSiteFooterLink
                             [attr.aria-label]="'ecl.footer.ECB' | translate"
                             variant="standalone"
-                            href="https://www.ecb.europa.eu/home/languagepolicy/html/index.{{ languageCode }}.html">
+                            href="https://www.ecb.europa.eu/home/html/index.{{ languageCode }}.html">
                             {{ 'ecl.footer.ECB' | translate }}
                         </a>
                     </li>
@@ -16012,10 +16007,11 @@ i0172.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
             </div>
         </div>
     </div>
-</ng-container>
+}
 ` }]
 }], ctorParameters: () => [{ type: i127.TranslateService }, { type: EclLanguageService }], propDecorators: { isCore: [{
-  type: Input77
+  type: Input77,
+  args: [{ transform: booleanAttribute34 }]
 }], languageCode: [{
   type: Input77
 }], ecLogoLanguageCode: [{
@@ -16025,12 +16021,10 @@ i0172.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-site-footer/ecl-site-footer.component.mjs
-import { __decorate as __decorate18 } from "tslib";
-import { Component as Component80, HostBinding as HostBinding121, Input as Input78 } from "@angular/core";
-import { coerceBoolean as coerceBoolean17 } from "@eui/base";
+import { Component as Component80, HostBinding as HostBinding121, Input as Input78, booleanAttribute as booleanAttribute35 } from "@angular/core";
 import * as i0173 from "@angular/core";
 import * as i128 from "@ngx-translate/core";
-import * as i34 from "@angular/common";
+import * as i55 from "@angular/common";
 var EclSiteFooterComponent = class _EclSiteFooterComponent extends ECLBaseDirective {
   get cssClasses() {
     return [super.getCssClasses("ecl-site-footer"), this.isCore ? "ecl-site-footer--split-columns" : ""].join(" ").trim();
@@ -16059,17 +16053,15 @@ var EclSiteFooterComponent = class _EclSiteFooterComponent extends ECLBaseDirect
     this.ɵfac = i0173.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0173, type: _EclSiteFooterComponent, deps: [{ token: i128.TranslateService }, { token: EclLanguageService }, { token: EclThemeService }], target: i0173.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0173.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclSiteFooterComponent, selector: "ecl-site-footer", inputs: { isCore: "isCore" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0173, template: '<div class="ecl-container ecl-site-footer__container">\n    <ecl-site-footer-fixed-content-ec\n        *ngIf="eclThemeService.isEC$ | async"\n        [isCore]="isCore"\n        [languageCode]="languageCode"\n        [ecLogoLanguageCode]="getLanguageCode()"\n        [content]="content">\n    </ecl-site-footer-fixed-content-ec>\n\n    <ecl-site-footer-fixed-content-eu\n        *ngIf="eclThemeService.isEU$ | async"\n        [isCore]="isCore"\n        [languageCode]="languageCode"\n        [ecLogoLanguageCode]="getLanguageCode()"\n        [content]="content">\n    </ecl-site-footer-fixed-content-eu>\n\n    <ng-template #content>\n        <ng-content></ng-content>\n    </ng-template>\n</div>\n', dependencies: [{ kind: "directive", type: i34.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EclSiteFooterFixedContentECComponent, selector: "ecl-site-footer-fixed-content-ec", inputs: ["isCore", "languageCode", "ecLogoLanguageCode", "content"] }, { kind: "component", type: EclSiteFooterFixedContentEUComponent, selector: "ecl-site-footer-fixed-content-eu", inputs: ["isCore", "languageCode", "ecLogoLanguageCode", "content"] }, { kind: "pipe", type: i34.AsyncPipe, name: "async" }] });
+    this.ɵcmp = i0173.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclSiteFooterComponent, selector: "ecl-site-footer", inputs: { isCore: ["isCore", "isCore", booleanAttribute35] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0173, template: '<div class="ecl-container ecl-site-footer__container">\n    @if(eclThemeService.isEC$ | async) {\n    <ecl-site-footer-fixed-content-ec\n        [isCore]="isCore"\n        [languageCode]="languageCode"\n        [ecLogoLanguageCode]="getLanguageCode()"\n        [content]="content">\n    </ecl-site-footer-fixed-content-ec>\n    }\n    @if(eclThemeService.isEU$ | async) {\n        <ecl-site-footer-fixed-content-eu\n            [isCore]="isCore"\n            [languageCode]="languageCode"\n            [ecLogoLanguageCode]="getLanguageCode()"\n            [content]="content">\n        </ecl-site-footer-fixed-content-eu>\n    }\n\n    <ng-template #content>\n        <ng-content></ng-content>\n    </ng-template>\n</div>\n', dependencies: [{ kind: "component", type: EclSiteFooterFixedContentECComponent, selector: "ecl-site-footer-fixed-content-ec", inputs: ["isCore", "languageCode", "ecLogoLanguageCode", "content"] }, { kind: "component", type: EclSiteFooterFixedContentEUComponent, selector: "ecl-site-footer-fixed-content-eu", inputs: ["isCore", "languageCode", "ecLogoLanguageCode", "content"] }, { kind: "pipe", type: i55.AsyncPipe, name: "async" }] });
   }
 };
-__decorate18([
-  coerceBoolean17
-], EclSiteFooterComponent.prototype, "isCore", void 0);
 i0173.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0173, type: EclSiteFooterComponent, decorators: [{
   type: Component80,
-  args: [{ selector: "ecl-site-footer", template: '<div class="ecl-container ecl-site-footer__container">\n    <ecl-site-footer-fixed-content-ec\n        *ngIf="eclThemeService.isEC$ | async"\n        [isCore]="isCore"\n        [languageCode]="languageCode"\n        [ecLogoLanguageCode]="getLanguageCode()"\n        [content]="content">\n    </ecl-site-footer-fixed-content-ec>\n\n    <ecl-site-footer-fixed-content-eu\n        *ngIf="eclThemeService.isEU$ | async"\n        [isCore]="isCore"\n        [languageCode]="languageCode"\n        [ecLogoLanguageCode]="getLanguageCode()"\n        [content]="content">\n    </ecl-site-footer-fixed-content-eu>\n\n    <ng-template #content>\n        <ng-content></ng-content>\n    </ng-template>\n</div>\n' }]
+  args: [{ selector: "ecl-site-footer", template: '<div class="ecl-container ecl-site-footer__container">\n    @if(eclThemeService.isEC$ | async) {\n    <ecl-site-footer-fixed-content-ec\n        [isCore]="isCore"\n        [languageCode]="languageCode"\n        [ecLogoLanguageCode]="getLanguageCode()"\n        [content]="content">\n    </ecl-site-footer-fixed-content-ec>\n    }\n    @if(eclThemeService.isEU$ | async) {\n        <ecl-site-footer-fixed-content-eu\n            [isCore]="isCore"\n            [languageCode]="languageCode"\n            [ecLogoLanguageCode]="getLanguageCode()"\n            [content]="content">\n        </ecl-site-footer-fixed-content-eu>\n    }\n\n    <ng-template #content>\n        <ng-content></ng-content>\n    </ng-template>\n</div>\n' }]
 }], ctorParameters: () => [{ type: i128.TranslateService }, { type: EclLanguageService }, { type: EclThemeService }], propDecorators: { isCore: [{
-  type: Input78
+  type: Input78,
+  args: [{ transform: booleanAttribute35 }]
 }], cssClasses: [{
   type: HostBinding121,
   args: ["class"]
@@ -16102,7 +16094,6 @@ var COMPONENTS19 = [
   EclSiteFooterContentDirective,
   EclSiteFooterTitleLinkDirective,
   EclSiteFooterLogoLinkDirective,
-  EclSiteFooterLogoImageDesktopDirective,
   EclSiteFooterPictureDirective,
   EclSiteFooterLogoImageDirective
 ];
@@ -16130,7 +16121,6 @@ var EclSiteFooterComponentModule = class _EclSiteFooterComponentModule {
       EclSiteFooterContentDirective,
       EclSiteFooterTitleLinkDirective,
       EclSiteFooterLogoLinkDirective,
-      EclSiteFooterLogoImageDesktopDirective,
       EclSiteFooterPictureDirective,
       EclSiteFooterLogoImageDirective
     ], imports: [CommonModule42, EclLinkDirectiveModule, EclIconComponentModule, TranslateModule22], exports: [
@@ -16152,7 +16142,6 @@ var EclSiteFooterComponentModule = class _EclSiteFooterComponentModule {
       EclSiteFooterContentDirective,
       EclSiteFooterTitleLinkDirective,
       EclSiteFooterLogoLinkDirective,
-      EclSiteFooterLogoImageDesktopDirective,
       EclSiteFooterPictureDirective,
       EclSiteFooterLogoImageDirective
     ] });
@@ -16284,7 +16273,7 @@ i0176.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-page-header/ecl-page-header-title.directive.mjs
-import { Directive as Directive50, HostBinding as HostBinding123, Input as Input79, booleanAttribute as booleanAttribute26 } from "@angular/core";
+import { Directive as Directive50, HostBinding as HostBinding123, Input as Input79, booleanAttribute as booleanAttribute36 } from "@angular/core";
 import * as i0177 from "@angular/core";
 var EclPageHeaderTitleDirective = class _EclPageHeaderTitleDirective extends ECLBaseDirective {
   constructor() {
@@ -16298,7 +16287,7 @@ var EclPageHeaderTitleDirective = class _EclPageHeaderTitleDirective extends ECL
     this.ɵfac = i0177.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0177, type: _EclPageHeaderTitleDirective, deps: null, target: i0177.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i0177.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclPageHeaderTitleDirective, selector: "[eclPageHeaderTitle]", inputs: { isTitleVisible: ["isTitleVisible", "isTitleVisible", booleanAttribute26] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0177 });
+    this.ɵdir = i0177.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclPageHeaderTitleDirective, selector: "[eclPageHeaderTitle]", inputs: { isTitleVisible: ["isTitleVisible", "isTitleVisible", booleanAttribute36] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0177 });
   }
 };
 i0177.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0177, type: EclPageHeaderTitleDirective, decorators: [{
@@ -16308,7 +16297,7 @@ i0177.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   }]
 }], propDecorators: { isTitleVisible: [{
   type: Input79,
-  args: [{ transform: booleanAttribute26 }]
+  args: [{ transform: booleanAttribute36 }]
 }], cssClasses: [{
   type: HostBinding123,
   args: ["class"]
@@ -16544,9 +16533,9 @@ i0182.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] });
 
 // lib/components/ecl-pagination/ecl-pagination-item.component.mjs
-import { Component as Component82, EventEmitter as EventEmitter37, HostBinding as HostBinding128, Input as Input81, Output as Output37, ViewEncapsulation as ViewEncapsulation11, booleanAttribute as booleanAttribute27 } from "@angular/core";
+import { Component as Component82, EventEmitter as EventEmitter37, HostBinding as HostBinding128, Input as Input81, Output as Output37, ViewEncapsulation as ViewEncapsulation11, booleanAttribute as booleanAttribute37 } from "@angular/core";
 import * as i0183 from "@angular/core";
-import * as i216 from "@angular/router";
+import * as i215 from "@angular/router";
 import * as i64 from "@ngx-translate/core";
 var EclPaginationItemClickEvent = class extends EclBaseEvent {
 };
@@ -16605,7 +16594,7 @@ var EclPaginationItemComponent = class _EclPaginationItemComponent extends ECLBa
     this.ɵfac = i0183.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0183, type: _EclPaginationItemComponent, deps: [{ token: EclThemeService }], target: i0183.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0183.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclPaginationItemComponent, selector: "ecl-pagination-item", inputs: { label: "label", ariaLabel: "ariaLabel", pagesCount: "pagesCount", isCurrent: ["isCurrent", "isCurrent", booleanAttribute27], isNext: ["isNext", "isNext", booleanAttribute27], isPrevious: ["isPrevious", "isPrevious", booleanAttribute27], isTruncated: ["isTruncated", "isTruncated", booleanAttribute27], routerLink: "routerLink", queryParams: "queryParams", queryParamsHandling: "queryParamsHandling", href: "href" }, outputs: { pageClick: "pageClick" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "class.ecl-pagination__item--truncation": "this.isTruncated" } }, usesInheritance: true, ngImport: i0183, template: `@if (!isCurrent && !isTruncated) {
+    this.ɵcmp = i0183.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclPaginationItemComponent, selector: "ecl-pagination-item", inputs: { label: "label", ariaLabel: "ariaLabel", pagesCount: "pagesCount", isCurrent: ["isCurrent", "isCurrent", booleanAttribute37], isNext: ["isNext", "isNext", booleanAttribute37], isPrevious: ["isPrevious", "isPrevious", booleanAttribute37], isTruncated: ["isTruncated", "isTruncated", booleanAttribute37], routerLink: "routerLink", queryParams: "queryParams", queryParamsHandling: "queryParamsHandling", href: "href" }, outputs: { pageClick: "pageClick" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "class.ecl-pagination__item--truncation": "this.isTruncated" } }, usesInheritance: true, ngImport: i0183, template: `@if (!isCurrent && !isTruncated) {
     @if(routerLink && !isPrevOrNextVisible()){
         <a  eclLink (click)="onPageClick($event)" variant="standalone"
            attr.aria-label="{{ ariaLabel || geti18nPageAriaLabelKey() | translate: { pageNumber: label } }}"
@@ -16665,7 +16654,7 @@ var EclPaginationItemComponent = class _EclPaginationItemComponent extends ECLBa
             }
     </span>
 }
-`, dependencies: [{ kind: "directive", type: i216.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "directive", type: EclLinkLabelDirective, selector: "[eclLinkLabel]" }, { kind: "pipe", type: i64.TranslatePipe, name: "translate" }], encapsulation: i0183.ViewEncapsulation.None });
+`, dependencies: [{ kind: "directive", type: i215.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "directive", type: EclLinkLabelDirective, selector: "[eclLinkLabel]" }, { kind: "pipe", type: i64.TranslatePipe, name: "translate" }], encapsulation: i0183.ViewEncapsulation.None });
   }
 };
 i0183.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0183, type: EclPaginationItemComponent, decorators: [{
@@ -16745,16 +16734,16 @@ i0183.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   type: Input81
 }], isCurrent: [{
   type: Input81,
-  args: [{ transform: booleanAttribute27 }]
+  args: [{ transform: booleanAttribute37 }]
 }], isNext: [{
   type: Input81,
-  args: [{ transform: booleanAttribute27 }]
+  args: [{ transform: booleanAttribute37 }]
 }], isPrevious: [{
   type: Input81,
-  args: [{ transform: booleanAttribute27 }]
+  args: [{ transform: booleanAttribute37 }]
 }], isTruncated: [{
   type: Input81,
-  args: [{ transform: booleanAttribute27 }]
+  args: [{ transform: booleanAttribute37 }]
 }, {
   type: HostBinding128,
   args: ["class.ecl-pagination__item--truncation"]
@@ -17223,9 +17212,9 @@ i0189.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] });
 
 // lib/components/ecl-radio/ecl-radio-help.component.mjs
-import { __decorate as __decorate19 } from "tslib";
+import { __decorate as __decorate10 } from "tslib";
 import { Component as Component85, HostBinding as HostBinding133, Input as Input83 } from "@angular/core";
-import { coerceBoolean as coerceBoolean18 } from "@eui/base";
+import { coerceBoolean as coerceBoolean9 } from "@eui/base";
 import * as i0190 from "@angular/core";
 var EclRadioHelpComponent = class _EclRadioHelpComponent extends ECLBaseDirective {
   constructor() {
@@ -17242,8 +17231,8 @@ var EclRadioHelpComponent = class _EclRadioHelpComponent extends ECLBaseDirectiv
     this.ɵcmp = i0190.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclRadioHelpComponent, selector: "[eclRadioHelp]", inputs: { isDisabled: "isDisabled" }, host: { properties: { "class.ecl-radio__help--disabled": "this.isDisabled", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0190, template: "<ng-content></ng-content>\n" });
   }
 };
-__decorate19([
-  coerceBoolean18
+__decorate10([
+  coerceBoolean9
 ], EclRadioHelpComponent.prototype, "isDisabled", void 0);
 i0190.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0190, type: EclRadioHelpComponent, decorators: [{
   type: Component85,
@@ -17259,9 +17248,9 @@ i0190.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-radio/ecl-radio-label.component.mjs
-import { __decorate as __decorate20 } from "tslib";
+import { __decorate as __decorate11 } from "tslib";
 import { Component as Component86, HostBinding as HostBinding134, Input as Input84, ViewEncapsulation as ViewEncapsulation13 } from "@angular/core";
-import { coerceBoolean as coerceBoolean19 } from "@eui/base";
+import { coerceBoolean as coerceBoolean10 } from "@eui/base";
 import * as i0191 from "@angular/core";
 var EclRadioLabelComponent = class _EclRadioLabelComponent extends ECLBaseDirective {
   constructor() {
@@ -17279,11 +17268,11 @@ var EclRadioLabelComponent = class _EclRadioLabelComponent extends ECLBaseDirect
     this.ɵcmp = i0191.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclRadioLabelComponent, selector: "[eclRadioLabel]", inputs: { isInvalid: "isInvalid", isDisabled: "isDisabled" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0191, template: '<span class="ecl-radio__box" [class.ecl-radio__box--disabled]="isDisabled" [class.ecl-radio__box--invalid]="isInvalid">\n    <span class="ecl-radio__box-inner"></span>\n</span>\n\n<ng-content></ng-content>\n', encapsulation: i0191.ViewEncapsulation.None });
   }
 };
-__decorate20([
-  coerceBoolean19
+__decorate11([
+  coerceBoolean10
 ], EclRadioLabelComponent.prototype, "isInvalid", void 0);
-__decorate20([
-  coerceBoolean19
+__decorate11([
+  coerceBoolean10
 ], EclRadioLabelComponent.prototype, "isDisabled", void 0);
 i0191.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0191, type: EclRadioLabelComponent, decorators: [{
   type: Component86,
@@ -17298,9 +17287,9 @@ i0191.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-radio/ecl-radio.directive.mjs
-import { __decorate as __decorate21 } from "tslib";
+import { __decorate as __decorate12 } from "tslib";
 import { ContentChild as ContentChild24, Directive as Directive56, forwardRef as forwardRef50, HostBinding as HostBinding135, Input as Input85 } from "@angular/core";
-import { coerceBoolean as coerceBoolean20 } from "@eui/base";
+import { coerceBoolean as coerceBoolean11 } from "@eui/base";
 import * as i0192 from "@angular/core";
 var EclRadioDirective = class _EclRadioDirective extends ECLBaseDirective {
   constructor() {
@@ -17330,14 +17319,14 @@ var EclRadioDirective = class _EclRadioDirective extends ECLBaseDirective {
     this.ɵdir = i0192.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclRadioDirective, selector: "[eclRadio]", inputs: { isBinary: "isBinary", isDisabled: "isDisabled", isInvalid: "isInvalid" }, host: { properties: { "class.ecl-radio--disabled": "this.isDisabled", "class.ecl-radio--invalid": "this.isInvalid", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclRadioLabelComponent", first: true, predicate: i0192.forwardRef(() => EclRadioLabelComponent), descendants: true }, { propertyName: "eclRadioHelpComponent", first: true, predicate: i0192.forwardRef(() => EclRadioHelpComponent), descendants: true }], usesInheritance: true, ngImport: i0192 });
   }
 };
-__decorate21([
-  coerceBoolean20
+__decorate12([
+  coerceBoolean11
 ], EclRadioDirective.prototype, "isBinary", void 0);
-__decorate21([
-  coerceBoolean20
+__decorate12([
+  coerceBoolean11
 ], EclRadioDirective.prototype, "isDisabled", void 0);
-__decorate21([
-  coerceBoolean20
+__decorate12([
+  coerceBoolean11
 ], EclRadioDirective.prototype, "isInvalid", void 0);
 i0192.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0192, type: EclRadioDirective, decorators: [{
   type: Directive56,
@@ -17438,10 +17427,10 @@ i0194.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] });
 
 // lib/components/ecl-rating-field/ecl-rating-field.component.mjs
-import { __decorate as __decorate22 } from "tslib";
+import { __decorate as __decorate13 } from "tslib";
 import { Component as Component87, EventEmitter as EventEmitter40, forwardRef as forwardRef53, HostBinding as HostBinding137, Input as Input86, Output as Output40 } from "@angular/core";
 import { NG_VALUE_ACCESSOR as NG_VALUE_ACCESSOR6 } from "@angular/forms";
-import { coerceBoolean as coerceBoolean21, coerceNumber } from "@eui/base";
+import { coerceBoolean as coerceBoolean12, coerceNumber } from "@eui/base";
 import * as i0195 from "@angular/core";
 import * as i132 from "@angular/common";
 var EclRatingChangeEvent = class extends EclBaseEvent {
@@ -17500,14 +17489,14 @@ var EclRatingFieldComponent = class _EclRatingFieldComponent extends ECLBaseDire
     this.ɵcmp = i0195.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclRatingFieldComponent, selector: "ecl-rating-field", inputs: { name: "name", numberOfStars: "numberOfStars", rating: "rating", disabled: "disabled" }, outputs: { ratingChange: "ratingChange" }, host: { properties: { "attr.disabled": "this.disabled", "class": "this.cssClasses" } }, providers: [ECL_RATINGFIELD_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0195, template: '<ng-container *ngFor="let n of numbers">\n    <input\n        type="radio"\n        id="{{ name }}-{{ n }}"\n        [name]="name"\n        class="ecl-rating-field__input"\n        [value]="n"\n        required=""\n        [attr.checked]="rating === n ? true : undefined"\n        [attr.disabled]="disabled ? true : undefined"\n        (click)="onRadioClick(n)" />\n    <label class="ecl-rating-field__label" for="{{ name }}-{{ n }}">\n        <span class="ecl-u-sr-only">{{ n }} stars</span>\n        <ecl-icon icon="star-filled" class="ecl-rating-field__icon-filled" size="m"> </ecl-icon>\n        <ecl-icon icon="star-outline" class="ecl-rating-field__icon-outline" size="m"> </ecl-icon>\n    </label>\n</ng-container>\n', dependencies: [{ kind: "directive", type: i132.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }] });
   }
 };
-__decorate22([
+__decorate13([
   coerceNumber
 ], EclRatingFieldComponent.prototype, "numberOfStars", void 0);
-__decorate22([
+__decorate13([
   coerceNumber
 ], EclRatingFieldComponent.prototype, "rating", void 0);
-__decorate22([
-  coerceBoolean21
+__decorate13([
+  coerceBoolean12
 ], EclRatingFieldComponent.prototype, "disabled", void 0);
 i0195.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0195, type: EclRatingFieldComponent, decorators: [{
   type: Component87,
@@ -17591,9 +17580,9 @@ i0197.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-range/ecl-range.directive.mjs
-import { __decorate as __decorate23 } from "tslib";
+import { __decorate as __decorate14 } from "tslib";
 import { Directive as Directive58, EventEmitter as EventEmitter41, HostBinding as HostBinding139, HostListener as HostListener21, Input as Input88, Optional as Optional7, Output as Output41, Self as Self5 } from "@angular/core";
-import { coerceBoolean as coerceBoolean22 } from "@eui/base";
+import { coerceBoolean as coerceBoolean13 } from "@eui/base";
 import { distinctUntilChanged } from "rxjs";
 import * as i0198 from "@angular/core";
 import * as i134 from "@angular/forms";
@@ -17651,8 +17640,8 @@ var EclRangeDirective = class _EclRangeDirective extends ECLBaseDirective {
     this.ɵdir = i0198.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclRangeDirective, selector: "input[eclRange]", inputs: { eclSize: "eclSize", value: "value", hasValueLabel: "hasValueLabel" }, outputs: { rangeChange: "rangeChange" }, host: { listeners: { "input": "onInput($event)" }, properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0198 });
   }
 };
-__decorate23([
-  coerceBoolean22
+__decorate14([
+  coerceBoolean13
 ], EclRangeDirective.prototype, "hasValueLabel", void 0);
 i0198.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0198, type: EclRangeDirective, decorators: [{
   type: Directive58,
@@ -17743,9 +17732,9 @@ i0200.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-select/ecl-select.directive.mjs
-import { __decorate as __decorate24 } from "tslib";
+import { __decorate as __decorate15 } from "tslib";
 import { Directive as Directive59, HostBinding as HostBinding141, Input as Input90, Optional as Optional8, Self as Self6 } from "@angular/core";
-import { coerceBoolean as coerceBoolean23 } from "@eui/base";
+import { coerceBoolean as coerceBoolean14 } from "@eui/base";
 import * as i0201 from "@angular/core";
 import * as i135 from "@angular/forms";
 var EclSelectDirective = class _EclSelectDirective extends ECLBaseDirective {
@@ -17795,11 +17784,11 @@ var EclSelectDirective = class _EclSelectDirective extends ECLBaseDirective {
     this.ɵdir = i0201.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclSelectDirective, selector: "select[eclSelect]", inputs: { disabled: "disabled", isInvalid: "isInvalid", eclSize: "eclSize" }, host: { properties: { "attr.disabled": "this.isDisabled", "class": "this.cssClasses", "class.ecl-select--invalid": "this.isInvalidState" } }, usesInheritance: true, ngImport: i0201 });
   }
 };
-__decorate24([
-  coerceBoolean23
+__decorate15([
+  coerceBoolean14
 ], EclSelectDirective.prototype, "disabled", void 0);
-__decorate24([
-  coerceBoolean23
+__decorate15([
+  coerceBoolean14
 ], EclSelectDirective.prototype, "isInvalid", void 0);
 i0201.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0201, type: EclSelectDirective, decorators: [{
   type: Directive59,
@@ -17856,7 +17845,7 @@ i0202.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] });
 
 // lib/components/ecl-social-media-follow/ecl-social-media-follow.component.mjs
-import { Component as Component90, HostBinding as HostBinding142, Input as Input91, booleanAttribute as booleanAttribute28 } from "@angular/core";
+import { Component as Component90, HostBinding as HostBinding142, Input as Input91, booleanAttribute as booleanAttribute38 } from "@angular/core";
 import * as i0203 from "@angular/core";
 import * as i136 from "@angular/common";
 var EclSocialMediaFollowComponent = class _EclSocialMediaFollowComponent extends ECLBaseDirective {
@@ -17871,7 +17860,7 @@ var EclSocialMediaFollowComponent = class _EclSocialMediaFollowComponent extends
     this.ɵfac = i0203.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0203, type: _EclSocialMediaFollowComponent, deps: null, target: i0203.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0203.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclSocialMediaFollowComponent, selector: "ecl-social-media-follow", inputs: { description: "description", isVertical: ["isVertical", "isVertical", booleanAttribute28] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0203, template: '<p *ngIf="description" class="ecl-social-media-follow__description">{{ description }}</p>\n<ul class="ecl-social-media-follow__list">\n    <ng-content></ng-content>\n</ul>\n', styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i136.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    this.ɵcmp = i0203.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclSocialMediaFollowComponent, selector: "ecl-social-media-follow", inputs: { description: "description", isVertical: ["isVertical", "isVertical", booleanAttribute38] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0203, template: '<p *ngIf="description" class="ecl-social-media-follow__description">{{ description }}</p>\n<ul class="ecl-social-media-follow__list">\n    <ng-content></ng-content>\n</ul>\n', styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i136.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
   }
 };
 i0203.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0203, type: EclSocialMediaFollowComponent, decorators: [{
@@ -17881,7 +17870,7 @@ i0203.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   type: Input91
 }], isVertical: [{
   type: Input91,
-  args: [{ transform: booleanAttribute28 }]
+  args: [{ transform: booleanAttribute38 }]
 }], cssClasses: [{
   type: HostBinding142,
   args: ["class"]
@@ -17891,7 +17880,7 @@ i0203.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 import { Component as Component91, EventEmitter as EventEmitter42, HostBinding as HostBinding143, Input as Input92, Output as Output42 } from "@angular/core";
 import * as i0204 from "@angular/core";
 import * as i137 from "@angular/common";
-import * as i217 from "@angular/router";
+import * as i216 from "@angular/router";
 var EclSocialMediaFollowItemClickEvent = class extends EclBaseEvent {
 };
 var EclSocialMediaFollowItemComponent = class _EclSocialMediaFollowItemComponent extends ECLBaseDirective {
@@ -17917,7 +17906,7 @@ var EclSocialMediaFollowItemComponent = class _EclSocialMediaFollowItemComponent
     this.ɵfac = i0204.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0204, type: _EclSocialMediaFollowItemComponent, deps: null, target: i0204.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0204.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclSocialMediaFollowItemComponent, selector: "ecl-social-media-follow-item", inputs: { icon: "icon", iconSet: "iconSet", href: "href", routerLink: "routerLink", target: "target", size: "size" }, outputs: { itemClick: "itemClick" }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0204, template: '@if(href) {\n<a eclLink (click)="onItemClick($event)" variant="standalone" [href]="href" [attr.target]="target"\n    class="ecl-social-media-follow__link">\n    @if(icon) {\n    <ecl-icon [iconSet]="iconSet" icon="{{ icon }}" [size]="size" class="ecl-social-media-follow__icon"> </ecl-icon>\n    }\n    <span eclLinkLabel>\n        <ng-container *ngTemplateOutlet="content"></ng-container>\n    </span>\n</a>\n}\n\n@if(!href && routerLink) {\n<a eclLink (click)="onItemClick($event)" variant="standalone" [routerLink]="routerLink" [attr.target]="target"\n    class="ecl-social-media-follow__link">\n    @if(icon) {\n    <ecl-icon [iconSet]="iconSet" icon="{{ icon }}" [size]="size" class="ecl-social-media-follow__icon"> </ecl-icon>\n    }\n    <span eclLinkLabel>\n        <ng-container *ngTemplateOutlet="content"></ng-container>\n    </span>\n</a>\n}\n\n@if(!href && !routerLink) {\n<ng-container *ngTemplateOutlet="content"></ng-container>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>', dependencies: [{ kind: "directive", type: i137.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i217.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "directive", type: EclLinkLabelDirective, selector: "[eclLinkLabel]" }] });
+    this.ɵcmp = i0204.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclSocialMediaFollowItemComponent, selector: "ecl-social-media-follow-item", inputs: { icon: "icon", iconSet: "iconSet", href: "href", routerLink: "routerLink", target: "target", size: "size" }, outputs: { itemClick: "itemClick" }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0204, template: '@if(href) {\n<a eclLink (click)="onItemClick($event)" variant="standalone" [href]="href" [attr.target]="target"\n    class="ecl-social-media-follow__link">\n    @if(icon) {\n    <ecl-icon [iconSet]="iconSet" icon="{{ icon }}" [size]="size" class="ecl-social-media-follow__icon"> </ecl-icon>\n    }\n    <span eclLinkLabel>\n        <ng-container *ngTemplateOutlet="content"></ng-container>\n    </span>\n</a>\n}\n\n@if(!href && routerLink) {\n<a eclLink (click)="onItemClick($event)" variant="standalone" [routerLink]="routerLink" [attr.target]="target"\n    class="ecl-social-media-follow__link">\n    @if(icon) {\n    <ecl-icon [iconSet]="iconSet" icon="{{ icon }}" [size]="size" class="ecl-social-media-follow__icon"> </ecl-icon>\n    }\n    <span eclLinkLabel>\n        <ng-container *ngTemplateOutlet="content"></ng-container>\n    </span>\n</a>\n}\n\n@if(!href && !routerLink) {\n<ng-container *ngTemplateOutlet="content"></ng-container>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>', dependencies: [{ kind: "directive", type: i137.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i216.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "directive", type: EclLinkLabelDirective, selector: "[eclLinkLabel]" }] });
   }
 };
 i0204.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0204, type: EclSocialMediaFollowItemComponent, decorators: [{
@@ -18004,9 +17993,9 @@ i0206.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] });
 
 // lib/components/ecl-social-media-share/ecl-social-media-share.component.mjs
-import { __decorate as __decorate25 } from "tslib";
+import { __decorate as __decorate16 } from "tslib";
 import { Component as Component92, HostBinding as HostBinding145, Input as Input93 } from "@angular/core";
-import { coerceBoolean as coerceBoolean24 } from "@eui/base";
+import { coerceBoolean as coerceBoolean15 } from "@eui/base";
 import * as i0207 from "@angular/core";
 var EclSocialMediaShareComponent = class _EclSocialMediaShareComponent extends ECLBaseDirective {
   constructor() {
@@ -18023,8 +18012,8 @@ var EclSocialMediaShareComponent = class _EclSocialMediaShareComponent extends E
     this.ɵcmp = i0207.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclSocialMediaShareComponent, selector: "ecl-social-media-share", inputs: { description: "description", isVertical: "isVertical" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0207, template: '<p class="ecl-social-media-share__description">{{ description }}</p>\n<ul class="ecl-social-media-share__list">\n    <ng-content></ng-content>\n</ul>\n', styles: [":host{display:block}\n"] });
   }
 };
-__decorate25([
-  coerceBoolean24
+__decorate16([
+  coerceBoolean15
 ], EclSocialMediaShareComponent.prototype, "isVertical", void 0);
 i0207.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0207, type: EclSocialMediaShareComponent, decorators: [{
   type: Component92,
@@ -18150,7 +18139,7 @@ i0210.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] });
 
 // lib/components/ecl-loading-indicator/ecl-loading-indicator.component.mjs
-import { Component as Component94, HostBinding as HostBinding148, Input as Input95, booleanAttribute as booleanAttribute29 } from "@angular/core";
+import { Component as Component94, HostBinding as HostBinding148, Input as Input95, booleanAttribute as booleanAttribute39 } from "@angular/core";
 import * as i0211 from "@angular/core";
 var EclLoadingIndicatorComponent = class _EclLoadingIndicatorComponent extends ECLBaseDirective {
   constructor() {
@@ -18173,7 +18162,7 @@ var EclLoadingIndicatorComponent = class _EclLoadingIndicatorComponent extends E
     this.ɵfac = i0211.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0211, type: _EclLoadingIndicatorComponent, deps: null, target: i0211.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0211.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclLoadingIndicatorComponent, selector: "ecl-loading-indicator", inputs: { size: "size", variant: "variant", isCentered: ["isCentered", "isCentered", booleanAttribute29], isVisible: ["isVisible", "isVisible", booleanAttribute29] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0211, template: '<svg class="ecl-spinner__loader" viewBox="25 25 50 50">\n    <circle\n        class="ecl-spinner__circle"\n        cx="50"\n        cy="50"\n        r="20"\n        fill="none"\n        stroke-width="4px"\n        stroke-miterlimit="10"\n        vector-effect="non-scaling-stroke"></circle>\n</svg>\n<ng-content></ng-content>\n' });
+    this.ɵcmp = i0211.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclLoadingIndicatorComponent, selector: "ecl-loading-indicator", inputs: { size: "size", variant: "variant", isCentered: ["isCentered", "isCentered", booleanAttribute39], isVisible: ["isVisible", "isVisible", booleanAttribute39] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0211, template: '<svg class="ecl-spinner__loader" viewBox="25 25 50 50">\n    <circle\n        class="ecl-spinner__circle"\n        cx="50"\n        cy="50"\n        r="20"\n        fill="none"\n        stroke-width="4px"\n        stroke-miterlimit="10"\n        vector-effect="non-scaling-stroke"></circle>\n</svg>\n<ng-content></ng-content>\n' });
   }
 };
 i0211.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0211, type: EclLoadingIndicatorComponent, decorators: [{
@@ -18188,10 +18177,10 @@ i0211.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   type: Input95
 }], isCentered: [{
   type: Input95,
-  args: [{ transform: booleanAttribute29 }]
+  args: [{ transform: booleanAttribute39 }]
 }], isVisible: [{
   type: Input95,
-  args: [{ transform: booleanAttribute29 }]
+  args: [{ transform: booleanAttribute39 }]
 }] } });
 
 // lib/components/ecl-loading-indicator/ecl-loading-indicator-label.directive.mjs
@@ -18270,7 +18259,7 @@ i0214.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 // lib/components/ecl-table/ecl-table-sort-button.component.mjs
 import { Component as Component95, HostBinding as HostBinding151 } from "@angular/core";
 import * as i0215 from "@angular/core";
-import * as i35 from "@angular/common";
+import * as i34 from "@angular/common";
 var EclTableSortButtonComponent = class _EclTableSortButtonComponent extends ECLBaseDirective {
   constructor(eclThemeService) {
     super();
@@ -18286,7 +18275,7 @@ var EclTableSortButtonComponent = class _EclTableSortButtonComponent extends ECL
   static {
     this.ɵcmp = i0215.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclTableSortButtonComponent, selector: "button[eclTableSortButton]", host: { properties: { "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0215, template: `<ecl-icon icon="solid-arrow" class="ecl-table__icon ecl-table__icon-up" [size]="(eclThemeService.isEC$ | async) ? 'xs' : 'm'"> </ecl-icon>
 <ecl-icon icon="solid-arrow" class="ecl-table__icon ecl-table__icon-down" [size]="(eclThemeService.isEC$ | async) ? 'xs' : 'm'"> </ecl-icon>
-`, dependencies: [{ kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "pipe", type: i35.AsyncPipe, name: "async" }] });
+`, dependencies: [{ kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "pipe", type: i34.AsyncPipe, name: "async" }] });
   }
 };
 i0215.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0215, type: EclTableSortButtonComponent, decorators: [{
@@ -18303,7 +18292,7 @@ i0215.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-table/ecl-table.directive.mjs
-import { ContentChildren as ContentChildren26, Directive as Directive64, EventEmitter as EventEmitter44, forwardRef as forwardRef54, HostBinding as HostBinding152, HostListener as HostListener22, Input as Input96, Output as Output44, booleanAttribute as booleanAttribute30 } from "@angular/core";
+import { ContentChildren as ContentChildren26, Directive as Directive64, EventEmitter as EventEmitter44, forwardRef as forwardRef54, HostBinding as HostBinding152, HostListener as HostListener22, Input as Input96, Output as Output44, booleanAttribute as booleanAttribute40 } from "@angular/core";
 import { Subject as Subject27 } from "rxjs";
 import { takeUntil as takeUntil24 } from "rxjs/operators";
 import * as i0216 from "@angular/core";
@@ -18349,7 +18338,7 @@ var EclTableDirective = class _EclTableDirective extends ECLBaseDirective {
     this.ɵfac = i0216.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0216, type: _EclTableDirective, deps: [{ token: i0216.IterableDiffers }], target: i0216.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i0216.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclTableDirective, selector: "[eclTable]", inputs: { isZebra: ["isZebra", "isZebra", booleanAttribute30] }, outputs: { sort: "sort" }, host: { properties: { "class.ecl-table--zebra": "this.isZebra", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclTableHeaders", predicate: i0216.forwardRef(() => EclTableHeaderDirective), descendants: true }], usesInheritance: true, ngImport: i0216 });
+    this.ɵdir = i0216.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclTableDirective, selector: "[eclTable]", inputs: { isZebra: ["isZebra", "isZebra", booleanAttribute40] }, outputs: { sort: "sort" }, host: { properties: { "class.ecl-table--zebra": "this.isZebra", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclTableHeaders", predicate: i0216.forwardRef(() => EclTableHeaderDirective), descendants: true }], usesInheritance: true, ngImport: i0216 });
   }
 };
 i0216.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0216, type: EclTableDirective, decorators: [{
@@ -18359,7 +18348,7 @@ i0216.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   }]
 }], ctorParameters: () => [{ type: i0216.IterableDiffers }], propDecorators: { isZebra: [{
   type: Input96,
-  args: [{ transform: booleanAttribute30 }]
+  args: [{ transform: booleanAttribute40 }]
 }, {
   type: HostBinding152,
   args: ["class.ecl-table--zebra"]
@@ -18695,7 +18684,7 @@ i0218.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }], ctorParameters: () => [{ type: i0218.ElementRef }] });
 
 // lib/components/ecl-tabs/ecl-tab.component.mjs
-import { Component as Component97, ContentChild as ContentChild27, EventEmitter as EventEmitter45, HostBinding as HostBinding153, Input as Input97, Output as Output45, ViewChild as ViewChild16, booleanAttribute as booleanAttribute31 } from "@angular/core";
+import { Component as Component97, ContentChild as ContentChild27, EventEmitter as EventEmitter45, HostBinding as HostBinding153, Input as Input97, Output as Output45, ViewChild as ViewChild16, booleanAttribute as booleanAttribute41 } from "@angular/core";
 import * as i0219 from "@angular/core";
 var EclTabSelectEvent = class extends EclBaseEvent {
   constructor(tab) {
@@ -18749,7 +18738,7 @@ var EclTabComponent = class _EclTabComponent extends ECLBaseDirective {
     this.ɵfac = i0219.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0219, type: _EclTabComponent, deps: [{ token: i0219.ElementRef }], target: i0219.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0219.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclTabComponent, selector: "ecl-tab, [eclTab]", inputs: { id: "id", isHidden: ["isHidden", "isHidden", booleanAttribute31], isActive: ["isActive", "isActive", booleanAttribute31] }, outputs: { selectTab: "selectTab", keydownTab: "keydownTab" }, host: { properties: { "class.ecl-tabs__item--hidden": "this.isHidden", "class": "this.cssClasses" } }, queries: [{ propertyName: "label", first: true, predicate: EclTabLabelComponent, descendants: true }], viewQueries: [{ propertyName: "contentTemplate", first: true, predicate: ["content"], descendants: true }, { propertyName: "link", first: true, predicate: EclLinkDirective, descendants: true }], usesInheritance: true, ngImport: i0219, template: '<a\n    eclLink\n    role="tab"\n    class="ecl-tabs__link"\n    [class.ecl-tabs__link--active]="isActive"\n    [attr.aria-selected]="isActive"\n    tabindex="0"\n    (keydown)="onKeydown($event)"\n    (click)="onTabClick()">\n    <ng-content select="ecl-tab-label"></ng-content>\n</a>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n', dependencies: [{ kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }] });
+    this.ɵcmp = i0219.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclTabComponent, selector: "ecl-tab, [eclTab]", inputs: { id: "id", isHidden: ["isHidden", "isHidden", booleanAttribute41], isActive: ["isActive", "isActive", booleanAttribute41] }, outputs: { selectTab: "selectTab", keydownTab: "keydownTab" }, host: { properties: { "class.ecl-tabs__item--hidden": "this.isHidden", "class": "this.cssClasses" } }, queries: [{ propertyName: "label", first: true, predicate: EclTabLabelComponent, descendants: true }], viewQueries: [{ propertyName: "contentTemplate", first: true, predicate: ["content"], descendants: true }, { propertyName: "link", first: true, predicate: EclLinkDirective, descendants: true }], usesInheritance: true, ngImport: i0219, template: '<a\n    eclLink\n    role="tab"\n    class="ecl-tabs__link"\n    [class.ecl-tabs__link--active]="isActive"\n    [attr.aria-selected]="isActive"\n    tabindex="0"\n    (keydown)="onKeydown($event)"\n    (click)="onTabClick()">\n    <ng-content select="ecl-tab-label"></ng-content>\n</a>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n', dependencies: [{ kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }] });
   }
 };
 i0219.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0219, type: EclTabComponent, decorators: [{
@@ -18759,13 +18748,13 @@ i0219.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   type: Input97
 }], isHidden: [{
   type: Input97,
-  args: [{ transform: booleanAttribute31 }]
+  args: [{ transform: booleanAttribute41 }]
 }, {
   type: HostBinding153,
   args: ["class.ecl-tabs__item--hidden"]
 }], isActive: [{
   type: Input97,
-  args: [{ transform: booleanAttribute31 }]
+  args: [{ transform: booleanAttribute41 }]
 }], selectTab: [{
   type: Output45
 }], keydownTab: [{
@@ -18785,7 +18774,7 @@ i0219.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-tabs/ecl-tab-more.component.mjs
-import { Component as Component98, HostBinding as HostBinding154, Input as Input98, booleanAttribute as booleanAttribute32 } from "@angular/core";
+import { Component as Component98, HostBinding as HostBinding154, Input as Input98, booleanAttribute as booleanAttribute42 } from "@angular/core";
 import * as i0220 from "@angular/core";
 var EclTabMoreComponent = class _EclTabMoreComponent extends ECLBaseDirective {
   constructor() {
@@ -18799,7 +18788,7 @@ var EclTabMoreComponent = class _EclTabMoreComponent extends ECLBaseDirective {
     this.ɵfac = i0220.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0220, type: _EclTabMoreComponent, deps: null, target: i0220.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0220.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclTabMoreComponent, selector: "ecl-tab-more", inputs: { isHidden: ["isHidden", "isHidden", booleanAttribute32] }, host: { properties: { "class.ecl-tabs__item--hidden": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0220, template: "<ng-content></ng-content>\n" });
+    this.ɵcmp = i0220.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EclTabMoreComponent, selector: "ecl-tab-more", inputs: { isHidden: ["isHidden", "isHidden", booleanAttribute42] }, host: { properties: { "class.ecl-tabs__item--hidden": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0220, template: "<ng-content></ng-content>\n" });
   }
 };
 i0220.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0220, type: EclTabMoreComponent, decorators: [{
@@ -18807,7 +18796,7 @@ i0220.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   args: [{ selector: "ecl-tab-more", template: "<ng-content></ng-content>\n" }]
 }], propDecorators: { isHidden: [{
   type: Input98,
-  args: [{ transform: booleanAttribute32 }]
+  args: [{ transform: booleanAttribute42 }]
 }, {
   type: HostBinding154,
   args: ["class.ecl-tabs__item--hidden"]
@@ -18822,7 +18811,7 @@ import { of as of4, Subject as Subject28 } from "rxjs";
 import { mergeWith as mergeWith3, takeUntil as takeUntil25 } from "rxjs/operators";
 import * as i0221 from "@angular/core";
 import * as i139 from "@angular/cdk/layout";
-import * as i36 from "@angular/common";
+import * as i35 from "@angular/common";
 import * as i10 from "@ngx-translate/core";
 var ShiftDirection;
 (function(ShiftDirection2) {
@@ -19303,7 +19292,7 @@ var EclTabsComponent = class _EclTabsComponent extends ECLBaseDirective {
     <div class="{{ bodyClass }}" *ngIf="tab.isActive">
         <ng-container *ngTemplateOutlet="tab.contentTemplate"></ng-container>
     </div>
-}`, dependencies: [{ kind: "directive", type: i36.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i36.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i36.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "component", type: EclTabComponent, selector: "ecl-tab, [eclTab]", inputs: ["id", "isHidden", "isActive"], outputs: ["selectTab", "keydownTab"] }, { kind: "component", type: EclTabLabelComponent, selector: "ecl-tab-label" }, { kind: "component", type: EclTabMoreComponent, selector: "ecl-tab-more", inputs: ["isHidden"] }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }], encapsulation: i0221.ViewEncapsulation.None });
+}`, dependencies: [{ kind: "directive", type: i35.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i35.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i35.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "component", type: EclTabComponent, selector: "ecl-tab, [eclTab]", inputs: ["id", "isHidden", "isActive"], outputs: ["selectTab", "keydownTab"] }, { kind: "component", type: EclTabLabelComponent, selector: "ecl-tab-label" }, { kind: "component", type: EclTabMoreComponent, selector: "ecl-tab-more", inputs: ["isHidden"] }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }], encapsulation: i0221.ViewEncapsulation.None });
   }
 };
 i0221.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0221, type: EclTabsComponent, decorators: [{
@@ -19457,9 +19446,9 @@ i0222.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] });
 
 // lib/components/ecl-tag/ecl-tag.component.mjs
-import { Component as Component100, Input as Input100, HostBinding as HostBinding155, Output as Output47, EventEmitter as EventEmitter47, booleanAttribute as booleanAttribute33 } from "@angular/core";
+import { Component as Component100, Input as Input100, HostBinding as HostBinding155, Output as Output47, EventEmitter as EventEmitter47, booleanAttribute as booleanAttribute43 } from "@angular/core";
 import * as i0223 from "@angular/core";
-import * as i218 from "@angular/common";
+import * as i217 from "@angular/common";
 var EclTagRemoveEvent = class extends EclBaseEvent {
 };
 var EclTagComponent = class _EclTagComponent extends ECLBaseDirective {
@@ -19494,7 +19483,7 @@ var EclTagComponent = class _EclTagComponent extends ECLBaseDirective {
     this.ɵfac = i0223.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0223, type: _EclTagComponent, deps: null, target: i0223.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0223.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclTagComponent, selector: "ecl-tag, [eclTag]", inputs: { variant: "variant", isWrapped: ["isWrapped", "isWrapped", booleanAttribute33] }, outputs: { remove: "remove" }, host: { properties: { "attr.hidden": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0223, template: '<ng-content></ng-content>\n@if(isRemovable) {\n    <span class="ecl-tag__icon" (click)="onRemoveClick($event)">\n    <ecl-icon icon="close-outline" class="ecl-tag__icon-close" role="img">\n        <title>{{title | titlecase}}</title>\n    </ecl-icon>\n</span>\n}\n', dependencies: [{ kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "pipe", type: i218.TitleCasePipe, name: "titlecase" }] });
+    this.ɵcmp = i0223.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: _EclTagComponent, selector: "ecl-tag, [eclTag]", inputs: { variant: "variant", isWrapped: ["isWrapped", "isWrapped", booleanAttribute43] }, outputs: { remove: "remove" }, host: { properties: { "attr.hidden": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0223, template: '<ng-content></ng-content>\n@if(isRemovable) {\n    <span class="ecl-tag__icon" (click)="onRemoveClick($event)">\n    <ecl-icon icon="close-outline" class="ecl-tag__icon-close" role="img">\n        <title>{{title | titlecase}}</title>\n    </ecl-icon>\n</span>\n}\n', dependencies: [{ kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "pipe", type: i217.TitleCasePipe, name: "titlecase" }] });
   }
 };
 i0223.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0223, type: EclTagComponent, decorators: [{
@@ -19504,7 +19493,7 @@ i0223.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
   type: Input100
 }], isWrapped: [{
   type: Input100,
-  args: [{ transform: booleanAttribute33 }]
+  args: [{ transform: booleanAttribute43 }]
 }], remove: [{
   type: Output47
 }], isHidden: [{
@@ -19564,9 +19553,9 @@ i0225.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] });
 
 // lib/components/ecl-text-area/ecl-text-area.directive.mjs
-import { __decorate as __decorate26 } from "tslib";
+import { __decorate as __decorate17 } from "tslib";
 import { Directive as Directive66, HostBinding as HostBinding157, Input as Input101, Optional as Optional9, Self as Self7 } from "@angular/core";
-import { coerceBoolean as coerceBoolean25 } from "@eui/base";
+import { coerceBoolean as coerceBoolean16 } from "@eui/base";
 import * as i0226 from "@angular/core";
 import * as i140 from "@angular/forms";
 var EclTextAreaDirective = class _EclTextAreaDirective extends ECLBaseDirective {
@@ -19593,8 +19582,8 @@ var EclTextAreaDirective = class _EclTextAreaDirective extends ECLBaseDirective
     this.ɵdir = i0226.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: _EclTextAreaDirective, selector: "textarea[eclTextArea]", inputs: { eclSize: "eclSize", isInvalid: "isInvalid" }, host: { properties: { "class": "this.cssClasses", "class.ecl-text-area--invalid": "this.invalidState" } }, usesInheritance: true, ngImport: i0226 });
   }
 };
-__decorate26([
-  coerceBoolean25
+__decorate17([
+  coerceBoolean16
 ], EclTextAreaDirective.prototype, "isInvalid", void 0);
 i0226.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0226, type: EclTextAreaDirective, decorators: [{
   type: Directive66,
@@ -19718,14 +19707,14 @@ i0230.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4
 }] } });
 
 // lib/components/ecl-timeline/ecl-timeline-item.component.mjs
-import { __decorate as __decorate27 } from "tslib";
+import { __decorate as __decorate18 } from "tslib";
 import { Component as Component102, Input as Input102, HostBinding as HostBinding160, ViewEncapsulation as ViewEncapsulation17, Output as Output49, EventEmitter as EventEmitter49, ContentChild as ContentChild28, forwardRef as forwardRef58 } from "@angular/core";
-import { coerceBoolean as coerceBoolean26 } from "@eui/base";
+import { coerceBoolean as coerceBoolean17 } from "@eui/base";
 import { Subject as Subject29 } from "rxjs";
 import { takeUntil as takeUntil26 } from "rxjs/operators";
 import * as i0231 from "@angular/core";
 import * as i141 from "@angular/common";
-import * as i55 from "@ngx-translate/core";
+import * as i56 from "@ngx-translate/core";
 var EclTimelineItemToggleEvent = class extends EclBaseEvent {
   constructor(isExpanded, toggleGroup) {
     super();
@@ -19817,11 +19806,11 @@ var EclTimelineItemComponent = class _EclTimelineItemComponent extends ECLBaseDi
 
 <ng-template #content>
     <ng-content></ng-content>
-</ng-template>`, styles: ["ecl-timeline-item{display:list-item}\n"], dependencies: [{ kind: "directive", type: i141.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i141.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "pipe", type: i55.TranslatePipe, name: "translate" }], encapsulation: i0231.ViewEncapsulation.None });
+</ng-template>`, styles: ["ecl-timeline-item{display:list-item}\n"], dependencies: [{ kind: "directive", type: i141.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i141.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "pipe", type: i56.TranslatePipe, name: "translate" }], encapsulation: i0231.ViewEncapsulation.None });
   }
 };
-__decorate27([
-  coerceBoolean26
+__decorate18([
+  coerceBoolean17
 ], EclTimelineItemComponent.prototype, "isTogglerExpanded", void 0);
 i0231.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0231, type: EclTimelineItemComponent, decorators: [{
   type: Component102,
@@ -20522,7 +20511,6 @@ export {
   EclSiteFooterListDirective,
   EclSiteFooterListItemDirective,
   EclSiteFooterLogoDirective,
-  EclSiteFooterLogoImageDesktopDirective,
   EclSiteFooterLogoImageDirective,
   EclSiteFooterLogoItemDirective,
   EclSiteFooterLogoLinkDirective,