@eui/ecl 18.0.0-next.18 → 18.0.0-next.19

package/fesm2022/eui-ecl.mjs

@@ -6411,9 +6411,46 @@ i090.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
   }]
 }] });
 
-// lib/components/ecl-media-container/ecl-media-container-iframe.directive.mjs
-import { Directive as Directive23, HostBinding as HostBinding61, Input as Input33 } from "@angular/core";
+// lib/components/ecl-media-container/ecl-media-container.component.mjs
+import { Component as Component41, ContentChild as ContentChild12, HostBinding as HostBinding61, Input as Input33, booleanAttribute as booleanAttribute11 } from "@angular/core";
 import * as i091 from "@angular/core";
+var EclMediaContainerComponent = class _EclMediaContainerComponent extends ECLBaseDirective {
+  constructor() {
+    super(...arguments);
+    this.isFullWidth = false;
+  }
+  get cssClasses() {
+    return [super.getCssClasses("ecl-media-container")].join(" ").trim();
+  }
+  ngAfterContentInit() {
+    if (this.expandable) {
+      this.expandable.class = [this.expandable.class, "ecl-media-container__expandable"].join(" ");
+    }
+  }
+  static {
+    this.ɵfac = i091.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i091, type: _EclMediaContainerComponent, deps: null, target: i091.ɵɵFactoryTarget.Component });
+  }
+  static {
+    this.ɵcmp = i091.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", 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: i091, 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' });
+  }
+};
+i091.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i091, type: EclMediaContainerComponent, decorators: [{
+  type: Component41,
+  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' }]
+}], propDecorators: { isFullWidth: [{
+  type: Input33,
+  args: [{ transform: booleanAttribute11 }]
+}], expandable: [{
+  type: ContentChild12,
+  args: [EclExpandableComponent]
+}], cssClasses: [{
+  type: HostBinding61,
+  args: ["class"]
+}] } });
+
+// lib/components/ecl-media-container/ecl-media-container-iframe.directive.mjs
+import { Directive as Directive23, HostBinding as HostBinding62, Input as Input34 } from "@angular/core";
+import * as i092 from "@angular/core";
 var EclMediaContainerIframeDirective = class _EclMediaContainerIframeDirective extends ECLBaseDirective {
   get ratio() {
     return this.hasCustomRatio ? this.calculateCustomRatio() : null;
@@ -6433,150 +6470,82 @@ var EclMediaContainerIframeDirective = class _EclMediaContainerIframeDirective e
     return `${iframeWidth}/${iframeHeight}`;
   }
   static {
-    this.ɵfac = i091.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i091, type: _EclMediaContainerIframeDirective, deps: [{ token: i091.ElementRef }], target: i091.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i092.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i092, type: _EclMediaContainerIframeDirective, deps: [{ token: i092.ElementRef }], target: i092.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i091.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclMediaContainerIframeDirective, selector: "iframe[eclMediaContainerIframe]", inputs: { width: "width", height: "height", ratio: "ratio" }, host: { properties: { "style.aspect-ratio": "this.ratio" } }, usesInheritance: true, ngImport: i091 });
+    this.ɵdir = i092.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclMediaContainerIframeDirective, selector: "iframe[eclMediaContainerIframe]", inputs: { width: "width", height: "height", ratio: "ratio" }, host: { properties: { "style.aspect-ratio": "this.ratio" } }, usesInheritance: true, ngImport: i092 });
   }
 };
-i091.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i091, type: EclMediaContainerIframeDirective, decorators: [{
+i092.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i092, type: EclMediaContainerIframeDirective, decorators: [{
   type: Directive23,
   args: [{
     selector: "iframe[eclMediaContainerIframe]"
   }]
-}], ctorParameters: () => [{ type: i091.ElementRef }], propDecorators: { width: [{
-  type: Input33
+}], ctorParameters: () => [{ type: i092.ElementRef }], propDecorators: { width: [{
+  type: Input34
 }], height: [{
-  type: Input33
+  type: Input34
 }], ratio: [{
-  type: Input33
+  type: Input34
 }, {
-  type: HostBinding61,
+  type: HostBinding62,
   args: ["style.aspect-ratio"]
 }] } });
 
 // lib/components/ecl-media-container/ecl-media-container-item.directive.mjs
-import { ContentChild as ContentChild12, Directive as Directive24, HostBinding as HostBinding62, Input as Input34 } from "@angular/core";
-import * as i092 from "@angular/core";
+import { ContentChild as ContentChild13, Directive as Directive24, HostBinding as HostBinding63, Input as Input35 } from "@angular/core";
+import * as i093 from "@angular/core";
 var EclMediaContainerItemDirective = class _EclMediaContainerItemDirective extends ECLBaseDirective {
   get cssClasses() {
     return [super.getCssClasses("ecl-media-container__media"), this.ratio ? `ecl-media-container__media--ratio-${this.ratio}` : ""].join(" ").trim();
   }
-  constructor(el) {
-    super();
-    this.el = el;
-  }
   ngAfterContentInit() {
     if (this.contentIframe) {
       this.contentIframe.hasCustomRatio = this.ratio ? false : true;
     }
   }
-  /**
-   * @deprecated
-   * This method is deprecated and will be removed in 18 version
-   */
-  get isImage() {
-    return this.el.nativeElement.tagName === "IMG";
-  }
   static {
-    this.ɵfac = i092.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i092, type: _EclMediaContainerItemDirective, deps: [{ token: i092.ElementRef }], target: i092.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i093.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i093, type: _EclMediaContainerItemDirective, deps: null, target: i093.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i092.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclMediaContainerItemDirective, selector: "[eclMediaContainerItem], img[eclMediaContainerImage]", inputs: { ratio: "ratio" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "contentIframe", first: true, predicate: EclMediaContainerIframeDirective, descendants: true }], usesInheritance: true, ngImport: i092 });
+    this.ɵdir = i093.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclMediaContainerItemDirective, selector: "[eclMediaContainerItem], img[eclMediaContainerImage]", inputs: { ratio: "ratio" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "contentIframe", first: true, predicate: EclMediaContainerIframeDirective, descendants: true }], usesInheritance: true, ngImport: i093 });
   }
 };
-i092.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i092, type: EclMediaContainerItemDirective, decorators: [{
+i093.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i093, type: EclMediaContainerItemDirective, decorators: [{
   type: Directive24,
   args: [{
     selector: "[eclMediaContainerItem], img[eclMediaContainerImage]"
   }]
-}], ctorParameters: () => [{ type: i092.ElementRef }], propDecorators: { ratio: [{
-  type: Input34
+}], propDecorators: { ratio: [{
+  type: Input35
 }], contentIframe: [{
-  type: ContentChild12,
+  type: ContentChild13,
   args: [EclMediaContainerIframeDirective, { static: false }]
 }], cssClasses: [{
-  type: HostBinding62,
+  type: HostBinding63,
   args: ["class"]
 }] } });
 
 // lib/components/ecl-media-container/ecl-media-container-picture.directive.mjs
-import { Directive as Directive25, HostBinding as HostBinding63 } from "@angular/core";
-import * as i093 from "@angular/core";
+import { Directive as Directive25, HostBinding as HostBinding64 } from "@angular/core";
+import * as i094 from "@angular/core";
 var EclMediaContainerPictureDirective = class _EclMediaContainerPictureDirective extends ECLBaseDirective {
   get cssClasses() {
     return [super.getCssClasses("ecl-picture ecl-media-container__picture")].join(" ").trim();
   }
   static {
-    this.ɵfac = i093.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i093, type: _EclMediaContainerPictureDirective, deps: null, target: i093.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i094.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i094, type: _EclMediaContainerPictureDirective, deps: null, target: i094.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i093.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclMediaContainerPictureDirective, selector: "picture[eclMediaContainerPicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i093 });
+    this.ɵdir = i094.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclMediaContainerPictureDirective, selector: "picture[eclMediaContainerPicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i094 });
   }
 };
-i093.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i093, type: EclMediaContainerPictureDirective, decorators: [{
+i094.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i094, type: EclMediaContainerPictureDirective, decorators: [{
   type: Directive25,
   args: [{
     selector: "picture[eclMediaContainerPicture]"
   }]
 }], propDecorators: { cssClasses: [{
-  type: HostBinding63,
-  args: ["class"]
-}] } });
-
-// lib/components/ecl-media-container/ecl-media-container.component.mjs
-import { Component as Component41, ContentChild as ContentChild13, HostBinding as HostBinding64, Input as Input35 } from "@angular/core";
-import * as i094 from "@angular/core";
-import * as i118 from "@angular/common";
-var EclMediaContainerComponent = class _EclMediaContainerComponent extends ECLBaseDirective {
-  constructor() {
-    super(...arguments);
-    this.isFullWidth = false;
-  }
-  get cssClasses() {
-    return [super.getCssClasses("ecl-media-container"), this.isFullWidth ? "ecl-media-container--full-width" : ""].join(" ").trim();
-  }
-  /**
-   * @deprecated
-   * This method is deprecated and will be removed in 18 version
-   */
-  get hasPictureContent() {
-    return !!this.pictureContent;
-  }
-  /**
-   * @deprecated
-   * This method is deprecated and will be removed in 18 version
-   */
-  get hasImgContent() {
-    return this.mediaContent.isImage;
-  }
-  ngAfterContentInit() {
-    if (this.expandable) {
-      this.expandable.class = [this.expandable.class, "ecl-media-container__expandable"].join(" ");
-    }
-  }
-  static {
-    this.ɵfac = i094.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i094, type: _EclMediaContainerComponent, deps: null, target: i094.ɵɵFactoryTarget.Component });
-  }
-  static {
-    this.ɵcmp = i094.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclMediaContainerComponent, selector: "ecl-media-container", inputs: { isFullWidth: "isFullWidth" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "pictureContent", first: true, predicate: EclMediaContainerPictureDirective, descendants: true }, { propertyName: "mediaContent", first: true, predicate: EclMediaContainerItemDirective, descendants: true }, { propertyName: "expandable", first: true, predicate: EclExpandableComponent, descendants: true }], usesInheritance: true, ngImport: i094, template: '<ng-content select="video[eclMediaContainerItem]"></ng-content>\n<ng-content select="div[eclMediaContainerItem]"></ng-content>\n<ng-content select="picture[eclMediaContainerPicture]"></ng-content>\n<!-- TODO: Remove this code in 17 version -->\n<picture *ngIf="!hasPictureContent && hasImgContent" eclMediaContainerPicture>\n    <ng-content select="img[eclMediaContainerItem]"></ng-content>\n</picture>\n\n<figcaption class="ecl-media-container__caption">\n    <ng-content></ng-content>\n</figcaption>\n<ng-content select="ecl-expandable"></ng-content>\n', dependencies: [{ kind: "directive", type: i118.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: EclMediaContainerPictureDirective, selector: "picture[eclMediaContainerPicture]" }] });
-  }
-};
-i094.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i094, type: EclMediaContainerComponent, decorators: [{
-  type: Component41,
-  args: [{ selector: "ecl-media-container", template: '<ng-content select="video[eclMediaContainerItem]"></ng-content>\n<ng-content select="div[eclMediaContainerItem]"></ng-content>\n<ng-content select="picture[eclMediaContainerPicture]"></ng-content>\n<!-- TODO: Remove this code in 17 version -->\n<picture *ngIf="!hasPictureContent && hasImgContent" eclMediaContainerPicture>\n    <ng-content select="img[eclMediaContainerItem]"></ng-content>\n</picture>\n\n<figcaption class="ecl-media-container__caption">\n    <ng-content></ng-content>\n</figcaption>\n<ng-content select="ecl-expandable"></ng-content>\n' }]
-}], propDecorators: { isFullWidth: [{
-  type: Input35
-}], pictureContent: [{
-  type: ContentChild13,
-  args: [EclMediaContainerPictureDirective]
-}], mediaContent: [{
-  type: ContentChild13,
-  args: [EclMediaContainerItemDirective]
-}], expandable: [{
-  type: ContentChild13,
-  args: [EclExpandableComponent]
-}], cssClasses: [{
   type: HostBinding64,
   args: ["class"]
 }] } });
@@ -6673,7 +6642,7 @@ i097.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3"
 // lib/components/ecl-featured/ecl-featured-item.component.mjs
 import { Component as Component43, ContentChild as ContentChild14, HostBinding as HostBinding67, Input as Input36 } from "@angular/core";
 import * as i098 from "@angular/core";
-import * as i119 from "@angular/common";
+import * as i118 from "@angular/common";
 var EclFeaturedItemComponent = class _EclFeaturedItemComponent extends ECLBaseDirective {
   constructor() {
     super(...arguments);
@@ -6692,7 +6661,7 @@ var EclFeaturedItemComponent = class _EclFeaturedItemComponent extends ECLBaseDi
     this.ɵfac = i098.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i098, type: _EclFeaturedItemComponent, deps: null, target: i098.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i098.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclFeaturedItemComponent, selector: "ecl-featured-item", inputs: { eclTitle: "eclTitle" }, host: { properties: { "class.ecl-featured-item__item": "this.className" } }, queries: [{ propertyName: "mediaContainer", first: true, predicate: EclMediaContainerComponent, descendants: true }], usesInheritance: true, ngImport: i098, template: '<div *ngIf="hasTitle" class="ecl-featured-item__title">{{ eclTitle }}</div>\n<ng-content></ng-content>\n', styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i119.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    this.ɵcmp = i098.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclFeaturedItemComponent, selector: "ecl-featured-item", inputs: { eclTitle: "eclTitle" }, host: { properties: { "class.ecl-featured-item__item": "this.className" } }, queries: [{ propertyName: "mediaContainer", first: true, predicate: EclMediaContainerComponent, descendants: true }], usesInheritance: true, ngImport: i098, template: '<div *ngIf="hasTitle" class="ecl-featured-item__title">{{ eclTitle }}</div>\n<ng-content></ng-content>\n', styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i118.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
   }
 };
 i098.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i098, type: EclFeaturedItemComponent, decorators: [{
@@ -6840,7 +6809,7 @@ import { takeUntil as takeUntil12 } from "rxjs/operators";
 import { Subject as Subject12 } from "rxjs";
 import { coerceBoolean as coerceBoolean8 } from "@eui/base";
 import * as i0103 from "@angular/core";
-import * as i120 from "@angular/forms";
+import * as i119 from "@angular/forms";
 import * as i28 from "@ngx-translate/core";
 var EclFileUploadFileSelectedEvent = class extends EclBaseEvent {
   constructor(files) {
@@ -6993,7 +6962,7 @@ var EclFileUploadDirective = class _EclFileUploadDirective extends ECLBaseDirect
     return `${parseFloat((bytes / k ** i).toFixed(dm))} ${sizes[i]}`;
   }
   static {
-    this.ɵfac = i0103.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0103, type: _EclFileUploadDirective, deps: [{ token: i120.NgControl, optional: true, self: true }, { token: i0103.ElementRef }, { token: i28.TranslateService }], target: i0103.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i0103.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0103, type: _EclFileUploadDirective, deps: [{ token: i119.NgControl, optional: true, self: true }, { token: i0103.ElementRef }, { token: i28.TranslateService }], target: i0103.ɵɵFactoryTarget.Directive });
   }
   static {
     this.ɵdir = i0103.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", 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: i0103 });
@@ -7010,7 +6979,7 @@ i0103.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   args: [{
     selector: "[eclFileUpload]"
   }]
-}], ctorParameters: () => [{ type: i120.NgControl, decorators: [{
+}], ctorParameters: () => [{ type: i119.NgControl, decorators: [{
   type: Optional5
 }, {
   type: Self3
@@ -7206,7 +7175,7 @@ i0106.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-file/ecl-file-item/ecl-file-item.component.mjs
-import { Component as Component46, HostBinding as HostBinding73, Input as Input41, booleanAttribute as booleanAttribute11 } from "@angular/core";
+import { Component as Component46, HostBinding as HostBinding73, Input as Input41, booleanAttribute as booleanAttribute12 } from "@angular/core";
 import * as i0107 from "@angular/core";
 import * as i210 from "@angular/common";
 var EclFileItemComponent = class _EclFileItemComponent extends ECLBaseDirective {
@@ -7225,7 +7194,7 @@ var EclFileItemComponent = class _EclFileItemComponent extends ECLBaseDirective
     this.ɵfac = i0107.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0107, type: _EclFileItemComponent, deps: [{ token: EclFileComponent }], target: i0107.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0107.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclFileItemComponent, selector: "ecl-file-item", inputs: { isDescription: ["isDescription", "isDescription", booleanAttribute11], eclTitle: "eclTitle", titleId: "titleId", meta: "meta", label: "label", langDetail: "langDetail" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0107, 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"] }] });
+    this.ɵcmp = i0107.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclFileItemComponent, selector: "ecl-file-item", inputs: { isDescription: ["isDescription", "isDescription", booleanAttribute12], eclTitle: "eclTitle", titleId: "titleId", meta: "meta", label: "label", langDetail: "langDetail" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0107, 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"] }] });
   }
 };
 i0107.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0107, type: EclFileItemComponent, decorators: [{
@@ -7233,7 +7202,7 @@ i0107.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   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: booleanAttribute11 }]
+  args: [{ transform: booleanAttribute12 }]
 }], eclTitle: [{
   type: Input41
 }], titleId: [{
@@ -7250,7 +7219,7 @@ i0107.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-file/ecl-file-items/ecl-file-items.component.mjs
-import { Component as Component47, Input as Input42, ContentChildren as ContentChildren11, Output as Output17, EventEmitter as EventEmitter17, HostBinding as HostBinding74, booleanAttribute as booleanAttribute12 } from "@angular/core";
+import { Component as Component47, Input as Input42, ContentChildren as ContentChildren11, Output as Output17, EventEmitter as EventEmitter17, HostBinding as HostBinding74, booleanAttribute as booleanAttribute13 } from "@angular/core";
 import * as i0108 from "@angular/core";
 import * as i45 from "@ngx-translate/core";
 var EclFileItemsToggleEvent = class extends EclBaseEvent {
@@ -7283,7 +7252,7 @@ var EclFileItemsComponent = class _EclFileItemsComponent extends ECLBaseDirectiv
     this.ɵfac = i0108.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0108, type: _EclFileItemsComponent, deps: null, target: i0108.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0108.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclFileItemsComponent, selector: "ecl-file-items", inputs: { label: "label", isExpanded: ["isExpanded", "isExpanded", booleanAttribute12] }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "items", predicate: EclFileItemComponent }], usesInheritance: true, ngImport: i0108, template: `<button eclButton variant="ghost" class="ecl-file__translation-toggle" [attr.aria-expanded]="isExpanded" (click)="onToggleClick($event)">
+    this.ɵcmp = i0108.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclFileItemsComponent, selector: "ecl-file-items", inputs: { label: "label", isExpanded: ["isExpanded", "isExpanded", booleanAttribute13] }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "items", predicate: EclFileItemComponent }], usesInheritance: true, ngImport: i0108, 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>
@@ -7314,7 +7283,7 @@ i0108.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   type: Input42
 }], isExpanded: [{
   type: Input42,
-  args: [{ transform: booleanAttribute12 }]
+  args: [{ transform: booleanAttribute13 }]
 }], toggle: [{
   type: Output17
 }], items: [{
@@ -7550,7 +7519,7 @@ import { __decorate as __decorate11 } from "tslib";
 import { Component as Component49, ContentChild as ContentChild16, EventEmitter as EventEmitter18, HostBinding as HostBinding78, HostListener as HostListener9, Input as Input44, Output as Output18 } from "@angular/core";
 import { coerceBoolean as coerceBoolean9 } from "@eui/base";
 import * as i0113 from "@angular/core";
-import * as i121 from "@angular/platform-browser";
+import * as i120 from "@angular/platform-browser";
 import * as i211 from "@angular/common";
 var EclGalleryItemClickEvent = class extends EclBaseEvent {
 };
@@ -7614,7 +7583,7 @@ var EclGalleryItemComponent = class _EclGalleryItemComponent extends ECLBaseDire
     return !!this.pictureChild;
   }
   static {
-    this.ɵfac = i0113.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0113, type: _EclGalleryItemComponent, deps: [{ token: i121.DomSanitizer }, { token: i0113.ElementRef }], target: i0113.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0113.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0113, type: _EclGalleryItemComponent, deps: [{ token: i120.DomSanitizer }, { token: i0113.ElementRef }], target: i0113.ɵɵFactoryTarget.Component });
   }
   static {
     this.ɵcmp = i0113.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclGalleryItemComponent, selector: "ecl-gallery-item", inputs: { isShareable: "isShareable", 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: "pictureChild", first: true, predicate: EclGalleryPictureDirective, descendants: true }, { propertyName: "mediaChild", first: true, predicate: EclGalleryMediaDirective, descendants: true }], usesInheritance: true, ngImport: i0113, template: `<a [href]="src" class="ecl-gallery__item-link" [attr.aria-label]="label" [class.ecl-gallery__item__link--frozen]="isNoOverlay">
@@ -7682,7 +7651,7 @@ i0113.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
     <ng-content select="[eclGalleryMedia], [eclGalleryImage]"></ng-content>
 </ng-template>
 `, styles: [".ecl-gallery__description{width:100%}\n"] }]
-}], ctorParameters: () => [{ type: i121.DomSanitizer }, { type: i0113.ElementRef }], propDecorators: { isShareable: [{
+}], ctorParameters: () => [{ type: i120.DomSanitizer }, { type: i0113.ElementRef }], propDecorators: { isShareable: [{
   type: Input44
 }], mediaType: [{
   type: Input44
@@ -7718,7 +7687,7 @@ i0113.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 // lib/components/ecl-gallery/ecl-gallery-footer.component.mjs
 import { Component as Component50, EventEmitter as EventEmitter19, Output as Output19 } from "@angular/core";
 import * as i0114 from "@angular/core";
-import * as i122 from "@angular/common";
+import * as i121 from "@angular/common";
 import * as i32 from "@ngx-translate/core";
 var EclGalleryToggleItemsEvent = class extends EclBaseEvent {
   constructor(expandAll) {
@@ -7776,7 +7745,7 @@ var EclGalleryFooterComponent = class _EclGalleryFooterComponent {
         <ng-content></ng-content>
     </div>
 </div>
-`, dependencies: [{ kind: "directive", type: i122.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "pipe", type: i32.TranslatePipe, name: "translate" }] });
+`, dependencies: [{ kind: "directive", type: i121.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "pipe", type: i32.TranslatePipe, name: "translate" }] });
   }
 };
 i0114.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0114, type: EclGalleryFooterComponent, decorators: [{
@@ -7812,7 +7781,7 @@ import { takeUntil as takeUntil13 } from "rxjs/operators";
 import { Breakpoints } from "@angular/cdk/layout";
 import { coerceBoolean as coerceBoolean10, coerceNumber } from "@eui/base";
 import * as i0115 from "@angular/core";
-import * as i123 from "@angular/cdk/layout";
+import * as i122 from "@angular/cdk/layout";
 import * as i212 from "@angular/common";
 import * as i82 from "@ngx-translate/core";
 var EclGalleryShowEvent = class extends EclBaseEvent {
@@ -8056,7 +8025,7 @@ var EclGalleryComponent = class _EclGalleryComponent extends ECLBaseDirective {
     return this.galleryItems.filter((item, cnt) => cnt < this.maxVisibleItems);
   }
   static {
-    this.ɵfac = i0115.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0115, type: _EclGalleryComponent, deps: [{ token: i123.BreakpointObserver }], target: i0115.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0115.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0115, type: _EclGalleryComponent, deps: [{ token: i122.BreakpointObserver }], target: i0115.ɵɵFactoryTarget.Component });
   }
   static {
     this.ɵcmp = i0115.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclGalleryComponent, selector: "ecl-gallery", inputs: { isDownloadable: "isDownloadable", isOpenInFullScreenPossible: "isOpenInFullScreenPossible", isShareable: "isShareable", isFullWidth: "isFullWidth", isNoOverlay: "isNoOverlay", maxVisibleItems: "maxVisibleItems" }, outputs: { show: "show", hide: "hide", download: "download", 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: i0115, template: `<ul class="ecl-gallery__list">
@@ -8271,7 +8240,7 @@ i0115.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
     </footer>
 </dialog>
 `, styles: [":host{display:block}\n"] }]
-}], ctorParameters: () => [{ type: i123.BreakpointObserver }], propDecorators: { isDownloadable: [{
+}], ctorParameters: () => [{ type: i122.BreakpointObserver }], propDecorators: { isDownloadable: [{
   type: Input45
 }], isOpenInFullScreenPossible: [{
   type: Input45
@@ -8457,7 +8426,7 @@ import { Subject as Subject14, delay as delay2 } from "rxjs";
 import { takeUntil as takeUntil14 } from "rxjs/operators";
 import { coerceBoolean as coerceBoolean11 } from "@eui/base";
 import * as i0119 from "@angular/core";
-import * as i124 from "@angular/cdk/layout";
+import * as i123 from "@angular/cdk/layout";
 var EclStickyContainerComponent = class _EclStickyContainerComponent extends ECLBaseDirective {
   get cssClasses() {
     return [super.getCssClasses("ecl-sticky-container"), !this.isEnabled ? "ecl-sticky-container--disabled" : ""].join(" ").trim();
@@ -8496,7 +8465,7 @@ var EclStickyContainerComponent = class _EclStickyContainerComponent extends ECL
     });
   }
   static {
-    this.ɵfac = i0119.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0119, type: _EclStickyContainerComponent, deps: [{ token: i124.BreakpointObserver }, { token: i0119.Renderer2 }, { token: i0119.ElementRef }], target: i0119.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0119.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0119, type: _EclStickyContainerComponent, deps: [{ token: i123.BreakpointObserver }, { token: i0119.Renderer2 }, { token: i0119.ElementRef }], target: i0119.ɵɵFactoryTarget.Component });
   }
   static {
     this.ɵcmp = i0119.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclStickyContainerComponent, selector: "ecl-sticky-container", inputs: { isEnabled: "isEnabled", marginTop: "marginTop", marginBottom: "marginBottom" }, host: { properties: { "class": "this.cssClasses", "style.top.px": "this.top", "style.bottom.px": "this.bottom" } }, usesInheritance: true, ngImport: i0119, 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"] });
@@ -8508,7 +8477,7 @@ __decorate13([
 i0119.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0119, type: EclStickyContainerComponent, decorators: [{
   type: Component53,
   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: i124.BreakpointObserver }, { type: i0119.Renderer2 }, { type: i0119.ElementRef }], propDecorators: { isEnabled: [{
+}], ctorParameters: () => [{ type: i123.BreakpointObserver }, { type: i0119.Renderer2 }, { type: i0119.ElementRef }], propDecorators: { isEnabled: [{
   type: Input47
 }], marginTop: [{
   type: Input47
@@ -8752,7 +8721,7 @@ i0122.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 // lib/components/ecl-list-illustration/ecl-list-illustration-item.component.mjs
 import { Component as Component55, ContentChildren as ContentChildren14, forwardRef as forwardRef33, HostBinding as HostBinding82, Input as Input49 } from "@angular/core";
 import * as i0123 from "@angular/core";
-import * as i125 from "@angular/common";
+import * as i124 from "@angular/common";
 var EclListIllustrationItemComponent = class _EclListIllustrationItemComponent extends ECLBaseDirective {
   constructor() {
     super(...arguments);
@@ -8770,7 +8739,7 @@ var EclListIllustrationItemComponent = class _EclListIllustrationItemComponent e
     this.ɵfac = i0123.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0123, type: _EclListIllustrationItemComponent, deps: null, target: i0123.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0123.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclListIllustrationItemComponent, selector: "ecl-list-illustration-item", inputs: { eclTitle: "eclTitle", eclValue: "eclValue" }, host: { properties: { "class.ecl-list-illustration__item": "this.className" } }, queries: [{ propertyName: "eclIllustrationIcons", predicate: i0123.forwardRef(() => EclListIllustrationIconDirective) }], usesInheritance: true, ngImport: i0123, template: '<ng-content select="[eclListIllustrationImage],[eclListIllustrationPicture]"></ng-content>\n<div class="ecl-list-illustration__detail">\n    <div *ngIf="hasTitle || hasValue" class="ecl-list-illustration__title-container">\n        <ng-content select="[eclListIllustrationIcon]"></ng-content>\n        <div *ngIf="hasValue" class="ecl-list-illustration__value">{{ eclValue }}</div>\n        <div class="ecl-list-illustration__title">{{ eclTitle }}</div>\n    </div>\n    <div class="ecl-list-illustration__description">\n        <ng-content></ng-content>\n    </div>\n</div>\n', dependencies: [{ kind: "directive", type: i125.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    this.ɵcmp = i0123.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclListIllustrationItemComponent, selector: "ecl-list-illustration-item", inputs: { eclTitle: "eclTitle", eclValue: "eclValue" }, host: { properties: { "class.ecl-list-illustration__item": "this.className" } }, queries: [{ propertyName: "eclIllustrationIcons", predicate: i0123.forwardRef(() => EclListIllustrationIconDirective) }], usesInheritance: true, ngImport: i0123, template: '<ng-content select="[eclListIllustrationImage],[eclListIllustrationPicture]"></ng-content>\n<div class="ecl-list-illustration__detail">\n    <div *ngIf="hasTitle || hasValue" class="ecl-list-illustration__title-container">\n        <ng-content select="[eclListIllustrationIcon]"></ng-content>\n        <div *ngIf="hasValue" class="ecl-list-illustration__value">{{ eclValue }}</div>\n        <div class="ecl-list-illustration__title">{{ eclTitle }}</div>\n    </div>\n    <div class="ecl-list-illustration__description">\n        <ng-content></ng-content>\n    </div>\n</div>\n', dependencies: [{ kind: "directive", type: i124.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
   }
 };
 i0123.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0123, type: EclListIllustrationItemComponent, decorators: [{
@@ -8814,7 +8783,7 @@ i0124.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-list-illustration/ecl-list-illustration-picture.directive.mjs
-import { Directive as Directive33, HostBinding as HostBinding84, Input as Input50, booleanAttribute as booleanAttribute13 } from "@angular/core";
+import { Directive as Directive33, HostBinding as HostBinding84, Input as Input50, booleanAttribute as booleanAttribute14 } from "@angular/core";
 import * as i0125 from "@angular/core";
 var EclListIllustrationPictureDirective = class _EclListIllustrationPictureDirective extends ECLBaseDirective {
   get cssClasses() {
@@ -8853,7 +8822,7 @@ var EclListIllustrationImageDirective = class _EclListIllustrationImageDirective
     this.ɵfac = i0125.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0125, type: _EclListIllustrationImageDirective, deps: null, target: i0125.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i0125.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclListIllustrationImageDirective, selector: "img[eclListIllustrationImage]", inputs: { isSquare: ["isSquare", "isSquare", booleanAttribute13], size: "size" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0125 });
+    this.ɵdir = i0125.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclListIllustrationImageDirective, selector: "img[eclListIllustrationImage]", inputs: { isSquare: ["isSquare", "isSquare", booleanAttribute14], size: "size" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0125 });
   }
 };
 i0125.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0125, type: EclListIllustrationImageDirective, decorators: [{
@@ -8863,7 +8832,7 @@ i0125.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   }]
 }], propDecorators: { isSquare: [{
   type: Input50,
-  args: [{ transform: booleanAttribute13 }]
+  args: [{ transform: booleanAttribute14 }]
 }], size: [{
   type: Input50
 }], cssClasses: [{
@@ -8872,7 +8841,7 @@ i0125.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-list-illustration/ecl-list-illustration.component.mjs
-import { Component as Component56, HostBinding as HostBinding85, Input as Input51, booleanAttribute as booleanAttribute14, numberAttribute as numberAttribute3 } from "@angular/core";
+import { Component as Component56, HostBinding as HostBinding85, Input as Input51, booleanAttribute as booleanAttribute15, numberAttribute as numberAttribute3 } from "@angular/core";
 import * as i0126 from "@angular/core";
 var EclListIllustrationComponent = class _EclListIllustrationComponent extends ECLBaseDirective {
   constructor() {
@@ -8891,7 +8860,7 @@ var EclListIllustrationComponent = class _EclListIllustrationComponent extends E
     this.ɵfac = i0126.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0126, type: _EclListIllustrationComponent, deps: null, target: i0126.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0126.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclListIllustrationComponent, selector: "ecl-list-illustration", inputs: { isZebra: ["isZebra", "isZebra", booleanAttribute14], horizontalColumns: ["horizontalColumns", "horizontalColumns", numberAttribute3] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0126, template: "<ng-content></ng-content>\n" });
+    this.ɵcmp = i0126.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclListIllustrationComponent, selector: "ecl-list-illustration", inputs: { isZebra: ["isZebra", "isZebra", booleanAttribute15], horizontalColumns: ["horizontalColumns", "horizontalColumns", numberAttribute3] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0126, template: "<ng-content></ng-content>\n" });
   }
 };
 i0126.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0126, type: EclListIllustrationComponent, decorators: [{
@@ -8899,7 +8868,7 @@ i0126.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   args: [{ selector: "ecl-list-illustration", template: "<ng-content></ng-content>\n" }]
 }], propDecorators: { isZebra: [{
   type: Input51,
-  args: [{ transform: booleanAttribute14 }]
+  args: [{ transform: booleanAttribute15 }]
 }], horizontalColumns: [{
   type: Input51,
   args: [{ transform: numberAttribute3 }]
@@ -9092,7 +9061,7 @@ i0129.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-list/ecl-list.directive.mjs
-import { ContentChildren as ContentChildren16, Directive as Directive35, HostBinding as HostBinding88, Input as Input53, booleanAttribute as booleanAttribute15, numberAttribute as numberAttribute4 } from "@angular/core";
+import { ContentChildren as ContentChildren16, Directive as Directive35, HostBinding as HostBinding88, Input as Input53, booleanAttribute as booleanAttribute16, numberAttribute as numberAttribute4 } from "@angular/core";
 import * as i0130 from "@angular/core";
 var EclOrderedListDirective = class _EclOrderedListDirective extends ECLBaseDirective {
   constructor() {
@@ -9147,7 +9116,7 @@ var EclUnorderedListDirective = class _EclUnorderedListDirective extends ECLBase
     this.ɵfac = i0130.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0130, type: _EclUnorderedListDirective, deps: null, target: i0130.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i0130.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclUnorderedListDirective, selector: "[eclUnorderedList]", inputs: { isDivider: ["isDivider", "isDivider", booleanAttribute15], isNoMarker: ["isNoMarker", "isNoMarker", booleanAttribute15] }, 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: i0130 });
+    this.ɵdir = i0130.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclUnorderedListDirective, selector: "[eclUnorderedList]", inputs: { isDivider: ["isDivider", "isDivider", booleanAttribute16], isNoMarker: ["isNoMarker", "isNoMarker", booleanAttribute16] }, 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: i0130 });
   }
 };
 i0130.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0130, type: EclUnorderedListDirective, decorators: [{
@@ -9160,13 +9129,13 @@ i0130.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   args: ["class.ecl-unordered-list"]
 }], isDivider: [{
   type: Input53,
-  args: [{ transform: booleanAttribute15 }]
+  args: [{ transform: booleanAttribute16 }]
 }, {
   type: HostBinding88,
   args: ["class.ecl-unordered-list--divider"]
 }], isNoMarker: [{
   type: Input53,
-  args: [{ transform: booleanAttribute15 }]
+  args: [{ transform: booleanAttribute16 }]
 }, {
   type: HostBinding88,
   args: ["class.ecl-unordered-list--no-marker"]
@@ -9212,7 +9181,7 @@ var EclDescriptionListDirective = class _EclDescriptionListDirective extends ECL
     this.ɵfac = i0130.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0130, type: _EclDescriptionListDirective, deps: [{ token: i0130.ChangeDetectorRef }], target: i0130.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i0130.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclDescriptionListDirective, selector: "[eclDescriptionList]", inputs: { isHorizontal: ["isHorizontal", "isHorizontal", booleanAttribute15], maxVisibleItems: ["maxVisibleItems", "maxVisibleItems", numberAttribute4] }, host: { properties: { "class.ecl-description-list--horizontal": "this.isHorizontal", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclListItems", predicate: EclDescriptionListDefinitionComponent }], usesInheritance: true, ngImport: i0130 });
+    this.ɵdir = i0130.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclDescriptionListDirective, selector: "[eclDescriptionList]", inputs: { isHorizontal: ["isHorizontal", "isHorizontal", booleanAttribute16], maxVisibleItems: ["maxVisibleItems", "maxVisibleItems", numberAttribute4] }, host: { properties: { "class.ecl-description-list--horizontal": "this.isHorizontal", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclListItems", predicate: EclDescriptionListDefinitionComponent }], usesInheritance: true, ngImport: i0130 });
   }
 };
 i0130.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0130, type: EclDescriptionListDirective, decorators: [{
@@ -9222,7 +9191,7 @@ i0130.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   }]
 }], ctorParameters: () => [{ type: i0130.ChangeDetectorRef }], propDecorators: { isHorizontal: [{
   type: Input53,
-  args: [{ transform: booleanAttribute15 }]
+  args: [{ transform: booleanAttribute16 }]
 }, {
   type: HostBinding88,
   args: ["class.ecl-description-list--horizontal"]
@@ -9369,7 +9338,7 @@ import { Component as Component58, Input as Input54, HostBinding as HostBinding8
 import { coerceBoolean as coerceBoolean12 } from "@eui/base";
 import { ENTER } from "@angular/cdk/keycodes";
 import * as i0132 from "@angular/core";
-import * as i126 from "@angular/common";
+import * as i125 from "@angular/common";
 import * as i214 from "@angular/router";
 var EclMenuMegaItemComponent = class _EclMenuMegaItemComponent extends ECLBaseDirective {
   constructor() {
@@ -9418,7 +9387,7 @@ var EclMenuMegaItemComponent = class _EclMenuMegaItemComponent extends ECLBaseDi
     this.ɵfac = i0132.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0132, type: _EclMenuMegaItemComponent, deps: null, target: i0132.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0132.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclMenuMegaItemComponent, selector: "ecl-menu-mega-item", inputs: { id: "id", label: "label", routerLink: "routerLink", queryParams: "queryParams", queryParamsHandling: "queryParamsHandling", href: "href", target: "target", isCurrent: "isCurrent" }, 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" } }, queries: [{ propertyName: "iconComponents", predicate: i0132.forwardRef(() => EclIconComponent) }], viewQueries: [{ propertyName: "megaMenuLink", first: true, predicate: ["megaMenuLink"], descendants: true }], usesInheritance: true, ngImport: i0132, template: '<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\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n', styles: [":host{display:list-item}\n"], dependencies: [{ kind: "directive", type: i126.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i126.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"] }] });
+    this.ɵcmp = i0132.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclMenuMegaItemComponent, selector: "ecl-menu-mega-item", inputs: { id: "id", label: "label", routerLink: "routerLink", queryParams: "queryParams", queryParamsHandling: "queryParamsHandling", href: "href", target: "target", isCurrent: "isCurrent" }, 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" } }, queries: [{ propertyName: "iconComponents", predicate: i0132.forwardRef(() => EclIconComponent) }], viewQueries: [{ propertyName: "megaMenuLink", first: true, predicate: ["megaMenuLink"], descendants: true }], usesInheritance: true, ngImport: i0132, template: '<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\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n', styles: [":host{display:list-item}\n"], dependencies: [{ kind: "directive", type: i125.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i125.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"] }] });
   }
 };
 __decorate14([
@@ -9625,7 +9594,7 @@ import { Subject as Subject17 } from "rxjs";
 import { takeUntil as takeUntil17 } from "rxjs/operators";
 import { Breakpoints as Breakpoints2 } from "@angular/cdk/layout";
 import * as i0134 from "@angular/core";
-import * as i127 from "@angular/cdk/layout";
+import * as i126 from "@angular/cdk/layout";
 import * as i46 from "@angular/common";
 import * as i53 from "@angular/router";
 var EclMenuItemComponent = class _EclMenuItemComponent extends ECLBaseDirective {
@@ -9898,7 +9867,7 @@ var EclMenuItemComponent = class _EclMenuItemComponent extends ECLBaseDirective
     });
   }
   static {
-    this.ɵfac = i0134.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0134, type: _EclMenuItemComponent, deps: [{ token: i0134.ElementRef }, { token: i0134.Renderer2 }, { token: i0134.ApplicationRef }, { token: i127.BreakpointObserver }], target: i0134.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0134.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0134, type: _EclMenuItemComponent, deps: [{ token: i0134.ElementRef }, { token: i0134.Renderer2 }, { token: i0134.ApplicationRef }, { token: i126.BreakpointObserver }], target: i0134.ɵɵFactoryTarget.Component });
   }
   static {
     this.ɵcmp = i0134.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclMenuItemComponent, selector: "ecl-menu-item", inputs: { id: "id", label: "label", routerLink: "routerLink", queryParams: "queryParams", queryParamsHandling: "queryParamsHandling", href: "href", target: "target", isCurrent: "isCurrent" }, outputs: { menuItemSelect: "menuItemSelect", menuItemCaret: "menuItemCaret", menuItemHover: "menuItemHover", menuItemHoverOut: "menuItemHoverOut", menuMegaItemSelect: "menuMegaItemSelect", menuItemFocus: "menuItemFocus", menuItemKeydown: "menuItemKeydown" }, host: { listeners: { "mouseenter": "onItemMouseEnter($event)", "mouseleave": "onItemMouseLeave($event)" }, properties: { "attr.role": "this.role", "class": "this.cssClasses", "class.ecl-menu__item--has-children": "this.hasEclChildrenDataAttribute", "attr.aria-haspopup": "this.hasEclChildrenDataAttribute", "attr.aria-expanded": "this.isAriaExpanded" } }, queries: [{ propertyName: "submenu", first: true, predicate: i0134.forwardRef(() => EclMenuMegaComponent), descendants: true }], viewQueries: [{ propertyName: "menuLink", first: true, predicate: ["menuLink"], descendants: true }, { propertyName: "menuButton", first: true, predicate: EclButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0134, template: `<a
@@ -10017,7 +9986,7 @@ i0134.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
     <ng-content></ng-content>
 </ng-template>
 ` }]
-}], ctorParameters: () => [{ type: i0134.ElementRef }, { type: i0134.Renderer2 }, { type: i0134.ApplicationRef }, { type: i127.BreakpointObserver }], propDecorators: { id: [{
+}], ctorParameters: () => [{ type: i0134.ElementRef }, { type: i0134.Renderer2 }, { type: i0134.ApplicationRef }, { type: i126.BreakpointObserver }], propDecorators: { id: [{
   type: Input56
 }], label: [{
   type: Input56
@@ -10088,7 +10057,7 @@ import Hammer from "hammerjs";
 import { Subject as Subject18, of as of3 } from "rxjs";
 import { mergeWith as mergeWith2, takeUntil as takeUntil18 } from "rxjs/operators";
 import * as i0135 from "@angular/core";
-import * as i128 from "@angular/cdk/layout";
+import * as i127 from "@angular/cdk/layout";
 import * as i72 from "@ngx-translate/core";
 var EclMenuComponent = class _EclMenuComponent extends ECLBaseDirective {
   get cssClasses() {
@@ -10579,7 +10548,7 @@ var EclMenuComponent = class _EclMenuComponent extends ECLBaseDirective {
     });
   }
   static {
-    this.ɵfac = i0135.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0135, type: _EclMenuComponent, deps: [{ token: i0135.ElementRef }, { token: i0135.IterableDiffers }, { token: i128.BreakpointObserver }, { token: i0135.Renderer2 }, { token: EclRtlService }], target: i0135.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0135.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0135, type: _EclMenuComponent, deps: [{ token: i0135.ElementRef }, { token: i0135.IterableDiffers }, { token: i127.BreakpointObserver }, { token: i0135.Renderer2 }, { token: EclRtlService }], target: i0135.ɵɵFactoryTarget.Component });
   }
   static {
     this.ɵcmp = i0135.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclMenuComponent, selector: "ecl-menu", inputs: { group: "group", maxLines: "maxLines" }, outputs: { menuItemSelect: "menuItemSelect" }, host: { listeners: { "keydown": "keyEvent($event)", "window:resize": "onResize()" }, properties: { "class": "this.cssClasses", "attr.aria-expanded": "this.isHamburgerMenuOpened", "attr.role": "this.role", "class.ecl-menu--forced-mobile": "this.isMobileBreakpoint", "class.ecl-menu--forced-close": "this.isMenuHidden" } }, queries: [{ propertyName: "eclRootMenuItems", predicate: EclMenuItemComponent }], viewQueries: [{ propertyName: "innerSection", first: true, predicate: ["innerSection"], descendants: true }, { propertyName: "itemsList", first: true, predicate: ["itemsList"], descendants: true }, { propertyName: "btnPrevious", first: true, predicate: ["btnPrevious"], descendants: true }, { propertyName: "btnNext", first: true, predicate: ["btnNext"], descendants: true }], usesInheritance: true, ngImport: i0135, template: `<div class="ecl-menu__overlay" (click)="onOverlayClick()"></div>
@@ -10707,7 +10676,7 @@ i0135.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
     </section>
 </div>
 `, styles: [":host{display:block}\n"] }]
-}], ctorParameters: () => [{ type: i0135.ElementRef }, { type: i0135.IterableDiffers }, { type: i128.BreakpointObserver }, { type: i0135.Renderer2 }, { type: EclRtlService }], propDecorators: { group: [{
+}], ctorParameters: () => [{ type: i0135.ElementRef }, { type: i0135.IterableDiffers }, { type: i127.BreakpointObserver }, { type: i0135.Renderer2 }, { type: EclRtlService }], propDecorators: { group: [{
   type: Input57
 }], maxLines: [{
   type: Input57
@@ -11011,9 +10980,9 @@ i0139.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-modal/ecl-modal-body.component.mjs
-import { Component as Component64, HostBinding as HostBinding95, Input as Input61, booleanAttribute as booleanAttribute16 } from "@angular/core";
+import { Component as Component64, HostBinding as HostBinding95, Input as Input61, booleanAttribute as booleanAttribute17 } from "@angular/core";
 import * as i0140 from "@angular/core";
-import * as i129 from "@angular/common";
+import * as i128 from "@angular/common";
 var EclModalBodyComponent = class _EclModalBodyComponent extends ECLBaseDirective {
   constructor() {
     super(...arguments);
@@ -11029,7 +10998,7 @@ var EclModalBodyComponent = class _EclModalBodyComponent extends ECLBaseDirectiv
     this.ɵfac = i0140.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0140, type: _EclModalBodyComponent, deps: null, target: i0140.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0140.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: _EclModalBodyComponent, selector: "[eclModalBody]", inputs: { isScrollable: ["isScrollable", "isScrollable", booleanAttribute16] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0140, 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: i129.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    this.ɵcmp = i0140.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: _EclModalBodyComponent, selector: "[eclModalBody]", inputs: { isScrollable: ["isScrollable", "isScrollable", booleanAttribute17] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0140, 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: i128.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
   }
 };
 i0140.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0140, type: EclModalBodyComponent, decorators: [{
@@ -11037,7 +11006,7 @@ i0140.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   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: Input61,
-  args: [{ transform: booleanAttribute16 }]
+  args: [{ transform: booleanAttribute17 }]
 }], cssClasses: [{
   type: HostBinding95,
   args: ["class"]
@@ -11498,13 +11467,13 @@ i0148.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 
 // lib/components/ecl-multiselect/ecl-multiselect-dropdown/ecl-multiselect-dropdown.component.mjs
 import { __decorate as __decorate19 } from "tslib";
-import { Component as Component69, ElementRef as ElementRef25, EventEmitter as EventEmitter32, forwardRef as forwardRef43, HostBinding as HostBinding101, HostListener as HostListener17, Input as Input66, Output as Output32, ViewChild as ViewChild13, ViewChildren as ViewChildren2 } from "@angular/core";
+import { Component as Component69, ElementRef as ElementRef24, EventEmitter as EventEmitter32, forwardRef as forwardRef43, HostBinding as HostBinding101, HostListener as HostListener17, Input as Input66, 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 coerceBoolean16 } from "@eui/base";
 import { Subject as Subject21 } from "rxjs";
 import { v4 as uuidgen4 } from "uuid";
 import * as i0149 from "@angular/core";
-import * as i130 from "@angular/common";
+import * as i129 from "@angular/common";
 import * as i9 from "@ngx-translate/core";
 var EclMultiselectDropdownComponent = class _EclMultiselectDropdownComponent extends ECLBaseDirective {
   get isInvalid() {
@@ -11891,7 +11860,7 @@ var EclMultiselectDropdownComponent = class _EclMultiselectDropdownComponent ext
         useExisting: forwardRef43(() => _EclMultiselectDropdownComponent),
         multi: true
       }
-    ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "eclMultiselectInput", first: true, predicate: ["eclMultiselectInput"], descendants: true }, { propertyName: "selectAllCheckbox", first: true, predicate: ["selectAllCheckbox"], descendants: true }, { propertyName: "selectAll", first: true, predicate: ["selectAll"], descendants: true }, { propertyName: "closeBtn", first: true, predicate: ["closeBtn"], descendants: true, read: ElementRef25 }, { propertyName: "clearAllBtn", first: true, predicate: ["clearAllBtn"], descendants: true, read: ElementRef25 }, { propertyName: "multiOptionComponents", predicate: EclMultiselectOptionComponent, descendants: true }], usesInheritance: true, ngImport: i0149, template: `<div eclMultiselectInput #eclMultiselectInput [inputPlaceholder]="mainInputPlaceholder" [selectedItems]="selectedItems"
+    ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "eclMultiselectInput", first: true, predicate: ["eclMultiselectInput"], descendants: true }, { propertyName: "selectAllCheckbox", first: true, predicate: ["selectAllCheckbox"], descendants: true }, { propertyName: "selectAll", first: true, predicate: ["selectAll"], descendants: true }, { propertyName: "closeBtn", first: true, predicate: ["closeBtn"], descendants: true, read: ElementRef24 }, { propertyName: "clearAllBtn", first: true, predicate: ["clearAllBtn"], descendants: true, read: ElementRef24 }, { propertyName: "multiOptionComponents", predicate: EclMultiselectOptionComponent, descendants: true }], usesInheritance: true, ngImport: i0149, template: `<div eclMultiselectInput #eclMultiselectInput [inputPlaceholder]="mainInputPlaceholder" [selectedItems]="selectedItems"
     (mainInputClick)="onClickMainInput($event)" (mainInputKeydown)="onKeydownMainInput($event)" [isDisabled]="disabled"
     [ariaLabeledby]="ariaLabeledby" [ariaDescribedby]="ariaDescribedby" [ariaControls]="dropdownId" [isInvalid]="isInvalid"
     [isDropdownExpanded]="isShowMultiselectDropdown" [eclSize]="eclSize" [toggleId]="toggleId"></div>
@@ -11971,7 +11940,7 @@ var EclMultiselectDropdownComponent = class _EclMultiselectDropdownComponent ext
         </button>
     </div>
 </div>
-`, dependencies: [{ kind: "directive", type: i130.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i130.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: i9.TranslatePipe, name: "translate" }] });
+`, dependencies: [{ kind: "directive", type: i129.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i129.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: i9.TranslatePipe, name: "translate" }] });
   }
 };
 __decorate19([
@@ -12083,10 +12052,10 @@ i0149.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   args: ["selectAll"]
 }], closeBtn: [{
   type: ViewChild13,
-  args: ["closeBtn", { read: ElementRef25 }]
+  args: ["closeBtn", { read: ElementRef24 }]
 }], clearAllBtn: [{
   type: ViewChild13,
-  args: ["clearAllBtn", { read: ElementRef25 }]
+  args: ["clearAllBtn", { read: ElementRef24 }]
 }], multiOptionComponents: [{
   type: ViewChildren2,
   args: [EclMultiselectOptionComponent]
@@ -12690,7 +12659,7 @@ i0158.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-news-ticker/ecl-news-ticker.component.mjs
-import { Component as Component75, ContentChildren as ContentChildren24, EventEmitter as EventEmitter35, HostBinding as HostBinding109, HostListener as HostListener18, Input as Input72, Output as Output35, ViewChild as ViewChild14, booleanAttribute as booleanAttribute17 } from "@angular/core";
+import { Component as Component75, ContentChildren as ContentChildren24, EventEmitter as EventEmitter35, HostBinding as HostBinding109, HostListener as HostListener18, Input as Input72, Output as Output35, ViewChild as ViewChild14, booleanAttribute as booleanAttribute18 } from "@angular/core";
 import { Subject as Subject25, takeUntil as takeUntil22 } from "rxjs";
 import * as i0159 from "@angular/core";
 import * as i54 from "@ngx-translate/core";
@@ -12881,7 +12850,7 @@ var EclNewsTickerComponent = class _EclNewsTickerComponent extends ECLBaseDirect
     this.ɵfac = i0159.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0159, type: _EclNewsTickerComponent, deps: [{ token: i0159.Renderer2 }], target: i0159.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0159.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: _EclNewsTickerComponent, selector: "ecl-news-ticker", inputs: { isAutoplay: ["isAutoplay", "isAutoplay", booleanAttribute17] }, 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: i0159, template: `<div class="ecl-news-ticker__container" [style.height.px]="containerHeight">
+    this.ɵcmp = i0159.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: _EclNewsTickerComponent, selector: "ecl-news-ticker", inputs: { isAutoplay: ["isAutoplay", "isAutoplay", booleanAttribute18] }, 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: i0159, 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
@@ -12995,7 +12964,7 @@ i0159.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }` }]
 }], ctorParameters: () => [{ type: i0159.Renderer2 }], propDecorators: { isAutoplay: [{
   type: Input72,
-  args: [{ transform: booleanAttribute17 }]
+  args: [{ transform: booleanAttribute18 }]
 }], itemSwitch: [{
   type: Output35
 }], newsTickerItems: [{
@@ -13044,7 +13013,7 @@ i0160.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] });
 
 // lib/components/ecl-notification/ecl-notification.component.mjs
-import { Component as Component76, Input as Input73, Output as Output36, EventEmitter as EventEmitter36, HostBinding as HostBinding110, booleanAttribute as booleanAttribute18 } from "@angular/core";
+import { Component as Component76, Input as Input73, Output as Output36, EventEmitter as EventEmitter36, HostBinding as HostBinding110, booleanAttribute as booleanAttribute19 } from "@angular/core";
 import * as i0161 from "@angular/core";
 import * as i55 from "@angular/common";
 import * as i6 from "@ngx-translate/core";
@@ -13090,7 +13059,7 @@ var EclNotificationComponent = class _EclNotificationComponent extends ECLBaseDi
     this.ɵfac = i0161.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0161, type: _EclNotificationComponent, deps: [{ token: EclThemeService }], target: i0161.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0161.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: _EclNotificationComponent, selector: "ecl-notification", inputs: { notificationTitle: "notificationTitle", variant: "variant", isVisible: ["isVisible", "isVisible", booleanAttribute18], isCloseable: ["isCloseable", "isCloseable", booleanAttribute18] }, outputs: { close: "close" }, host: { properties: { "attr.role": "this.role", "class.ecl-u-d-none": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0161, template: `@if( eclThemeService.isEC$ | async ){
+    this.ɵcmp = i0161.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: _EclNotificationComponent, selector: "ecl-notification", inputs: { notificationTitle: "notificationTitle", variant: "variant", isVisible: ["isVisible", "isVisible", booleanAttribute19], isCloseable: ["isCloseable", "isCloseable", booleanAttribute19] }, outputs: { close: "close" }, host: { properties: { "attr.role": "this.role", "class.ecl-u-d-none": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0161, 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>
@@ -13166,10 +13135,10 @@ i0161.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   type: Input73
 }], isVisible: [{
   type: Input73,
-  args: [{ transform: booleanAttribute18 }]
+  args: [{ transform: booleanAttribute19 }]
 }], isCloseable: [{
   type: Input73,
-  args: [{ transform: booleanAttribute18 }]
+  args: [{ transform: booleanAttribute19 }]
 }], close: [{
   type: Output36
 }], role: [{
@@ -13660,7 +13629,7 @@ import { __decorate as __decorate25 } from "tslib";
 import { Component as Component77, Input as Input77 } from "@angular/core";
 import { coerceBoolean as coerceBoolean21 } from "@eui/base";
 import * as i0169 from "@angular/core";
-import * as i131 from "@ngx-translate/core";
+import * as i130 from "@ngx-translate/core";
 import * as i34 from "@angular/common";
 var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECComponent extends ECLBaseDirective {
   constructor(translateService, eclLanguageService) {
@@ -13670,7 +13639,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
     this.isCore = false;
   }
   static {
-    this.ɵfac = i0169.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0169, type: _EclSiteFooterFixedContentECComponent, deps: [{ token: i131.TranslateService }, { token: EclLanguageService }], target: i0169.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0169.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0169, type: _EclSiteFooterFixedContentECComponent, deps: [{ token: i130.TranslateService }, { token: EclLanguageService }], target: i0169.ɵɵFactoryTarget.Component });
   }
   static {
     this.ɵcmp = i0169.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclSiteFooterFixedContentECComponent, selector: "ecl-site-footer-fixed-content-ec", inputs: { isCore: "isCore", languageCode: "languageCode", ecLogoLanguageCode: "ecLogoLanguageCode", content: "content" }, usesInheritance: true, ngImport: i0169, template: `<ng-container *ngIf="isCore">
@@ -14091,7 +14060,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
         </div>
     </div>
 </ng-container>
-`, dependencies: [{ kind: "directive", type: i34.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i34.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isHiddenLabel", "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: i131.TranslatePipe, name: "translate" }] });
+`, dependencies: [{ kind: "directive", type: i34.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i34.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isHiddenLabel", "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: i130.TranslatePipe, name: "translate" }] });
   }
 };
 __decorate25([
@@ -14518,7 +14487,7 @@ i0169.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
     </div>
 </ng-container>
 ` }]
-}], ctorParameters: () => [{ type: i131.TranslateService }, { type: EclLanguageService }], propDecorators: { isCore: [{
+}], ctorParameters: () => [{ type: i130.TranslateService }, { type: EclLanguageService }], propDecorators: { isCore: [{
   type: Input77
 }], languageCode: [{
   type: Input77
@@ -14533,7 +14502,7 @@ import { __decorate as __decorate26 } from "tslib";
 import { Component as Component78, Input as Input78 } from "@angular/core";
 import { coerceBoolean as coerceBoolean22 } from "@eui/base";
 import * as i0170 from "@angular/core";
-import * as i132 from "@ngx-translate/core";
+import * as i131 from "@ngx-translate/core";
 import * as i35 from "@angular/common";
 var EclSiteFooterFixedContentEUComponent = class _EclSiteFooterFixedContentEUComponent extends ECLBaseDirective {
   constructor(translateService, eclLanguageService) {
@@ -14552,7 +14521,7 @@ var EclSiteFooterFixedContentEUComponent = class _EclSiteFooterFixedContentEUCom
     }
   }
   static {
-    this.ɵfac = i0170.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0170, type: _EclSiteFooterFixedContentEUComponent, deps: [{ token: i132.TranslateService }, { token: EclLanguageService }], target: i0170.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0170.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0170, type: _EclSiteFooterFixedContentEUComponent, deps: [{ token: i131.TranslateService }, { token: EclLanguageService }], target: i0170.ɵɵFactoryTarget.Component });
   }
   static {
     this.ɵcmp = i0170.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclSiteFooterFixedContentEUComponent, selector: "ecl-site-footer-fixed-content-eu", inputs: { isCore: "isCore", languageCode: "languageCode", ecLogoLanguageCode: "ecLogoLanguageCode", content: "content" }, usesInheritance: true, ngImport: i0170, template: `<ng-container *ngIf="isCore">
@@ -15209,7 +15178,7 @@ var EclSiteFooterFixedContentEUComponent = class _EclSiteFooterFixedContentEUCom
         </div>
     </div>
 </ng-container>
-`, dependencies: [{ kind: "directive", type: i35.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i35.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isHiddenLabel", "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: i132.TranslatePipe, name: "translate" }] });
+`, dependencies: [{ kind: "directive", type: i35.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i35.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isHiddenLabel", "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: i131.TranslatePipe, name: "translate" }] });
   }
 };
 __decorate26([
@@ -15872,7 +15841,7 @@ i0170.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
     </div>
 </ng-container>
 ` }]
-}], ctorParameters: () => [{ type: i132.TranslateService }, { type: EclLanguageService }], propDecorators: { isCore: [{
+}], ctorParameters: () => [{ type: i131.TranslateService }, { type: EclLanguageService }], propDecorators: { isCore: [{
   type: Input78
 }], languageCode: [{
   type: Input78
@@ -15887,7 +15856,7 @@ import { __decorate as __decorate27 } from "tslib";
 import { Component as Component79, HostBinding as HostBinding118, Input as Input79 } from "@angular/core";
 import { coerceBoolean as coerceBoolean23 } from "@eui/base";
 import * as i0171 from "@angular/core";
-import * as i133 from "@ngx-translate/core";
+import * as i132 from "@ngx-translate/core";
 import * as i36 from "@angular/common";
 var EclSiteFooterComponent = class _EclSiteFooterComponent extends ECLBaseDirective {
   get cssClasses() {
@@ -15914,7 +15883,7 @@ var EclSiteFooterComponent = class _EclSiteFooterComponent extends ECLBaseDirect
     });
   }
   static {
-    this.ɵfac = i0171.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0171, type: _EclSiteFooterComponent, deps: [{ token: i133.TranslateService }, { token: EclLanguageService }, { token: EclThemeService }], target: i0171.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0171.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0171, type: _EclSiteFooterComponent, deps: [{ token: i132.TranslateService }, { token: EclLanguageService }, { token: EclThemeService }], target: i0171.ɵɵFactoryTarget.Component });
   }
   static {
     this.ɵcmp = i0171.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclSiteFooterComponent, selector: "ecl-site-footer", inputs: { isCore: "isCore" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0171, 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: i36.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: i36.AsyncPipe, name: "async" }] });
@@ -15926,7 +15895,7 @@ __decorate27([
 i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0171, type: EclSiteFooterComponent, decorators: [{
   type: Component79,
   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' }]
-}], ctorParameters: () => [{ type: i133.TranslateService }, { type: EclLanguageService }, { type: EclThemeService }], propDecorators: { isCore: [{
+}], ctorParameters: () => [{ type: i132.TranslateService }, { type: EclLanguageService }, { type: EclThemeService }], propDecorators: { isCore: [{
   type: Input79
 }], cssClasses: [{
   type: HostBinding118,
@@ -16242,7 +16211,7 @@ import { __decorate as __decorate28 } from "tslib";
 import { Component as Component80, ContentChild as ContentChild22, HostBinding as HostBinding123, Input as Input80 } from "@angular/core";
 import { coerceBoolean as coerceBoolean24 } from "@eui/base";
 import * as i0178 from "@angular/core";
-import * as i134 from "@angular/common";
+import * as i133 from "@angular/common";
 var EclPageHeaderComponent = class _EclPageHeaderComponent extends ECLBaseDirective {
   constructor() {
     super(...arguments);
@@ -16267,7 +16236,7 @@ var EclPageHeaderComponent = class _EclPageHeaderComponent extends ECLBaseDirect
     this.ɵfac = i0178.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0178, type: _EclPageHeaderComponent, deps: null, target: i0178.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0178.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclPageHeaderComponent, selector: "ecl-page-header", inputs: { backgroundImage: "backgroundImage", isNegative: "isNegative" }, host: { properties: { "class.ecl-page-header--negative": "this.isNegative", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclBreadcrumbComponent", first: true, predicate: EclBreadcrumbComponent, descendants: true }, { propertyName: "eclBackgroundPicture", first: true, predicate: EclPageHeaderBackgroundPictureDirective, descendants: true }], usesInheritance: true, ngImport: i0178, template: '<div *ngIf="hasBackgroundImage" class="ecl-page-header__background-container" aria-hidden="true">\n    <picture eclPageHeaderBackgroundPicture>\n        <img eclPageHeaderBackgroundImage [src]="backgroundImage" />\n    </picture>\n</div>\n\n<div *ngIf="hasPicture" class="ecl-page-header__background-container" aria-hidden="true">\n    <ng-content select="[eclPageHeaderBackgroundPicture]"></ng-content>\n</div>\n\n<div class="ecl-container">\n    <ng-container *ngTemplateOutlet="content"> </ng-container>\n</div>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n', styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i134.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i134.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EclPageHeaderBackgroundPictureDirective, selector: "[eclPageHeaderBackgroundPicture]" }, { kind: "directive", type: EclPageHeaderBackgroundImageDirective, selector: "[eclPageHeaderBackgroundImage]" }] });
+    this.ɵcmp = i0178.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclPageHeaderComponent, selector: "ecl-page-header", inputs: { backgroundImage: "backgroundImage", isNegative: "isNegative" }, host: { properties: { "class.ecl-page-header--negative": "this.isNegative", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclBreadcrumbComponent", first: true, predicate: EclBreadcrumbComponent, descendants: true }, { propertyName: "eclBackgroundPicture", first: true, predicate: EclPageHeaderBackgroundPictureDirective, descendants: true }], usesInheritance: true, ngImport: i0178, template: '<div *ngIf="hasBackgroundImage" class="ecl-page-header__background-container" aria-hidden="true">\n    <picture eclPageHeaderBackgroundPicture>\n        <img eclPageHeaderBackgroundImage [src]="backgroundImage" />\n    </picture>\n</div>\n\n<div *ngIf="hasPicture" class="ecl-page-header__background-container" aria-hidden="true">\n    <ng-content select="[eclPageHeaderBackgroundPicture]"></ng-content>\n</div>\n\n<div class="ecl-container">\n    <ng-container *ngTemplateOutlet="content"> </ng-container>\n</div>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n', styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i133.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i133.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EclPageHeaderBackgroundPictureDirective, selector: "[eclPageHeaderBackgroundPicture]" }, { kind: "directive", type: EclPageHeaderBackgroundImageDirective, selector: "[eclPageHeaderBackgroundImage]" }] });
   }
 };
 __decorate28([
@@ -16297,7 +16266,7 @@ i0178.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 // lib/components/ecl-page-header/ecl-page-header-description/ecl-page-header-description.component.mjs
 import { Component as Component81, ContentChild as ContentChild23, HostBinding as HostBinding124 } from "@angular/core";
 import * as i0179 from "@angular/core";
-import * as i135 from "@angular/common";
+import * as i134 from "@angular/common";
 var EclPageHeaderDescriptionContainerComponent = class _EclPageHeaderDescriptionContainerComponent extends ECLBaseDirective {
   constructor() {
     super(...arguments);
@@ -16319,7 +16288,7 @@ var EclPageHeaderDescriptionContainerComponent = class _EclPageHeaderDescription
     this.ɵfac = i0179.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0179, type: _EclPageHeaderDescriptionContainerComponent, deps: null, target: i0179.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0179.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclPageHeaderDescriptionContainerComponent, selector: "[eclPageHeaderDescriptionContainer]", host: { properties: { "class.ecl-page-header__description-container": "this.className" } }, queries: [{ propertyName: "thumbnail", first: true, predicate: EclPageHeaderDescriptionThumbnailDirective, descendants: true }, { propertyName: "eclDescriptionPicture", first: true, predicate: EclPageHeaderDescriptionPictureDirective, descendants: true }, { propertyName: "eclImage", first: true, predicate: EclPageHeaderDescriptionThumbnailDirective, descendants: true }], usesInheritance: true, ngImport: i0179, template: '<ng-container *ngIf="isAddingPictureTagRequired">\n    <picture eclPageHeaderDescriptionPicture>\n        <ng-content select="[eclPageHeaderDescriptionThumbnail]"></ng-content>\n    </picture>\n</ng-container>\n<ng-container *ngTemplateOutlet="content"> </ng-container>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n', dependencies: [{ kind: "directive", type: i135.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i135.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EclPageHeaderDescriptionPictureDirective, selector: "[eclPageHeaderDescriptionPicture]" }] });
+    this.ɵcmp = i0179.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclPageHeaderDescriptionContainerComponent, selector: "[eclPageHeaderDescriptionContainer]", host: { properties: { "class.ecl-page-header__description-container": "this.className" } }, queries: [{ propertyName: "thumbnail", first: true, predicate: EclPageHeaderDescriptionThumbnailDirective, descendants: true }, { propertyName: "eclDescriptionPicture", first: true, predicate: EclPageHeaderDescriptionPictureDirective, descendants: true }, { propertyName: "eclImage", first: true, predicate: EclPageHeaderDescriptionThumbnailDirective, descendants: true }], usesInheritance: true, ngImport: i0179, template: '<ng-container *ngIf="isAddingPictureTagRequired">\n    <picture eclPageHeaderDescriptionPicture>\n        <ng-content select="[eclPageHeaderDescriptionThumbnail]"></ng-content>\n    </picture>\n</ng-container>\n<ng-container *ngTemplateOutlet="content"> </ng-container>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n', dependencies: [{ kind: "directive", type: i134.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i134.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EclPageHeaderDescriptionPictureDirective, selector: "[eclPageHeaderDescriptionPicture]" }] });
   }
 };
 i0179.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0179, type: EclPageHeaderDescriptionContainerComponent, decorators: [{
@@ -16402,7 +16371,7 @@ import { __decorate as __decorate29 } from "tslib";
 import { Component as Component82, EventEmitter as EventEmitter37, HostBinding as HostBinding125, Input as Input81, Output as Output37, ViewEncapsulation as ViewEncapsulation11 } from "@angular/core";
 import { coerceBoolean as coerceBoolean25 } from "@eui/base";
 import * as i0181 from "@angular/core";
-import * as i136 from "@angular/common";
+import * as i135 from "@angular/common";
 import * as i215 from "@angular/router";
 import * as i62 from "@ngx-translate/core";
 var EclPaginationItemClickEvent = class extends EclBaseEvent {
@@ -16486,7 +16455,7 @@ var EclPaginationItemComponent = class _EclPaginationItemComponent extends ECLBa
 <span class="ecl-pagination__text ecl-pagination__text--full" aria-current="true">
     {{ 'ecl.pagination.PAGE' | translate: { pageNumber: label } }}
 </span>
-}`, dependencies: [{ kind: "directive", type: i136.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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", "isHiddenLabel", "isNoVisited", "variant"] }, { kind: "directive", type: EclLinkLabelDirective, selector: "[eclLinkLabel]" }, { kind: "pipe", type: i62.TranslatePipe, name: "translate" }], encapsulation: i0181.ViewEncapsulation.None });
+}`, dependencies: [{ kind: "directive", type: i135.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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", "isHiddenLabel", "isNoVisited", "variant"] }, { kind: "directive", type: EclLinkLabelDirective, selector: "[eclLinkLabel]" }, { kind: "pipe", type: i62.TranslatePipe, name: "translate" }], encapsulation: i0181.ViewEncapsulation.None });
   }
 };
 __decorate29([
@@ -16567,7 +16536,7 @@ import { Component as Component83, EventEmitter as EventEmitter38, HostBinding a
 import { DefaultConfig, EuiPagination } from "@eui/base";
 import { coerceNumber as coerceNumber4 } from "@eui/base";
 import * as i0182 from "@angular/core";
-import * as i137 from "@angular/common";
+import * as i136 from "@angular/common";
 var EclPaginationEvent = class extends EclBaseEvent {
   constructor(page, showingFrom, showingTo) {
     super();
@@ -16629,7 +16598,7 @@ var EclPaginationComponent = class _EclPaginationComponent extends ECLBaseDirect
     this.ɵfac = i0182.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0182, type: _EclPaginationComponent, deps: null, target: i0182.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0182.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclPaginationComponent, selector: "ecl-pagination", inputs: { mode: "mode", totalItems: "totalItems", pageSize: "pageSize", currentPage: "currentPage", pageWindowSize: "pageWindowSize" }, outputs: { page: "page" }, host: { properties: { "class.ecl-pagination": "this.cmpClass", "attr.role": "this.role" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0182, template: '<ul class="ecl-pagination__list">\n    <ng-container *ngIf="isModeAuto()">\n        <ecl-pagination-item *ngIf="model.hasPreviousPage()" [isPrevious]="true" (pageClick)="onPreviousPage()"> </ecl-pagination-item>\n\n        <ecl-pagination-item\n            *ngFor="let page of model.getPages()"\n            [label]="page.toString()"\n            [isCurrent]="model.getCurrentPage() === page"\n            (pageClick)="onPage(page)">\n        </ecl-pagination-item>\n\n        <ecl-pagination-item *ngIf="model.hasNextPage()" [isNext]="true" (pageClick)="onNextPage()"> </ecl-pagination-item>\n    </ng-container>\n\n    <ng-container *ngIf="!isModeAuto()">\n        <ng-content></ng-content>\n    </ng-container>\n</ul>\n', styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i137.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i137.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EclPaginationItemComponent, selector: "ecl-pagination-item", inputs: ["label", "ariaLabel", "isCurrent", "isNext", "isPrevious", "routerLink", "queryParams", "queryParamsHandling", "href"], outputs: ["pageClick"] }] });
+    this.ɵcmp = i0182.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclPaginationComponent, selector: "ecl-pagination", inputs: { mode: "mode", totalItems: "totalItems", pageSize: "pageSize", currentPage: "currentPage", pageWindowSize: "pageWindowSize" }, outputs: { page: "page" }, host: { properties: { "class.ecl-pagination": "this.cmpClass", "attr.role": "this.role" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0182, template: '<ul class="ecl-pagination__list">\n    <ng-container *ngIf="isModeAuto()">\n        <ecl-pagination-item *ngIf="model.hasPreviousPage()" [isPrevious]="true" (pageClick)="onPreviousPage()"> </ecl-pagination-item>\n\n        <ecl-pagination-item\n            *ngFor="let page of model.getPages()"\n            [label]="page.toString()"\n            [isCurrent]="model.getCurrentPage() === page"\n            (pageClick)="onPage(page)">\n        </ecl-pagination-item>\n\n        <ecl-pagination-item *ngIf="model.hasNextPage()" [isNext]="true" (pageClick)="onNextPage()"> </ecl-pagination-item>\n    </ng-container>\n\n    <ng-container *ngIf="!isModeAuto()">\n        <ng-content></ng-content>\n    </ng-container>\n</ul>\n', styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i136.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i136.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EclPaginationItemComponent, selector: "ecl-pagination-item", inputs: ["label", "ariaLabel", "isCurrent", "isNext", "isPrevious", "routerLink", "queryParams", "queryParamsHandling", "href"], outputs: ["pageClick"] }] });
   }
 };
 __decorate30([
@@ -17171,7 +17140,7 @@ i0190.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 // lib/components/ecl-radio/ecl-radio-input.directive.mjs
 import { Directive as Directive55, HostBinding as HostBinding133, Optional as Optional6, Self as Self4, Inject as Inject5, forwardRef as forwardRef50 } from "@angular/core";
 import * as i0191 from "@angular/core";
-import * as i138 from "@angular/forms";
+import * as i137 from "@angular/forms";
 var EclRadioInputDirective = class _EclRadioInputDirective extends ECLBaseDirective {
   get cssClasses() {
     return [super.getCssClasses("ecl-radio__input")].join(" ").trim();
@@ -17191,7 +17160,7 @@ var EclRadioInputDirective = class _EclRadioInputDirective extends ECLBaseDirect
     }
   }
   static {
-    this.ɵfac = i0191.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0191, type: _EclRadioInputDirective, deps: [{ token: forwardRef50(() => EclRadioDirective) }, { token: i138.NgControl, optional: true, self: true }, { token: i0191.ChangeDetectorRef }], target: i0191.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i0191.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0191, type: _EclRadioInputDirective, deps: [{ token: forwardRef50(() => EclRadioDirective) }, { token: i137.NgControl, optional: true, self: true }, { token: i0191.ChangeDetectorRef }], target: i0191.ɵɵFactoryTarget.Directive });
   }
   static {
     this.ɵdir = i0191.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclRadioInputDirective, selector: "input[eclRadioInput]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0191 });
@@ -17205,7 +17174,7 @@ i0191.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }], ctorParameters: () => [{ type: EclRadioDirective, decorators: [{
   type: Inject5,
   args: [forwardRef50(() => EclRadioDirective)]
-}] }, { type: i138.NgControl, decorators: [{
+}] }, { type: i137.NgControl, decorators: [{
   type: Optional6
 }, {
   type: Self4
@@ -17244,7 +17213,7 @@ import { Component as Component87, EventEmitter as EventEmitter40, forwardRef as
 import { NG_VALUE_ACCESSOR as NG_VALUE_ACCESSOR6 } from "@angular/forms";
 import { coerceBoolean as coerceBoolean29, coerceNumber as coerceNumber5 } from "@eui/base";
 import * as i0193 from "@angular/core";
-import * as i139 from "@angular/common";
+import * as i138 from "@angular/common";
 var EclRatingChangeEvent = class extends EclBaseEvent {
   constructor(value) {
     super();
@@ -17298,7 +17267,7 @@ var EclRatingFieldComponent = class _EclRatingFieldComponent extends ECLBaseDire
     this.ɵfac = i0193.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0193, type: _EclRatingFieldComponent, deps: [], target: i0193.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0193.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", 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: i0193, 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: i139.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"] }] });
+    this.ɵcmp = i0193.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", 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: i0193, 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: i138.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"] }] });
   }
 };
 __decorate34([
@@ -17367,7 +17336,7 @@ i0194.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 // lib/components/ecl-range/ecl-range-value.component.mjs
 import { Component as Component88, HostBinding as HostBinding135, Input as Input87 } from "@angular/core";
 import * as i0195 from "@angular/core";
-import * as i140 from "@ngx-translate/core";
+import * as i139 from "@ngx-translate/core";
 var EclRangeValueComponent = class _EclRangeValueComponent extends ECLBaseDirective {
   get cssClasses() {
     return [super.getCssClasses("ecl-range__value")].join(" ").trim();
@@ -17377,7 +17346,7 @@ var EclRangeValueComponent = class _EclRangeValueComponent extends ECLBaseDirect
   }
   static {
     this.ɵcmp = i0195.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclRangeValueComponent, selector: "ecl-range-value", inputs: { value: "value" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0195, template: `{{ 'ecl.common.VALUE' | translate }}: <span class="ecl-range__value-current"> {{ value }} </span>
-`, styles: [":host{display:block}\n"], dependencies: [{ kind: "pipe", type: i140.TranslatePipe, name: "translate" }] });
+`, styles: [":host{display:block}\n"], dependencies: [{ kind: "pipe", type: i139.TranslatePipe, name: "translate" }] });
   }
 };
 i0195.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0195, type: EclRangeValueComponent, decorators: [{
@@ -17397,7 +17366,7 @@ import { Directive as Directive56, EventEmitter as EventEmitter41, HostBinding a
 import { coerceBoolean as coerceBoolean30 } from "@eui/base";
 import { distinctUntilChanged } from "rxjs";
 import * as i0196 from "@angular/core";
-import * as i141 from "@angular/forms";
+import * as i140 from "@angular/forms";
 var EclRangeEvent = class extends EclBaseEvent {
   constructor(value) {
     super();
@@ -17446,7 +17415,7 @@ var EclRangeDirective = class _EclRangeDirective extends ECLBaseDirective {
     this.rangeChange.next(new EclRangeEvent(numberValue));
   }
   static {
-    this.ɵfac = i0196.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0196, type: _EclRangeDirective, deps: [{ token: i0196.ViewContainerRef }, { token: i141.NgControl, optional: true, self: true }], target: i0196.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i0196.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0196, type: _EclRangeDirective, deps: [{ token: i0196.ViewContainerRef }, { token: i140.NgControl, optional: true, self: true }], target: i0196.ɵɵFactoryTarget.Directive });
   }
   static {
     this.ɵdir = i0196.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", 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: i0196 });
@@ -17460,7 +17429,7 @@ i0196.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   args: [{
     selector: "input[eclRange]"
   }]
-}], ctorParameters: () => [{ type: i0196.ViewContainerRef }, { type: i141.NgControl, decorators: [{
+}], ctorParameters: () => [{ type: i0196.ViewContainerRef }, { type: i140.NgControl, decorators: [{
   type: Optional7
 }, {
   type: Self5
@@ -17548,7 +17517,7 @@ import { __decorate as __decorate36 } from "tslib";
 import { Directive as Directive57, HostBinding as HostBinding138, Input as Input90, Optional as Optional8, Self as Self6 } from "@angular/core";
 import { coerceBoolean as coerceBoolean31 } from "@eui/base";
 import * as i0199 from "@angular/core";
-import * as i142 from "@angular/forms";
+import * as i141 from "@angular/forms";
 var EclSelectDirective = class _EclSelectDirective extends ECLBaseDirective {
   get cssClasses() {
     return [super.getCssClasses("ecl-select")].join(" ").trim();
@@ -17590,7 +17559,7 @@ var EclSelectDirective = class _EclSelectDirective extends ECLBaseDirective {
     this.containerComponent.isInvalid = this.isInvalidState;
   }
   static {
-    this.ɵfac = i0199.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0199, type: _EclSelectDirective, deps: [{ token: i142.NgControl, optional: true, self: true }, { token: i0199.ElementRef }, { token: i0199.ViewContainerRef }], target: i0199.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i0199.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0199, type: _EclSelectDirective, deps: [{ token: i141.NgControl, optional: true, self: true }, { token: i0199.ElementRef }, { token: i0199.ViewContainerRef }], target: i0199.ɵɵFactoryTarget.Directive });
   }
   static {
     this.ɵdir = i0199.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", 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: i0199 });
@@ -17607,7 +17576,7 @@ i0199.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   args: [{
     selector: "select[eclSelect]"
   }]
-}], ctorParameters: () => [{ type: i142.NgControl, decorators: [{
+}], ctorParameters: () => [{ type: i141.NgControl, decorators: [{
   type: Optional8
 }, {
   type: Self6
@@ -17657,9 +17626,9 @@ i0200.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] });
 
 // lib/components/ecl-social-media-follow/ecl-social-media-follow.component.mjs
-import { Component as Component90, HostBinding as HostBinding139, Input as Input91, booleanAttribute as booleanAttribute19 } from "@angular/core";
+import { Component as Component90, HostBinding as HostBinding139, Input as Input91, booleanAttribute as booleanAttribute20 } from "@angular/core";
 import * as i0201 from "@angular/core";
-import * as i143 from "@angular/common";
+import * as i142 from "@angular/common";
 var EclSocialMediaFollowComponent = class _EclSocialMediaFollowComponent extends ECLBaseDirective {
   constructor() {
     super(...arguments);
@@ -17672,7 +17641,7 @@ var EclSocialMediaFollowComponent = class _EclSocialMediaFollowComponent extends
     this.ɵfac = i0201.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0201, type: _EclSocialMediaFollowComponent, deps: null, target: i0201.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0201.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclSocialMediaFollowComponent, selector: "ecl-social-media-follow", inputs: { description: "description", isVertical: ["isVertical", "isVertical", booleanAttribute19] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0201, 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: i143.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    this.ɵcmp = i0201.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclSocialMediaFollowComponent, selector: "ecl-social-media-follow", inputs: { description: "description", isVertical: ["isVertical", "isVertical", booleanAttribute20] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0201, 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: i142.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
   }
 };
 i0201.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0201, type: EclSocialMediaFollowComponent, decorators: [{
@@ -17682,7 +17651,7 @@ i0201.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   type: Input91
 }], isVertical: [{
   type: Input91,
-  args: [{ transform: booleanAttribute19 }]
+  args: [{ transform: booleanAttribute20 }]
 }], cssClasses: [{
   type: HostBinding139,
   args: ["class"]
@@ -17691,7 +17660,7 @@ i0201.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 // lib/components/ecl-social-media-follow/ecl-social-media-follow-item.component.mjs
 import { Component as Component91, EventEmitter as EventEmitter42, HostBinding as HostBinding140, Input as Input92, Output as Output42 } from "@angular/core";
 import * as i0202 from "@angular/core";
-import * as i144 from "@angular/common";
+import * as i143 from "@angular/common";
 import * as i216 from "@angular/router";
 var EclSocialMediaFollowItemClickEvent = class extends EclBaseEvent {
 };
@@ -17718,7 +17687,7 @@ var EclSocialMediaFollowItemComponent = class _EclSocialMediaFollowItemComponent
     this.ɵfac = i0202.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0202, type: _EclSocialMediaFollowItemComponent, deps: null, target: i0202.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0202.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", 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: i0202, 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: i144.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", "isHiddenLabel", "isNoVisited", "variant"] }, { kind: "directive", type: EclLinkLabelDirective, selector: "[eclLinkLabel]" }] });
+    this.ɵcmp = i0202.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", 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: i0202, 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: i143.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", "isHiddenLabel", "isNoVisited", "variant"] }, { kind: "directive", type: EclLinkLabelDirective, selector: "[eclLinkLabel]" }] });
   }
 };
 i0202.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0202, type: EclSocialMediaFollowItemComponent, decorators: [{
@@ -17842,7 +17811,7 @@ i0205.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 // lib/components/ecl-social-media-share/ecl-social-media-share-item.component.mjs
 import { Component as Component93, EventEmitter as EventEmitter43, HostBinding as HostBinding143, Input as Input94, Output as Output43 } from "@angular/core";
 import * as i0206 from "@angular/core";
-import * as i145 from "@angular/common";
+import * as i144 from "@angular/common";
 var EclSocialMediaShareItemClickEvent = class extends EclBaseEvent {
 };
 var EclSocialMediaShareItemComponent = class _EclSocialMediaShareItemComponent extends ECLBaseDirective {
@@ -17867,7 +17836,7 @@ var EclSocialMediaShareItemComponent = class _EclSocialMediaShareItemComponent e
     this.ɵfac = i0206.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0206, type: _EclSocialMediaShareItemComponent, deps: null, target: i0206.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0206.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclSocialMediaShareItemComponent, selector: "ecl-social-media-share-item", inputs: { icon: "icon", iconSet: "iconSet", size: "size", href: "href", target: "target" }, outputs: { itemClick: "itemClick" }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0206, template: '<a\n    eclLink\n    *ngIf="href"\n    (click)="onItemClick($event)"\n    variant="standalone"\n    [href]="href"\n    [attr.target]="target"\n    class="ecl-social-media-share__link">\n    <ecl-icon *ngIf="icon" [iconSet]="iconSet" icon="{{ icon }}" [size]="size" class="ecl-social-media-share__icon"> </ecl-icon>\n\n    <span eclLinkLabel>\n        <ng-container *ngTemplateOutlet="content"></ng-container>\n    </span>\n</a>\n\n<ng-container *ngIf="!href">\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n</ng-container>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n', dependencies: [{ kind: "directive", type: i145.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i145.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isHiddenLabel", "isNoVisited", "variant"] }, { kind: "directive", type: EclLinkLabelDirective, selector: "[eclLinkLabel]" }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }] });
+    this.ɵcmp = i0206.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclSocialMediaShareItemComponent, selector: "ecl-social-media-share-item", inputs: { icon: "icon", iconSet: "iconSet", size: "size", href: "href", target: "target" }, outputs: { itemClick: "itemClick" }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0206, template: '<a\n    eclLink\n    *ngIf="href"\n    (click)="onItemClick($event)"\n    variant="standalone"\n    [href]="href"\n    [attr.target]="target"\n    class="ecl-social-media-share__link">\n    <ecl-icon *ngIf="icon" [iconSet]="iconSet" icon="{{ icon }}" [size]="size" class="ecl-social-media-share__icon"> </ecl-icon>\n\n    <span eclLinkLabel>\n        <ng-container *ngTemplateOutlet="content"></ng-container>\n    </span>\n</a>\n\n<ng-container *ngIf="!href">\n    <ng-container *ngTemplateOutlet="content"></ng-container>\n</ng-container>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n', dependencies: [{ kind: "directive", type: i144.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i144.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isHiddenLabel", "isNoVisited", "variant"] }, { kind: "directive", type: EclLinkLabelDirective, selector: "[eclLinkLabel]" }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }] });
   }
 };
 i0206.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0206, type: EclSocialMediaShareItemComponent, decorators: [{
@@ -17951,7 +17920,7 @@ i0208.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] });
 
 // lib/components/ecl-loading-indicator/ecl-loading-indicator.component.mjs
-import { Component as Component94, HostBinding as HostBinding145, Input as Input95, booleanAttribute as booleanAttribute20 } from "@angular/core";
+import { Component as Component94, HostBinding as HostBinding145, Input as Input95, booleanAttribute as booleanAttribute21 } from "@angular/core";
 import * as i0209 from "@angular/core";
 var EclLoadingIndicatorComponent = class _EclLoadingIndicatorComponent extends ECLBaseDirective {
   constructor() {
@@ -17974,7 +17943,7 @@ var EclLoadingIndicatorComponent = class _EclLoadingIndicatorComponent extends E
     this.ɵfac = i0209.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0209, type: _EclLoadingIndicatorComponent, deps: null, target: i0209.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0209.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclLoadingIndicatorComponent, selector: "ecl-loading-indicator", inputs: { size: "size", variant: "variant", isCentered: ["isCentered", "isCentered", booleanAttribute20], isVisible: ["isVisible", "isVisible", booleanAttribute20] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0209, 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 = i0209.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclLoadingIndicatorComponent, selector: "ecl-loading-indicator", inputs: { size: "size", variant: "variant", isCentered: ["isCentered", "isCentered", booleanAttribute21], isVisible: ["isVisible", "isVisible", booleanAttribute21] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0209, 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' });
   }
 };
 i0209.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0209, type: EclLoadingIndicatorComponent, decorators: [{
@@ -17989,10 +17958,10 @@ i0209.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   type: Input95
 }], isCentered: [{
   type: Input95,
-  args: [{ transform: booleanAttribute20 }]
+  args: [{ transform: booleanAttribute21 }]
 }], isVisible: [{
   type: Input95,
-  args: [{ transform: booleanAttribute20 }]
+  args: [{ transform: booleanAttribute21 }]
 }] } });
 
 // lib/components/ecl-loading-indicator/ecl-loading-indicator-label.directive.mjs
@@ -18104,7 +18073,7 @@ i0213.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-table/ecl-table.directive.mjs
-import { ContentChildren as ContentChildren25, Directive as Directive62, EventEmitter as EventEmitter44, forwardRef as forwardRef52, HostBinding as HostBinding149, HostListener as HostListener22, Input as Input96, Output as Output44, booleanAttribute as booleanAttribute21 } from "@angular/core";
+import { ContentChildren as ContentChildren25, Directive as Directive62, EventEmitter as EventEmitter44, forwardRef as forwardRef52, HostBinding as HostBinding149, HostListener as HostListener22, Input as Input96, Output as Output44, booleanAttribute as booleanAttribute22 } from "@angular/core";
 import { Subject as Subject27 } from "rxjs";
 import { takeUntil as takeUntil24 } from "rxjs/operators";
 import * as i0214 from "@angular/core";
@@ -18150,7 +18119,7 @@ var EclTableDirective = class _EclTableDirective extends ECLBaseDirective {
     this.ɵfac = i0214.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0214, type: _EclTableDirective, deps: [{ token: i0214.IterableDiffers }], target: i0214.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i0214.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclTableDirective, selector: "[eclTable]", inputs: { isZebra: ["isZebra", "isZebra", booleanAttribute21] }, outputs: { sort: "sort" }, host: { properties: { "class.ecl-table--zebra": "this.isZebra", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclTableHeaders", predicate: i0214.forwardRef(() => EclTableHeaderDirective), descendants: true }], usesInheritance: true, ngImport: i0214 });
+    this.ɵdir = i0214.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclTableDirective, selector: "[eclTable]", inputs: { isZebra: ["isZebra", "isZebra", booleanAttribute22] }, outputs: { sort: "sort" }, host: { properties: { "class.ecl-table--zebra": "this.isZebra", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclTableHeaders", predicate: i0214.forwardRef(() => EclTableHeaderDirective), descendants: true }], usesInheritance: true, ngImport: i0214 });
   }
 };
 i0214.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0214, type: EclTableDirective, decorators: [{
@@ -18160,7 +18129,7 @@ i0214.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   }]
 }], ctorParameters: () => [{ type: i0214.IterableDiffers }], propDecorators: { isZebra: [{
   type: Input96,
-  args: [{ transform: booleanAttribute21 }]
+  args: [{ transform: booleanAttribute22 }]
 }, {
   type: HostBinding149,
   args: ["class.ecl-table--zebra"]
@@ -18640,7 +18609,7 @@ import { Component as Component99, ContentChildren as ContentChildren26, EventEm
 import { of as of4, Subject as Subject28 } from "rxjs";
 import { mergeWith as mergeWith3, takeUntil as takeUntil25 } from "rxjs/operators";
 import * as i0219 from "@angular/core";
-import * as i146 from "@angular/cdk/layout";
+import * as i145 from "@angular/cdk/layout";
 import * as i38 from "@angular/common";
 import * as i10 from "@ngx-translate/core";
 var ShiftDirection;
@@ -19045,7 +19014,7 @@ var EclTabsComponent = class _EclTabsComponent extends ECLBaseDirective {
     this.index = 0;
   }
   static {
-    this.ɵfac = i0219.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0219, type: _EclTabsComponent, deps: [{ token: i0219.IterableDiffers }, { token: i146.BreakpointObserver }, { token: i0219.ChangeDetectorRef }, { token: i0219.ElementRef }, { token: EclRtlService }], target: i0219.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0219.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0219, type: _EclTabsComponent, deps: [{ token: i0219.IterableDiffers }, { token: i145.BreakpointObserver }, { token: i0219.ChangeDetectorRef }, { token: i0219.ElementRef }, { token: EclRtlService }], target: i0219.ɵɵFactoryTarget.Component });
   }
   static {
     this.ɵcmp = i0219.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclTabsComponent, selector: "nav[eclTabs], ecl-tabs", inputs: { bodyClass: "bodyClass", direction: "direction" }, outputs: { tabSelect: "tabSelect" }, host: { listeners: { "document:click": "onClick($event.target)", "window:resize": "onWindowResize($event)" } }, queries: [{ propertyName: "tabs", predicate: i0219.forwardRef(() => EclTabComponent) }], viewQueries: [{ propertyName: "tabsList", first: true, predicate: ["tabsList"], descendants: true }, { propertyName: "moreButton", first: true, predicate: ["moreButton"], descendants: true }, { propertyName: "btnPrev", first: true, predicate: ["btnPrev"], descendants: true }, { propertyName: "btnNext", first: true, predicate: ["btnNext"], descendants: true }, { propertyName: "dropdownList", first: true, predicate: ["dropdownList"], descendants: true }], usesInheritance: true, ngImport: i0219, template: `<nav class="ecl-tabs">
@@ -19222,7 +19191,7 @@ i0219.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
     </div>
 </ng-container>
 ` }]
-}], ctorParameters: () => [{ type: i0219.IterableDiffers }, { type: i146.BreakpointObserver }, { type: i0219.ChangeDetectorRef }, { type: i0219.ElementRef }, { type: EclRtlService }], propDecorators: { bodyClass: [{
+}], ctorParameters: () => [{ type: i0219.IterableDiffers }, { type: i145.BreakpointObserver }, { type: i0219.ChangeDetectorRef }, { type: i0219.ElementRef }, { type: EclRtlService }], propDecorators: { bodyClass: [{
   type: Input99
 }], direction: [{
   type: Input99
@@ -19301,22 +19270,28 @@ i0220.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] });
 
 // lib/components/ecl-tag/ecl-tag.component.mjs
-import { Component as Component100, Input as Input100, HostBinding as HostBinding152, Output as Output47, EventEmitter as EventEmitter47 } from "@angular/core";
+import { Component as Component100, Input as Input100, HostBinding as HostBinding152, Output as Output47, EventEmitter as EventEmitter47, booleanAttribute as booleanAttribute23 } from "@angular/core";
 import * as i0221 from "@angular/core";
-import * as i147 from "@angular/common";
+import * as i217 from "@angular/common";
 var EclTagRemoveEvent = class extends EclBaseEvent {
 };
 var EclTagComponent = class _EclTagComponent extends ECLBaseDirective {
   constructor() {
     super(...arguments);
+    this.isWrapped = true;
     this.remove = new EventEmitter47();
     this.isVisible = true;
+    this.title = "dimiss";
   }
   get isHidden() {
     return !this.isVisible || null;
   }
   get cssClasses() {
-    return [super.getCssClasses("ecl-tag"), this.variant ? `ecl-tag--${this.variant}` : ""].join(" ").trim();
+    return [
+      super.getCssClasses("ecl-tag"),
+      this.variant ? `ecl-tag--${this.variant}` : "",
+      this.isWrapped ? "" : "ecl-tag--nowrap"
+    ].join(" ").trim();
   }
   get isRemovable() {
     return this.variant == "removable";
@@ -19332,14 +19307,17 @@ var EclTagComponent = class _EclTagComponent extends ECLBaseDirective {
     this.ɵfac = i0221.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0221, type: _EclTagComponent, deps: null, target: i0221.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0221.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclTagComponent, selector: "ecl-tag, [eclTag]", inputs: { variant: "variant" }, outputs: { remove: "remove" }, host: { properties: { "attr.hidden": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0221, template: '<ng-content></ng-content>\n\n<span *ngIf="isRemovable" class="ecl-tag__icon" (click)="onRemoveClick($event)">\n    <ecl-icon icon="close" class="ecl-tag__icon-close"></ecl-icon>\n    <ecl-icon icon="close-filled" class="ecl-tag__icon-close-filled"></ecl-icon>\n</span>\n', dependencies: [{ kind: "directive", type: i147.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }] });
+    this.ɵcmp = i0221.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: _EclTagComponent, selector: "ecl-tag, [eclTag]", inputs: { variant: "variant", isWrapped: ["isWrapped", "isWrapped", booleanAttribute23] }, outputs: { remove: "remove" }, host: { properties: { "attr.hidden": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0221, 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" }] });
   }
 };
 i0221.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0221, type: EclTagComponent, decorators: [{
   type: Component100,
-  args: [{ selector: "ecl-tag, [eclTag]", template: '<ng-content></ng-content>\n\n<span *ngIf="isRemovable" class="ecl-tag__icon" (click)="onRemoveClick($event)">\n    <ecl-icon icon="close" class="ecl-tag__icon-close"></ecl-icon>\n    <ecl-icon icon="close-filled" class="ecl-tag__icon-close-filled"></ecl-icon>\n</span>\n' }]
+  args: [{ selector: "ecl-tag, [eclTag]", 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' }]
 }], propDecorators: { variant: [{
   type: Input100
+}], isWrapped: [{
+  type: Input100,
+  args: [{ transform: booleanAttribute23 }]
 }], remove: [{
   type: Output47
 }], isHidden: [{
@@ -19350,36 +19328,60 @@ i0221.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   args: ["class"]
 }] } });
 
+// lib/components/ecl-tag/ecl-tag-set.directive.mjs
+import { Directive as Directive63, HostBinding as HostBinding153 } from "@angular/core";
+import * as i0222 from "@angular/core";
+var EclTagSetDirective = class _EclTagSetDirective extends ECLBaseDirective {
+  get cssClasses() {
+    return [super.getCssClasses("ecl-tag-set")].join(" ").trim();
+  }
+  static {
+    this.ɵfac = i0222.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0222, type: _EclTagSetDirective, deps: null, target: i0222.ɵɵFactoryTarget.Directive });
+  }
+  static {
+    this.ɵdir = i0222.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclTagSetDirective, selector: "[eclTagSet]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0222 });
+  }
+};
+i0222.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0222, type: EclTagSetDirective, decorators: [{
+  type: Directive63,
+  args: [{
+    selector: "[eclTagSet]"
+  }]
+}], propDecorators: { cssClasses: [{
+  type: HostBinding153,
+  args: ["class"]
+}] } });
+
 // lib/components/ecl-tag/ecl-tag.module.mjs
 import { NgModule as NgModule56 } from "@angular/core";
 import { CommonModule as CommonModule56 } from "@angular/common";
-import * as i0222 from "@angular/core";
+import * as i0223 from "@angular/core";
 var EclTagComponentModule = class _EclTagComponentModule {
   static {
-    this.ɵfac = i0222.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0222, type: _EclTagComponentModule, deps: [], target: i0222.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i0223.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0223, type: _EclTagComponentModule, deps: [], target: i0223.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i0222.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0222, type: _EclTagComponentModule, declarations: [EclTagComponent], imports: [CommonModule56, EclIconComponentModule], exports: [EclTagComponent] });
+    this.ɵmod = i0223.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0223, type: _EclTagComponentModule, declarations: [EclTagComponent, EclTagSetDirective], imports: [CommonModule56, EclIconComponentModule], exports: [EclTagComponent, EclTagSetDirective] });
   }
   static {
-    this.ɵinj = i0222.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0222, type: _EclTagComponentModule, imports: [CommonModule56, EclIconComponentModule] });
+    this.ɵinj = i0223.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0223, type: _EclTagComponentModule, imports: [CommonModule56, EclIconComponentModule] });
   }
 };
-i0222.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0222, type: EclTagComponentModule, decorators: [{
+i0223.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0223, type: EclTagComponentModule, decorators: [{
   type: NgModule56,
   args: [{
     imports: [CommonModule56, EclIconComponentModule],
-    exports: [EclTagComponent],
-    declarations: [EclTagComponent]
+    exports: [EclTagComponent, EclTagSetDirective],
+    declarations: [EclTagComponent, EclTagSetDirective]
   }]
 }] });
 
 // lib/components/ecl-text-area/ecl-text-area.directive.mjs
 import { __decorate as __decorate40 } from "tslib";
-import { Directive as Directive63, HostBinding as HostBinding153, Input as Input101, Optional as Optional9, Self as Self7 } from "@angular/core";
+import { Directive as Directive64, HostBinding as HostBinding154, Input as Input101, Optional as Optional9, Self as Self7 } from "@angular/core";
 import { coerceBoolean as coerceBoolean35 } from "@eui/base";
-import * as i0223 from "@angular/core";
-import * as i148 from "@angular/forms";
+import * as i0224 from "@angular/core";
+import * as i146 from "@angular/forms";
 var EclTextAreaDirective = class _EclTextAreaDirective extends ECLBaseDirective {
   get cssClasses() {
     return [super.getCssClasses("ecl-text-area"), this.eclSize ? `ecl-text-area--${this.eclSize}` : ""].join(" ").trim();
@@ -19398,21 +19400,21 @@ var EclTextAreaDirective = class _EclTextAreaDirective extends ECLBaseDirective
     this.isInvalid = false;
   }
   static {
-    this.ɵfac = i0223.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0223, type: _EclTextAreaDirective, deps: [{ token: i148.NgControl, optional: true, self: true }], target: i0223.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i0224.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0224, type: _EclTextAreaDirective, deps: [{ token: i146.NgControl, optional: true, self: true }], target: i0224.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i0223.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", 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: i0223 });
+    this.ɵdir = i0224.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", 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: i0224 });
   }
 };
 __decorate40([
   coerceBoolean35
 ], EclTextAreaDirective.prototype, "isInvalid", void 0);
-i0223.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0223, type: EclTextAreaDirective, decorators: [{
-  type: Directive63,
+i0224.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0224, type: EclTextAreaDirective, decorators: [{
+  type: Directive64,
   args: [{
     selector: "textarea[eclTextArea]"
   }]
-}], ctorParameters: () => [{ type: i148.NgControl, decorators: [{
+}], ctorParameters: () => [{ type: i146.NgControl, decorators: [{
   type: Optional9
 }, {
   type: Self7
@@ -19421,29 +19423,29 @@ i0223.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }], isInvalid: [{
   type: Input101
 }], cssClasses: [{
-  type: HostBinding153,
+  type: HostBinding154,
   args: ["class"]
 }], invalidState: [{
-  type: HostBinding153,
+  type: HostBinding154,
   args: ["class.ecl-text-area--invalid"]
 }] } });
 
 // lib/components/ecl-text-area/ecl-text-area.module.mjs
 import { NgModule as NgModule57 } from "@angular/core";
 import { CommonModule as CommonModule57 } from "@angular/common";
-import * as i0224 from "@angular/core";
+import * as i0225 from "@angular/core";
 var EclTextAreaDirectiveModule = class _EclTextAreaDirectiveModule {
   static {
-    this.ɵfac = i0224.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0224, type: _EclTextAreaDirectiveModule, deps: [], target: i0224.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i0225.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0225, type: _EclTextAreaDirectiveModule, deps: [], target: i0225.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i0224.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0224, type: _EclTextAreaDirectiveModule, declarations: [EclTextAreaDirective], imports: [CommonModule57], exports: [EclTextAreaDirective] });
+    this.ɵmod = i0225.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0225, type: _EclTextAreaDirectiveModule, declarations: [EclTextAreaDirective], imports: [CommonModule57], exports: [EclTextAreaDirective] });
   }
   static {
-    this.ɵinj = i0224.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0224, type: _EclTextAreaDirectiveModule, imports: [CommonModule57] });
+    this.ɵinj = i0225.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0225, type: _EclTextAreaDirectiveModule, imports: [CommonModule57] });
   }
 };
-i0224.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0224, type: EclTextAreaDirectiveModule, decorators: [{
+i0225.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0225, type: EclTextAreaDirectiveModule, decorators: [{
   type: NgModule57,
   args: [{
     imports: [CommonModule57],
@@ -19453,56 +19455,56 @@ i0224.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] });
 
 // lib/components/ecl-timeline/ecl-timeline-item-label.directive.mjs
-import { Directive as Directive64, HostBinding as HostBinding154 } from "@angular/core";
-import * as i0225 from "@angular/core";
+import { Directive as Directive65, HostBinding as HostBinding155 } from "@angular/core";
+import * as i0226 from "@angular/core";
 var EclTimelineItemLabelDirective = class _EclTimelineItemLabelDirective extends ECLBaseDirective {
   get cssClasses() {
     return [super.getCssClasses("ecl-timeline__label")].join(" ").trim();
   }
   static {
-    this.ɵfac = i0225.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0225, type: _EclTimelineItemLabelDirective, deps: null, target: i0225.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i0226.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0226, type: _EclTimelineItemLabelDirective, deps: null, target: i0226.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i0225.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclTimelineItemLabelDirective, selector: "[eclTimelineItemLabel]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0225 });
+    this.ɵdir = i0226.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclTimelineItemLabelDirective, selector: "[eclTimelineItemLabel]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0226 });
   }
 };
-i0225.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0225, type: EclTimelineItemLabelDirective, decorators: [{
-  type: Directive64,
+i0226.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0226, type: EclTimelineItemLabelDirective, decorators: [{
+  type: Directive65,
   args: [{
     selector: "[eclTimelineItemLabel]"
   }]
 }], propDecorators: { cssClasses: [{
-  type: HostBinding154,
+  type: HostBinding155,
   args: ["class"]
 }] } });
 
 // lib/components/ecl-timeline/ecl-timeline-item-title.directive.mjs
-import { Directive as Directive65, HostBinding as HostBinding155 } from "@angular/core";
-import * as i0226 from "@angular/core";
+import { Directive as Directive66, HostBinding as HostBinding156 } from "@angular/core";
+import * as i0227 from "@angular/core";
 var EclTimelineItemTitleDirective = class _EclTimelineItemTitleDirective extends ECLBaseDirective {
   get cssClasses() {
     return [super.getCssClasses("ecl-timeline__title")].join(" ").trim();
   }
   static {
-    this.ɵfac = i0226.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0226, type: _EclTimelineItemTitleDirective, deps: null, target: i0226.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i0227.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0227, type: _EclTimelineItemTitleDirective, deps: null, target: i0227.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i0226.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclTimelineItemTitleDirective, selector: "[eclTimelineItemTitle]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0226 });
+    this.ɵdir = i0227.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclTimelineItemTitleDirective, selector: "[eclTimelineItemTitle]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0227 });
   }
 };
-i0226.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0226, type: EclTimelineItemTitleDirective, decorators: [{
-  type: Directive65,
+i0227.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0227, type: EclTimelineItemTitleDirective, decorators: [{
+  type: Directive66,
   args: [{
     selector: "[eclTimelineItemTitle]"
   }]
 }], propDecorators: { cssClasses: [{
-  type: HostBinding155,
+  type: HostBinding156,
   args: ["class"]
 }] } });
 
 // lib/components/ecl-timeline/ecl-timeline-item-toggler.component.mjs
 import { Component as Component101, EventEmitter as EventEmitter48, HostListener as HostListener24, Output as Output48 } from "@angular/core";
-import * as i0227 from "@angular/core";
+import * as i0228 from "@angular/core";
 var EclTimelineItemTogglerComponent = class _EclTimelineItemTogglerComponent extends ECLBaseDirective {
   constructor() {
     super(...arguments);
@@ -19512,13 +19514,13 @@ var EclTimelineItemTogglerComponent = class _EclTimelineItemTogglerComponent ext
     this.toggle.emit();
   }
   static {
-    this.ɵfac = i0227.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0227, type: _EclTimelineItemTogglerComponent, deps: null, target: i0227.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0228.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0228, type: _EclTimelineItemTogglerComponent, deps: null, target: i0228.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0227.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclTimelineItemTogglerComponent, selector: "ecl-timeline-item-toggler", outputs: { toggle: "toggle" }, host: { listeners: { "click": "onTogglerClick()" } }, usesInheritance: true, ngImport: i0227, template: "<ng-content></ng-content>\n" });
+    this.ɵcmp = i0228.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclTimelineItemTogglerComponent, selector: "ecl-timeline-item-toggler", outputs: { toggle: "toggle" }, host: { listeners: { "click": "onTogglerClick()" } }, usesInheritance: true, ngImport: i0228, template: "<ng-content></ng-content>\n" });
   }
 };
-i0227.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0227, type: EclTimelineItemTogglerComponent, decorators: [{
+i0228.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0228, type: EclTimelineItemTogglerComponent, decorators: [{
   type: Component101,
   args: [{ selector: "ecl-timeline-item-toggler", template: "<ng-content></ng-content>\n" }]
 }], propDecorators: { toggle: [{
@@ -19530,12 +19532,12 @@ i0227.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 
 // lib/components/ecl-timeline/ecl-timeline-item.component.mjs
 import { __decorate as __decorate41 } from "tslib";
-import { Component as Component102, Input as Input102, HostBinding as HostBinding156, ViewEncapsulation as ViewEncapsulation17, Output as Output49, EventEmitter as EventEmitter49, ContentChild as ContentChild29, forwardRef as forwardRef56 } from "@angular/core";
+import { Component as Component102, Input as Input102, HostBinding as HostBinding157, ViewEncapsulation as ViewEncapsulation17, Output as Output49, EventEmitter as EventEmitter49, ContentChild as ContentChild29, forwardRef as forwardRef56 } from "@angular/core";
 import { coerceBoolean as coerceBoolean36 } from "@eui/base";
 import { Subject as Subject29 } from "rxjs";
 import { takeUntil as takeUntil26 } from "rxjs/operators";
-import * as i0228 from "@angular/core";
-import * as i149 from "@angular/common";
+import * as i0229 from "@angular/core";
+import * as i147 from "@angular/common";
 import * as i56 from "@ngx-translate/core";
 var EclTimelineItemToggleEvent = class extends EclBaseEvent {
   constructor(isExpanded, toggleGroup) {
@@ -19591,10 +19593,10 @@ var EclTimelineItemComponent = class _EclTimelineItemComponent extends ECLBaseDi
     }
   }
   static {
-    this.ɵfac = i0228.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0228, type: _EclTimelineItemComponent, deps: null, target: i0228.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0229.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0229, type: _EclTimelineItemComponent, deps: null, target: i0229.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0228.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclTimelineItemComponent, selector: "ecl-timeline-item", inputs: { label: "label", eclTitle: "eclTitle", toggleButtonLabel: "toggleButtonLabel", expandLabel: "expandLabel", collapseLabel: "collapseLabel", isTogglerExpanded: "isTogglerExpanded", isCollapsed: "isCollapsed", isToggler: "isToggler", toggleGroup: "toggleGroup" }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses", "class.ecl-timeline__item--collapsed": "this.isCollapsed", "class.ecl-timeline__item--toggle": "this.isToggler" } }, queries: [{ propertyName: "timelineItemToggler", first: true, predicate: i0228.forwardRef(() => EclTimelineItemTogglerComponent), descendants: true }], usesInheritance: true, ngImport: i0228, template: `<div class="ecl-timeline__tooltip" *ngIf="!isToggler">
+    this.ɵcmp = i0229.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclTimelineItemComponent, selector: "ecl-timeline-item", inputs: { label: "label", eclTitle: "eclTitle", toggleButtonLabel: "toggleButtonLabel", expandLabel: "expandLabel", collapseLabel: "collapseLabel", isTogglerExpanded: "isTogglerExpanded", isCollapsed: "isCollapsed", isToggler: "isToggler", toggleGroup: "toggleGroup" }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses", "class.ecl-timeline__item--collapsed": "this.isCollapsed", "class.ecl-timeline__item--toggle": "this.isToggler" } }, queries: [{ propertyName: "timelineItemToggler", first: true, predicate: i0229.forwardRef(() => EclTimelineItemTogglerComponent), descendants: true }], usesInheritance: true, ngImport: i0229, template: `<div class="ecl-timeline__tooltip" *ngIf="!isToggler">
     <div class="ecl-timeline__tooltip-arrow"></div>
     <div *ngIf="label" class="ecl-timeline__label">{{ label }}</div>
     <ng-content select="[eclTimelineItemLabel]"></ng-content>
@@ -19628,13 +19630,13 @@ 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: i149.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i149.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: i0228.ViewEncapsulation.None });
+</ng-template>`, styles: ["ecl-timeline-item{display:list-item}\n"], dependencies: [{ kind: "directive", type: i147.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i147.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: i0229.ViewEncapsulation.None });
   }
 };
 __decorate41([
   coerceBoolean36
 ], EclTimelineItemComponent.prototype, "isTogglerExpanded", void 0);
-i0228.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0228, type: EclTimelineItemComponent, decorators: [{
+i0229.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0229, type: EclTimelineItemComponent, decorators: [{
   type: Component102,
   args: [{ selector: "ecl-timeline-item", encapsulation: ViewEncapsulation17.None, template: `<div class="ecl-timeline__tooltip" *ngIf="!isToggler">
     <div class="ecl-timeline__tooltip-arrow"></div>
@@ -19684,7 +19686,7 @@ i0228.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }], isTogglerExpanded: [{
   type: Input102
 }], cssClasses: [{
-  type: HostBinding156,
+  type: HostBinding157,
   args: ["class"]
 }], timelineItemToggler: [{
   type: ContentChild29,
@@ -19692,12 +19694,12 @@ i0228.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }], isCollapsed: [{
   type: Input102
 }, {
-  type: HostBinding156,
+  type: HostBinding157,
   args: ["class.ecl-timeline__item--collapsed"]
 }], isToggler: [{
   type: Input102
 }, {
-  type: HostBinding156,
+  type: HostBinding157,
   args: ["class.ecl-timeline__item--toggle"]
 }], toggleGroup: [{
   type: Input102
@@ -19706,10 +19708,10 @@ i0228.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-timeline/ecl-timeline.component.mjs
-import { Component as Component103, ContentChildren as ContentChildren27, forwardRef as forwardRef58, HostBinding as HostBinding157 } from "@angular/core";
+import { Component as Component103, ContentChildren as ContentChildren27, forwardRef as forwardRef58, HostBinding as HostBinding158 } from "@angular/core";
 import { Subject as Subject30 } from "rxjs";
 import { takeUntil as takeUntil27 } from "rxjs/operators";
-import * as i0229 from "@angular/core";
+import * as i0230 from "@angular/core";
 var EclTimelineComponent = class _EclTimelineComponent extends ECLBaseDirective {
   constructor() {
     super(...arguments);
@@ -19735,20 +19737,20 @@ var EclTimelineComponent = class _EclTimelineComponent extends ECLBaseDirective
     this.destroy$.unsubscribe();
   }
   static {
-    this.ɵfac = i0229.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0229, type: _EclTimelineComponent, deps: null, target: i0229.ɵɵFactoryTarget.Component });
+    this.ɵfac = i0230.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0230, type: _EclTimelineComponent, deps: null, target: i0230.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0229.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclTimelineComponent, selector: "ecl-timeline", host: { properties: { "attr.role": "this.attrRole", "class": "this.cssClasses" } }, queries: [{ propertyName: "timelineItems", predicate: i0229.forwardRef(() => EclTimelineItemComponent) }], usesInheritance: true, ngImport: i0229, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] });
+    this.ɵcmp = i0230.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclTimelineComponent, selector: "ecl-timeline", host: { properties: { "attr.role": "this.attrRole", "class": "this.cssClasses" } }, queries: [{ propertyName: "timelineItems", predicate: i0230.forwardRef(() => EclTimelineItemComponent) }], usesInheritance: true, ngImport: i0230, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] });
   }
 };
-i0229.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0229, type: EclTimelineComponent, decorators: [{
+i0230.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0230, type: EclTimelineComponent, decorators: [{
   type: Component103,
   args: [{ selector: "ecl-timeline", template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
 }], propDecorators: { attrRole: [{
-  type: HostBinding157,
+  type: HostBinding158,
   args: ["attr.role"]
 }], cssClasses: [{
-  type: HostBinding157,
+  type: HostBinding158,
   args: ["class"]
 }], timelineItems: [{
   type: ContentChildren27,
@@ -19759,13 +19761,13 @@ i0229.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 import { CommonModule as CommonModule58 } from "@angular/common";
 import { NgModule as NgModule58 } from "@angular/core";
 import { TranslateModule as TranslateModule28 } from "@ngx-translate/core";
-import * as i0230 from "@angular/core";
+import * as i0231 from "@angular/core";
 var EclTimelineComponentModule = class _EclTimelineComponentModule {
   static {
-    this.ɵfac = i0230.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0230, type: _EclTimelineComponentModule, deps: [], target: i0230.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i0231.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0231, type: _EclTimelineComponentModule, deps: [], target: i0231.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i0230.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0230, type: _EclTimelineComponentModule, declarations: [
+    this.ɵmod = i0231.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0231, type: _EclTimelineComponentModule, declarations: [
       EclTimelineComponent,
       EclTimelineItemComponent,
       EclTimelineItemTogglerComponent,
@@ -19780,10 +19782,10 @@ var EclTimelineComponentModule = class _EclTimelineComponentModule {
     ] });
   }
   static {
-    this.ɵinj = i0230.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0230, type: _EclTimelineComponentModule, imports: [CommonModule58, TranslateModule28, EclButtonComponentModule, EclIconComponentModule] });
+    this.ɵinj = i0231.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0231, type: _EclTimelineComponentModule, imports: [CommonModule58, TranslateModule28, EclButtonComponentModule, EclIconComponentModule] });
   }
 };
-i0230.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0230, type: EclTimelineComponentModule, decorators: [{
+i0231.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0231, type: EclTimelineComponentModule, decorators: [{
   type: NgModule58,
   args: [{
     imports: [CommonModule58, TranslateModule28, EclButtonComponentModule, EclIconComponentModule],
@@ -19806,7 +19808,7 @@ i0230.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 
 // lib/shared/ecl-all.module.mjs
 import { NgModule as NgModule59 } from "@angular/core";
-import * as i0231 from "@angular/core";
+import * as i0232 from "@angular/core";
 var MODULES = [
   EclAccordionComponentModule,
   EclAppComponentModule,
@@ -19869,10 +19871,10 @@ var MODULES = [
 ];
 var EclAllModule = class _EclAllModule {
   static {
-    this.ɵfac = i0231.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0231, type: _EclAllModule, deps: [], target: i0231.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i0232.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0232, type: _EclAllModule, deps: [], target: i0232.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i0231.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0231, type: _EclAllModule, imports: [
+    this.ɵmod = i0232.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0232, type: _EclAllModule, imports: [
       EclAccordionComponentModule,
       EclAppComponentModule,
       EclBannerComponentModule,
@@ -19993,7 +19995,7 @@ var EclAllModule = class _EclAllModule {
     ] });
   }
   static {
-    this.ɵinj = i0231.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0231, type: _EclAllModule, providers: [{ provide: EclLanguageService, useClass: EclDefaultLanguageService }], imports: [
+    this.ɵinj = i0232.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0232, type: _EclAllModule, providers: [{ provide: EclLanguageService, useClass: EclDefaultLanguageService }], imports: [
       MODULES,
       EclAccordionComponentModule,
       EclAppComponentModule,
@@ -20056,7 +20058,7 @@ var EclAllModule = class _EclAllModule {
     ] });
   }
 };
-i0231.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0231, type: EclAllModule, decorators: [{
+i0232.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0232, type: EclAllModule, decorators: [{
   type: NgModule59,
   args: [{
     imports: [...MODULES],
@@ -20394,6 +20396,7 @@ export {
   EclTagComponent,
   EclTagComponentModule,
   EclTagRemoveEvent,
+  EclTagSetDirective,
   EclTextAreaDirective,
   EclTextAreaDirectiveModule,
   EclTextInputDirective,