@eui/ecl 18.0.0-next.24 → 18.0.0-next.25

package/fesm2022/eui-ecl.mjs

@@ -12451,11 +12451,16 @@ import * as i0154 from "@angular/core";
 var EclNavigationListItemComponent = class _EclNavigationListItemComponent extends ECLBaseDirective {
   constructor() {
     super(...arguments);
-    this.columns = 2;
     this.role = "article";
+    this.variant = "";
+    this.hasBorder = true;
   }
   get cssClasses() {
-    return [super.getCssClasses("ecl-navigation-list__item"), "ecl-navigation-list__item--no-border"].join(" ").trim();
+    return [
+      super.getCssClasses("ecl-navigation-list__item"),
+      this.hasBorder ? "" : "ecl-navigation-list__item--no-border",
+      this.variant === "illustration" ? "ecl-navigation-list__item--illustration" : ""
+    ].join(" ").trim();
   }
   ngAfterContentInit() {
     if (this.eclContentBlock) {
@@ -12466,56 +12471,67 @@ var EclNavigationListItemComponent = class _EclNavigationListItemComponent exten
     this.ɵfac = i0154.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0154, type: _EclNavigationListItemComponent, deps: null, target: i0154.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0154.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclNavigationListItemComponent, selector: "ecl-navigation-list-item", inputs: { columns: "columns" }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclContentBlock", first: true, predicate: i0154.forwardRef(() => EclContentBlockComponent), descendants: true }], usesInheritance: true, ngImport: i0154, template: "<ng-content></ng-content>\n" });
+    this.ɵcmp = i0154.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclNavigationListItemComponent, selector: "ecl-navigation-list-item", inputs: { variant: "variant" }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclContentBlock", first: true, predicate: i0154.forwardRef(() => EclContentBlockComponent), descendants: true }], usesInheritance: true, ngImport: i0154, template: "<ng-content></ng-content>\n" });
   }
 };
 i0154.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0154, type: EclNavigationListItemComponent, decorators: [{
   type: Component72,
   args: [{ selector: "ecl-navigation-list-item", template: "<ng-content></ng-content>\n" }]
-}], propDecorators: { columns: [{
-  type: Input68
-}], eclContentBlock: [{
-  type: ContentChild20,
-  args: [forwardRef46(() => EclContentBlockComponent)]
-}], role: [{
+}], propDecorators: { role: [{
   type: HostBinding105,
   args: ["attr.role"]
 }], cssClasses: [{
   type: HostBinding105,
   args: ["class"]
+}], variant: [{
+  type: Input68
+}], eclContentBlock: [{
+  type: ContentChild20,
+  args: [forwardRef46(() => EclContentBlockComponent)]
 }] } });
 
 // lib/components/ecl-navigation-list/ecl-navigation-list.component.mjs
-import { __decorate as __decorate14 } from "tslib";
-import { Component as Component73, HostBinding as HostBinding106, Input as Input69 } from "@angular/core";
-import { coerceNumber } from "@eui/base";
+import { Component as Component73, ContentChildren as ContentChildren24, HostBinding as HostBinding106, Input as Input69, booleanAttribute as booleanAttribute23, forwardRef as forwardRef48, numberAttribute as numberAttribute7 } from "@angular/core";
 import * as i0155 from "@angular/core";
 var EclNavigationListComponent = class _EclNavigationListComponent extends ECLBaseDirective {
   constructor() {
     super(...arguments);
     this.columns = 2;
+    this.hasBorders = true;
   }
   get cssClasses() {
     return [super.getCssClasses("ecl-navigation-list"), `ecl-navigation-list--col-${this.columns}`].join(" ").trim();
   }
+  ngAfterContentInit() {
+    setTimeout(() => {
+      if (!this.hasBorders) {
+        console.log(this.listItems);
+        this.listItems.forEach((item) => item.hasBorder = false);
+      }
+    });
+  }
   static {
     this.ɵfac = i0155.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0155, type: _EclNavigationListComponent, deps: null, target: i0155.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0155.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclNavigationListComponent, selector: "ecl-navigation-list", inputs: { columns: "columns" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0155, template: "<ng-content></ng-content>\n" });
+    this.ɵcmp = i0155.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclNavigationListComponent, selector: "ecl-navigation-list", inputs: { columns: ["columns", "columns", numberAttribute7], hasBorders: ["hasBorders", "hasBorders", booleanAttribute23] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "listItems", predicate: i0155.forwardRef(() => EclNavigationListItemComponent) }], usesInheritance: true, ngImport: i0155, template: "<ng-content></ng-content>\n" });
   }
 };
-__decorate14([
-  coerceNumber
-], EclNavigationListComponent.prototype, "columns", void 0);
 i0155.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0155, type: EclNavigationListComponent, decorators: [{
   type: Component73,
   args: [{ selector: "ecl-navigation-list", template: "<ng-content></ng-content>\n" }]
-}], propDecorators: { columns: [{
-  type: Input69
-}], cssClasses: [{
+}], propDecorators: { cssClasses: [{
   type: HostBinding106,
   args: ["class"]
+}], columns: [{
+  type: Input69,
+  args: [{ transform: numberAttribute7 }]
+}], hasBorders: [{
+  type: Input69,
+  args: [{ transform: booleanAttribute23 }]
+}], listItems: [{
+  type: ContentChildren24,
+  args: [forwardRef48(() => EclNavigationListItemComponent)]
 }] } });
 
 // lib/components/ecl-navigation-list/ecl-navigation-list-picture.directive.mjs
@@ -12711,7 +12727,7 @@ i0159.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-news-ticker/ecl-news-ticker.component.mjs
-import { Component as Component76, ContentChildren as ContentChildren24, EventEmitter as EventEmitter35, HostBinding as HostBinding110, HostListener as HostListener18, Input as Input71, Output as Output35, ViewChild as ViewChild14, booleanAttribute as booleanAttribute23 } from "@angular/core";
+import { Component as Component76, ContentChildren as ContentChildren25, EventEmitter as EventEmitter35, HostBinding as HostBinding110, HostListener as HostListener18, Input as Input71, Output as Output35, ViewChild as ViewChild14, booleanAttribute as booleanAttribute24 } from "@angular/core";
 import { Subject as Subject25, takeUntil as takeUntil22 } from "rxjs";
 import * as i0160 from "@angular/core";
 import * as i54 from "@ngx-translate/core";
@@ -12902,7 +12918,7 @@ var EclNewsTickerComponent = class _EclNewsTickerComponent extends ECLBaseDirect
     this.ɵfac = i0160.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0160, type: _EclNewsTickerComponent, deps: [{ token: i0160.Renderer2 }], target: i0160.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0160.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: _EclNewsTickerComponent, selector: "ecl-news-ticker", inputs: { isAutoplay: ["isAutoplay", "isAutoplay", booleanAttribute23] }, 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: i0160, template: `<div class="ecl-news-ticker__container" [style.height.px]="containerHeight">
+    this.ɵcmp = i0160.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: _EclNewsTickerComponent, selector: "ecl-news-ticker", inputs: { isAutoplay: ["isAutoplay", "isAutoplay", booleanAttribute24] }, outputs: { itemSwitch: "itemSwitch" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "newsTickerItems", predicate: EclNewsTickerItemComponent }], viewQueries: [{ propertyName: "firstHiddenItem", first: true, predicate: ["firstHiddenItem"], descendants: true }, { propertyName: "lastHiddenItem", first: true, predicate: ["lastHiddenItem"], descendants: true }, { propertyName: "slidesContainer", first: true, predicate: ["slidesContainer"], descendants: true }], usesInheritance: true, ngImport: i0160, 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
@@ -13016,11 +13032,11 @@ i0160.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }` }]
 }], ctorParameters: () => [{ type: i0160.Renderer2 }], propDecorators: { isAutoplay: [{
   type: Input71,
-  args: [{ transform: booleanAttribute23 }]
+  args: [{ transform: booleanAttribute24 }]
 }], itemSwitch: [{
   type: Output35
 }], newsTickerItems: [{
-  type: ContentChildren24,
+  type: ContentChildren25,
   args: [EclNewsTickerItemComponent]
 }], firstHiddenItem: [{
   type: ViewChild14,
@@ -13065,7 +13081,7 @@ i0161.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] });
 
 // lib/components/ecl-notification/ecl-notification.component.mjs
-import { Component as Component77, Input as Input72, Output as Output36, EventEmitter as EventEmitter36, HostBinding as HostBinding111, booleanAttribute as booleanAttribute24 } from "@angular/core";
+import { Component as Component77, Input as Input72, Output as Output36, EventEmitter as EventEmitter36, HostBinding as HostBinding111, booleanAttribute as booleanAttribute25 } from "@angular/core";
 import * as i0162 from "@angular/core";
 import * as i55 from "@angular/common";
 import * as i6 from "@ngx-translate/core";
@@ -13111,7 +13127,7 @@ var EclNotificationComponent = class _EclNotificationComponent extends ECLBaseDi
     this.ɵfac = i0162.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0162, type: _EclNotificationComponent, deps: [{ token: EclThemeService }], target: i0162.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0162.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: _EclNotificationComponent, selector: "ecl-notification", inputs: { notificationTitle: "notificationTitle", variant: "variant", isVisible: ["isVisible", "isVisible", booleanAttribute24], isCloseable: ["isCloseable", "isCloseable", booleanAttribute24] }, outputs: { close: "close" }, host: { properties: { "attr.role": "this.role", "class.ecl-u-d-none": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0162, template: `@if( eclThemeService.isEC$ | async ){
+    this.ɵcmp = i0162.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: _EclNotificationComponent, selector: "ecl-notification", inputs: { notificationTitle: "notificationTitle", variant: "variant", isVisible: ["isVisible", "isVisible", booleanAttribute25], isCloseable: ["isCloseable", "isCloseable", booleanAttribute25] }, outputs: { close: "close" }, host: { properties: { "attr.role": "this.role", "class.ecl-u-d-none": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0162, 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>
@@ -13187,10 +13203,10 @@ i0162.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   type: Input72
 }], isVisible: [{
   type: Input72,
-  args: [{ transform: booleanAttribute24 }]
+  args: [{ transform: booleanAttribute25 }]
 }], isCloseable: [{
   type: Input72,
-  args: [{ transform: booleanAttribute24 }]
+  args: [{ transform: booleanAttribute25 }]
 }], close: [{
   type: Output36
 }], role: [{
@@ -13229,7 +13245,7 @@ i0163.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-section.directive.mjs
-import { __decorate as __decorate15 } from "tslib";
+import { __decorate as __decorate14 } from "tslib";
 import { Directive as Directive42, HostBinding as HostBinding113, Input as Input73 } from "@angular/core";
 import { coerceBoolean as coerceBoolean12 } from "@eui/base";
 import * as i0164 from "@angular/core";
@@ -13249,16 +13265,16 @@ var EclSiteFooterSectionDirective = class _EclSiteFooterSectionDirective extends
     this.ɵdir = i0164.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclSiteFooterSectionDirective, selector: "[eclSiteFooterSection]", inputs: { isCondensed: "isCondensed", isSiteInfo: "isSiteInfo", isSplitList: "isSplitList", hasSeparator: "hasSeparator" }, host: { properties: { "class.ecl-site-footer__section": "this.cmpClass", "class.ecl-site-footer__section--condensed": "this.isCondensed", "class.ecl-site-footer__section--site-info": "this.isSiteInfo", "class.ecl-site-footer__section--split-list": "this.isSplitList", "class.ecl-site-footer__section--separator": "this.hasSeparator" } }, usesInheritance: true, ngImport: i0164 });
   }
 };
-__decorate15([
+__decorate14([
   coerceBoolean12
 ], EclSiteFooterSectionDirective.prototype, "isCondensed", void 0);
-__decorate15([
+__decorate14([
   coerceBoolean12
 ], EclSiteFooterSectionDirective.prototype, "isSiteInfo", void 0);
-__decorate15([
+__decorate14([
   coerceBoolean12
 ], EclSiteFooterSectionDirective.prototype, "isSplitList", void 0);
-__decorate15([
+__decorate14([
   coerceBoolean12
 ], EclSiteFooterSectionDirective.prototype, "hasSeparator", void 0);
 i0164.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0164, type: EclSiteFooterSectionDirective, decorators: [{
@@ -13292,7 +13308,7 @@ i0164.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-title.directive.mjs
-import { __decorate as __decorate16 } from "tslib";
+import { __decorate as __decorate15 } from "tslib";
 import { Directive as Directive43, HostBinding as HostBinding114, Input as Input74 } from "@angular/core";
 import { coerceBoolean as coerceBoolean13 } from "@eui/base";
 import * as i0165 from "@angular/core";
@@ -13309,7 +13325,7 @@ var EclSiteFooterTitleDirective = class _EclSiteFooterTitleDirective extends ECL
     this.ɵdir = i0165.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclSiteFooterTitleDirective, selector: "[eclSiteFooterTitle]", inputs: { isSeparator: "isSeparator" }, host: { properties: { "class.ecl-site-footer__title": "this.cmpClass", "class.ecl-site-footer__title--separator": "this.isSeparator" } }, usesInheritance: true, ngImport: i0165 });
   }
 };
-__decorate16([
+__decorate15([
   coerceBoolean13
 ], EclSiteFooterTitleDirective.prototype, "isSeparator", void 0);
 i0165.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0165, type: EclSiteFooterTitleDirective, decorators: [{
@@ -13374,7 +13390,7 @@ i0166.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-list.directive.mjs
-import { __decorate as __decorate17 } from "tslib";
+import { __decorate as __decorate16 } from "tslib";
 import { Directive as Directive45, HostBinding as HostBinding116, Input as Input75 } from "@angular/core";
 import { coerceBoolean as coerceBoolean14 } from "@eui/base";
 import * as i0167 from "@angular/core";
@@ -13390,10 +13406,10 @@ var EclSiteFooterListDirective = class _EclSiteFooterListDirective extends ECLBa
     this.ɵdir = i0167.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclSiteFooterListDirective, selector: "[eclSiteFooterList]", inputs: { isInline: "isInline", isColumns: "isColumns" }, host: { properties: { "class.ecl-site-footer__list": "this.cmpClass", "class.ecl-site-footer__list--inline": "this.isInline", "class.ecl-site-footer__list--columns": "this.isColumns" } }, usesInheritance: true, ngImport: i0167 });
   }
 };
-__decorate17([
+__decorate16([
   coerceBoolean14
 ], EclSiteFooterListDirective.prototype, "isInline", void 0);
-__decorate17([
+__decorate16([
   coerceBoolean14
 ], EclSiteFooterListDirective.prototype, "isColumns", void 0);
 i0167.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0167, type: EclSiteFooterListDirective, decorators: [{
@@ -13677,7 +13693,7 @@ i0169.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-site-footer/ecl-footer-elements/ec/ecl-site-footer-fixed-content.mjs
-import { __decorate as __decorate18 } from "tslib";
+import { __decorate as __decorate17 } from "tslib";
 import { Component as Component78, Input as Input76 } from "@angular/core";
 import { coerceBoolean as coerceBoolean15 } from "@eui/base";
 import * as i0170 from "@angular/core";
@@ -14115,7 +14131,7 @@ var EclSiteFooterFixedContentECComponent = class _EclSiteFooterFixedContentECCom
 `, dependencies: [{ kind: "directive", type: i32.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i32.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "directive", type: EclSiteFooterSectionDirective, selector: "[eclSiteFooterSection]", inputs: ["isCondensed", "isSiteInfo", "isSplitList", "hasSeparator"] }, { kind: "directive", type: EclSiteFooterTitleDirective, selector: "[eclSiteFooterTitle]", inputs: ["isSeparator"] }, { kind: "directive", type: EclSiteFooterListDirective, selector: "[eclSiteFooterList]", inputs: ["isInline", "isColumns"] }, { kind: "directive", type: EclSiteFooterLinkDirective, selector: "[eclSiteFooterLink]" }, { kind: "directive", type: EclSiteFooterColumnDirective, selector: "[eclSiteFooterColumn]" }, { kind: "directive", type: EclSiteFooterListItemDirective, selector: "[eclSiteFooterListItem]" }, { kind: "directive", type: EclSiteFooterRowDirective, selector: "[eclSiteFooterRow]" }, { kind: "directive", type: EclSiteFooterTitleLinkDirective, selector: "[eclSiteFooterTitleLink]" }, { kind: "directive", type: EclSiteFooterLogoLinkDirective, selector: "[eclSiteFooterLogoLink]" }, { kind: "directive", type: EclSiteFooterPictureDirective, selector: "picture[eclSiteFooterPicture]" }, { kind: "directive", type: EclSiteFooterLogoImageDirective, selector: "img[eclSiteFooterLogoImage]" }, { kind: "pipe", type: i128.TranslatePipe, name: "translate" }] });
   }
 };
-__decorate18([
+__decorate17([
   coerceBoolean15
 ], EclSiteFooterFixedContentECComponent.prototype, "isCore", void 0);
 i0170.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0170, type: EclSiteFooterFixedContentECComponent, decorators: [{
@@ -14550,7 +14566,7 @@ i0170.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-site-footer/ecl-footer-elements/eu/ecl-site-footer-fixed-content.mjs
-import { __decorate as __decorate19 } from "tslib";
+import { __decorate as __decorate18 } from "tslib";
 import { Component as Component79, Input as Input77 } from "@angular/core";
 import { coerceBoolean as coerceBoolean16 } from "@eui/base";
 import * as i0171 from "@angular/core";
@@ -15233,7 +15249,7 @@ var EclSiteFooterFixedContentEUComponent = class _EclSiteFooterFixedContentEUCom
 `, dependencies: [{ kind: "directive", type: i33.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i33.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "directive", type: EclSiteFooterSectionDirective, selector: "[eclSiteFooterSection]", inputs: ["isCondensed", "isSiteInfo", "isSplitList", "hasSeparator"] }, { kind: "directive", type: EclSiteFooterTitleDirective, selector: "[eclSiteFooterTitle]", inputs: ["isSeparator"] }, { kind: "directive", type: EclSiteFooterListDirective, selector: "[eclSiteFooterList]", inputs: ["isInline", "isColumns"] }, { kind: "directive", type: EclSiteFooterLinkDirective, selector: "[eclSiteFooterLink]" }, { kind: "directive", type: EclSiteFooterColumnDirective, selector: "[eclSiteFooterColumn]" }, { kind: "directive", type: EclSiteFooterListItemDirective, selector: "[eclSiteFooterListItem]" }, { kind: "directive", type: EclSiteFooterRowDirective, selector: "[eclSiteFooterRow]" }, { kind: "directive", type: EclSiteFooterLogoLinkDirective, selector: "[eclSiteFooterLogoLink]" }, { kind: "directive", type: EclSiteFooterPictureDirective, selector: "picture[eclSiteFooterPicture]" }, { kind: "directive", type: EclSiteFooterLogoImageDirective, selector: "img[eclSiteFooterLogoImage]" }, { kind: "pipe", type: i129.TranslatePipe, name: "translate" }] });
   }
 };
-__decorate19([
+__decorate18([
   coerceBoolean16
 ], EclSiteFooterFixedContentEUComponent.prototype, "isCore", void 0);
 i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0171, type: EclSiteFooterFixedContentEUComponent, decorators: [{
@@ -15904,7 +15920,7 @@ i0171.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-site-footer/ecl-site-footer.component.mjs
-import { __decorate as __decorate20 } from "tslib";
+import { __decorate as __decorate19 } from "tslib";
 import { Component as Component80, HostBinding as HostBinding119, Input as Input78 } from "@angular/core";
 import { coerceBoolean as coerceBoolean17 } from "@eui/base";
 import * as i0172 from "@angular/core";
@@ -15941,7 +15957,7 @@ var EclSiteFooterComponent = class _EclSiteFooterComponent extends ECLBaseDirect
     this.ɵcmp = i0172.ɵɵ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: i0172, template: '<div class="ecl-container ecl-site-footer__container">\n    <ecl-site-footer-fixed-content-ec\n        *ngIf="eclThemeService.isEC$ | async"\n        [isCore]="isCore"\n        [languageCode]="languageCode"\n        [ecLogoLanguageCode]="getLanguageCode()"\n        [content]="content">\n    </ecl-site-footer-fixed-content-ec>\n\n    <ecl-site-footer-fixed-content-eu\n        *ngIf="eclThemeService.isEU$ | async"\n        [isCore]="isCore"\n        [languageCode]="languageCode"\n        [ecLogoLanguageCode]="getLanguageCode()"\n        [content]="content">\n    </ecl-site-footer-fixed-content-eu>\n\n    <ng-template #content>\n        <ng-content></ng-content>\n    </ng-template>\n</div>\n', dependencies: [{ kind: "directive", type: i34.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EclSiteFooterFixedContentECComponent, selector: "ecl-site-footer-fixed-content-ec", inputs: ["isCore", "languageCode", "ecLogoLanguageCode", "content"] }, { kind: "component", type: EclSiteFooterFixedContentEUComponent, selector: "ecl-site-footer-fixed-content-eu", inputs: ["isCore", "languageCode", "ecLogoLanguageCode", "content"] }, { kind: "pipe", type: i34.AsyncPipe, name: "async" }] });
   }
 };
-__decorate20([
+__decorate19([
   coerceBoolean17
 ], EclSiteFooterComponent.prototype, "isCore", void 0);
 i0172.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0172, type: EclSiteFooterComponent, decorators: [{
@@ -16259,7 +16275,7 @@ i0178.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-page-header/ecl-page-header.component.mjs
-import { __decorate as __decorate21 } from "tslib";
+import { __decorate as __decorate20 } from "tslib";
 import { Component as Component81, ContentChild as ContentChild22, HostBinding as HostBinding124, Input as Input79 } from "@angular/core";
 import { coerceBoolean as coerceBoolean18 } from "@eui/base";
 import * as i0179 from "@angular/core";
@@ -16291,7 +16307,7 @@ var EclPageHeaderComponent = class _EclPageHeaderComponent extends ECLBaseDirect
     this.ɵcmp = i0179.ɵɵ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: i0179, 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: i131.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i131.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: EclPageHeaderBackgroundPictureDirective, selector: "[eclPageHeaderBackgroundPicture]" }, { kind: "directive", type: EclPageHeaderBackgroundImageDirective, selector: "[eclPageHeaderBackgroundImage]" }] });
   }
 };
-__decorate21([
+__decorate20([
   coerceBoolean18
 ], EclPageHeaderComponent.prototype, "isNegative", void 0);
 i0179.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0179, type: EclPageHeaderComponent, decorators: [{
@@ -16419,7 +16435,7 @@ i0181.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] });
 
 // lib/components/ecl-pagination/ecl-pagination-item.component.mjs
-import { __decorate as __decorate22 } from "tslib";
+import { __decorate as __decorate21 } from "tslib";
 import { Component as Component83, EventEmitter as EventEmitter37, HostBinding as HostBinding126, Input as Input80, Output as Output37, ViewEncapsulation as ViewEncapsulation11 } from "@angular/core";
 import { coerceBoolean as coerceBoolean19 } from "@eui/base";
 import * as i0182 from "@angular/core";
@@ -16510,13 +16526,13 @@ var EclPaginationItemComponent = class _EclPaginationItemComponent extends ECLBa
 }`, dependencies: [{ kind: "directive", type: i133.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i214.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "directive", type: EclLinkLabelDirective, selector: "[eclLinkLabel]" }, { kind: "pipe", type: i62.TranslatePipe, name: "translate" }], encapsulation: i0182.ViewEncapsulation.None });
   }
 };
-__decorate22([
+__decorate21([
   coerceBoolean19
 ], EclPaginationItemComponent.prototype, "isCurrent", void 0);
-__decorate22([
+__decorate21([
   coerceBoolean19
 ], EclPaginationItemComponent.prototype, "isNext", void 0);
-__decorate22([
+__decorate21([
   coerceBoolean19
 ], EclPaginationItemComponent.prototype, "isPrevious", void 0);
 i0182.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0182, type: EclPaginationItemComponent, decorators: [{
@@ -16583,10 +16599,10 @@ i0182.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-pagination/ecl-pagination.component.mjs
-import { __decorate as __decorate23 } from "tslib";
+import { __decorate as __decorate22 } from "tslib";
 import { Component as Component84, EventEmitter as EventEmitter38, HostBinding as HostBinding127, Input as Input81, Output as Output38 } from "@angular/core";
 import { DefaultConfig, EuiPagination } from "@eui/base";
-import { coerceNumber as coerceNumber2 } from "@eui/base";
+import { coerceNumber } from "@eui/base";
 import * as i0183 from "@angular/core";
 import * as i134 from "@angular/common";
 var EclPaginationEvent = class extends EclBaseEvent {
@@ -16653,17 +16669,17 @@ var EclPaginationComponent = class _EclPaginationComponent extends ECLBaseDirect
     this.ɵcmp = i0183.ɵɵ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: i0183, 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: i134.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i134.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"] }] });
   }
 };
-__decorate23([
-  coerceNumber2
+__decorate22([
+  coerceNumber
 ], EclPaginationComponent.prototype, "totalItems", void 0);
-__decorate23([
-  coerceNumber2
+__decorate22([
+  coerceNumber
 ], EclPaginationComponent.prototype, "pageSize", void 0);
-__decorate23([
-  coerceNumber2
+__decorate22([
+  coerceNumber
 ], EclPaginationComponent.prototype, "currentPage", void 0);
-__decorate23([
-  coerceNumber2
+__decorate22([
+  coerceNumber
 ], EclPaginationComponent.prototype, "pageWindowSize", void 0);
 i0183.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0183, type: EclPaginationComponent, decorators: [{
   type: Component84,
@@ -17045,7 +17061,7 @@ i0188.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] });
 
 // lib/components/ecl-radio/ecl-radio-help.component.mjs
-import { __decorate as __decorate24 } from "tslib";
+import { __decorate as __decorate23 } from "tslib";
 import { Component as Component86, HostBinding as HostBinding131, Input as Input82 } from "@angular/core";
 import { coerceBoolean as coerceBoolean20 } from "@eui/base";
 import * as i0189 from "@angular/core";
@@ -17064,7 +17080,7 @@ var EclRadioHelpComponent = class _EclRadioHelpComponent extends ECLBaseDirectiv
     this.ɵcmp = i0189.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclRadioHelpComponent, selector: "[eclRadioHelp]", inputs: { isDisabled: "isDisabled" }, host: { properties: { "class.ecl-radio__help--disabled": "this.isDisabled", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0189, template: "<ng-content></ng-content>\n" });
   }
 };
-__decorate24([
+__decorate23([
   coerceBoolean20
 ], EclRadioHelpComponent.prototype, "isDisabled", void 0);
 i0189.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0189, type: EclRadioHelpComponent, decorators: [{
@@ -17081,7 +17097,7 @@ i0189.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-radio/ecl-radio-label.component.mjs
-import { __decorate as __decorate25 } from "tslib";
+import { __decorate as __decorate24 } from "tslib";
 import { Component as Component87, HostBinding as HostBinding132, Input as Input83, ViewEncapsulation as ViewEncapsulation13 } from "@angular/core";
 import { coerceBoolean as coerceBoolean21 } from "@eui/base";
 import * as i0190 from "@angular/core";
@@ -17101,10 +17117,10 @@ var EclRadioLabelComponent = class _EclRadioLabelComponent extends ECLBaseDirect
     this.ɵcmp = i0190.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclRadioLabelComponent, selector: "[eclRadioLabel]", inputs: { isInvalid: "isInvalid", isDisabled: "isDisabled" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0190, template: '<span class="ecl-radio__box" [class.ecl-radio__box--disabled]="isDisabled" [class.ecl-radio__box--invalid]="isInvalid">\n    <span class="ecl-radio__box-inner"></span>\n</span>\n\n<ng-content></ng-content>\n', encapsulation: i0190.ViewEncapsulation.None });
   }
 };
-__decorate25([
+__decorate24([
   coerceBoolean21
 ], EclRadioLabelComponent.prototype, "isInvalid", void 0);
-__decorate25([
+__decorate24([
   coerceBoolean21
 ], EclRadioLabelComponent.prototype, "isDisabled", void 0);
 i0190.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0190, type: EclRadioLabelComponent, decorators: [{
@@ -17120,8 +17136,8 @@ i0190.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-radio/ecl-radio.directive.mjs
-import { __decorate as __decorate26 } from "tslib";
-import { ContentChild as ContentChild25, Directive as Directive54, forwardRef as forwardRef48, HostBinding as HostBinding133, Input as Input84 } from "@angular/core";
+import { __decorate as __decorate25 } from "tslib";
+import { ContentChild as ContentChild25, Directive as Directive54, forwardRef as forwardRef50, HostBinding as HostBinding133, Input as Input84 } from "@angular/core";
 import { coerceBoolean as coerceBoolean22 } from "@eui/base";
 import * as i0191 from "@angular/core";
 var EclRadioDirective = class _EclRadioDirective extends ECLBaseDirective {
@@ -17152,13 +17168,13 @@ var EclRadioDirective = class _EclRadioDirective extends ECLBaseDirective {
     this.ɵdir = i0191.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclRadioDirective, selector: "[eclRadio]", inputs: { isBinary: "isBinary", isDisabled: "isDisabled", isInvalid: "isInvalid" }, host: { properties: { "class.ecl-radio--disabled": "this.isDisabled", "class.ecl-radio--invalid": "this.isInvalid", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclRadioLabelComponent", first: true, predicate: i0191.forwardRef(() => EclRadioLabelComponent), descendants: true }, { propertyName: "eclRadioHelpComponent", first: true, predicate: i0191.forwardRef(() => EclRadioHelpComponent), descendants: true }], usesInheritance: true, ngImport: i0191 });
   }
 };
-__decorate26([
+__decorate25([
   coerceBoolean22
 ], EclRadioDirective.prototype, "isBinary", void 0);
-__decorate26([
+__decorate25([
   coerceBoolean22
 ], EclRadioDirective.prototype, "isDisabled", void 0);
-__decorate26([
+__decorate25([
   coerceBoolean22
 ], EclRadioDirective.prototype, "isInvalid", void 0);
 i0191.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0191, type: EclRadioDirective, decorators: [{
@@ -17180,17 +17196,17 @@ i0191.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   args: ["class.ecl-radio--invalid"]
 }], eclRadioLabelComponent: [{
   type: ContentChild25,
-  args: [forwardRef48(() => EclRadioLabelComponent)]
+  args: [forwardRef50(() => EclRadioLabelComponent)]
 }], eclRadioHelpComponent: [{
   type: ContentChild25,
-  args: [forwardRef48(() => EclRadioHelpComponent)]
+  args: [forwardRef50(() => EclRadioHelpComponent)]
 }], cssClasses: [{
   type: HostBinding133,
   args: ["class"]
 }] } });
 
 // lib/components/ecl-radio/ecl-radio-input.directive.mjs
-import { Directive as Directive55, HostBinding as HostBinding134, Optional as Optional6, Self as Self4, Inject as Inject5, forwardRef as forwardRef50 } from "@angular/core";
+import { Directive as Directive55, HostBinding as HostBinding134, Optional as Optional6, Self as Self4, Inject as Inject5, forwardRef as forwardRef52 } from "@angular/core";
 import * as i0192 from "@angular/core";
 import * as i135 from "@angular/forms";
 var EclRadioInputDirective = class _EclRadioInputDirective extends ECLBaseDirective {
@@ -17212,7 +17228,7 @@ var EclRadioInputDirective = class _EclRadioInputDirective extends ECLBaseDirect
     }
   }
   static {
-    this.ɵfac = i0192.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0192, type: _EclRadioInputDirective, deps: [{ token: forwardRef50(() => EclRadioDirective) }, { token: i135.NgControl, optional: true, self: true }, { token: i0192.ChangeDetectorRef }], target: i0192.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i0192.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0192, type: _EclRadioInputDirective, deps: [{ token: forwardRef52(() => EclRadioDirective) }, { token: i135.NgControl, optional: true, self: true }, { token: i0192.ChangeDetectorRef }], target: i0192.ɵɵFactoryTarget.Directive });
   }
   static {
     this.ɵdir = i0192.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclRadioInputDirective, selector: "input[eclRadioInput]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0192 });
@@ -17225,7 +17241,7 @@ i0192.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   }]
 }], ctorParameters: () => [{ type: EclRadioDirective, decorators: [{
   type: Inject5,
-  args: [forwardRef50(() => EclRadioDirective)]
+  args: [forwardRef52(() => EclRadioDirective)]
 }] }, { type: i135.NgControl, decorators: [{
   type: Optional6
 }, {
@@ -17260,10 +17276,10 @@ i0193.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] });
 
 // lib/components/ecl-rating-field/ecl-rating-field.component.mjs
-import { __decorate as __decorate27 } from "tslib";
-import { Component as Component88, EventEmitter as EventEmitter40, forwardRef as forwardRef51, HostBinding as HostBinding135, Input as Input85, Output as Output40 } from "@angular/core";
+import { __decorate as __decorate26 } from "tslib";
+import { Component as Component88, EventEmitter as EventEmitter40, forwardRef as forwardRef53, HostBinding as HostBinding135, Input as Input85, Output as Output40 } from "@angular/core";
 import { NG_VALUE_ACCESSOR as NG_VALUE_ACCESSOR6 } from "@angular/forms";
-import { coerceBoolean as coerceBoolean23, coerceNumber as coerceNumber3 } from "@eui/base";
+import { coerceBoolean as coerceBoolean23, coerceNumber as coerceNumber2 } from "@eui/base";
 import * as i0194 from "@angular/core";
 import * as i136 from "@angular/common";
 var EclRatingChangeEvent = class extends EclBaseEvent {
@@ -17274,7 +17290,7 @@ var EclRatingChangeEvent = class extends EclBaseEvent {
 };
 var ECL_RATINGFIELD_VALUE_ACCESSOR = {
   provide: NG_VALUE_ACCESSOR6,
-  useExisting: forwardRef51(() => EclRatingFieldComponent),
+  useExisting: forwardRef53(() => EclRatingFieldComponent),
   multi: true
 };
 var noop4 = () => {
@@ -17322,13 +17338,13 @@ var EclRatingFieldComponent = class _EclRatingFieldComponent extends ECLBaseDire
     this.ɵcmp = i0194.ɵɵ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: i0194, 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: i136.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"] }] });
   }
 };
-__decorate27([
-  coerceNumber3
+__decorate26([
+  coerceNumber2
 ], EclRatingFieldComponent.prototype, "numberOfStars", void 0);
-__decorate27([
-  coerceNumber3
+__decorate26([
+  coerceNumber2
 ], EclRatingFieldComponent.prototype, "rating", void 0);
-__decorate27([
+__decorate26([
   coerceBoolean23
 ], EclRatingFieldComponent.prototype, "disabled", void 0);
 i0194.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0194, type: EclRatingFieldComponent, decorators: [{
@@ -17413,7 +17429,7 @@ i0196.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-range/ecl-range.directive.mjs
-import { __decorate as __decorate28 } from "tslib";
+import { __decorate as __decorate27 } from "tslib";
 import { Directive as Directive56, EventEmitter as EventEmitter41, HostBinding as HostBinding137, HostListener as HostListener21, Input as Input87, Optional as Optional7, Output as Output41, Self as Self5 } from "@angular/core";
 import { coerceBoolean as coerceBoolean24 } from "@eui/base";
 import { distinctUntilChanged } from "rxjs";
@@ -17473,7 +17489,7 @@ var EclRangeDirective = class _EclRangeDirective extends ECLBaseDirective {
     this.ɵdir = i0197.ɵɵ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: i0197 });
   }
 };
-__decorate28([
+__decorate27([
   coerceBoolean24
 ], EclRangeDirective.prototype, "hasValueLabel", void 0);
 i0197.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0197, type: EclRangeDirective, decorators: [{
@@ -17565,7 +17581,7 @@ i0199.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-select/ecl-select.directive.mjs
-import { __decorate as __decorate29 } from "tslib";
+import { __decorate as __decorate28 } from "tslib";
 import { Directive as Directive57, HostBinding as HostBinding139, Input as Input89, Optional as Optional8, Self as Self6 } from "@angular/core";
 import { coerceBoolean as coerceBoolean25 } from "@eui/base";
 import * as i0200 from "@angular/core";
@@ -17617,10 +17633,10 @@ var EclSelectDirective = class _EclSelectDirective extends ECLBaseDirective {
     this.ɵdir = i0200.ɵɵ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: i0200 });
   }
 };
-__decorate29([
+__decorate28([
   coerceBoolean25
 ], EclSelectDirective.prototype, "disabled", void 0);
-__decorate29([
+__decorate28([
   coerceBoolean25
 ], EclSelectDirective.prototype, "isInvalid", void 0);
 i0200.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0200, type: EclSelectDirective, decorators: [{
@@ -17678,7 +17694,7 @@ i0201.ɵɵ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 Component91, HostBinding as HostBinding140, Input as Input90, booleanAttribute as booleanAttribute25 } from "@angular/core";
+import { Component as Component91, HostBinding as HostBinding140, Input as Input90, booleanAttribute as booleanAttribute26 } from "@angular/core";
 import * as i0202 from "@angular/core";
 import * as i140 from "@angular/common";
 var EclSocialMediaFollowComponent = class _EclSocialMediaFollowComponent extends ECLBaseDirective {
@@ -17693,7 +17709,7 @@ var EclSocialMediaFollowComponent = class _EclSocialMediaFollowComponent extends
     this.ɵfac = i0202.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0202, type: _EclSocialMediaFollowComponent, deps: null, target: i0202.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0202.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclSocialMediaFollowComponent, selector: "ecl-social-media-follow", inputs: { description: "description", isVertical: ["isVertical", "isVertical", booleanAttribute25] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0202, 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: i140.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    this.ɵcmp = i0202.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclSocialMediaFollowComponent, selector: "ecl-social-media-follow", inputs: { description: "description", isVertical: ["isVertical", "isVertical", booleanAttribute26] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0202, 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: i140.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
   }
 };
 i0202.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0202, type: EclSocialMediaFollowComponent, decorators: [{
@@ -17703,7 +17719,7 @@ i0202.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   type: Input90
 }], isVertical: [{
   type: Input90,
-  args: [{ transform: booleanAttribute25 }]
+  args: [{ transform: booleanAttribute26 }]
 }], cssClasses: [{
   type: HostBinding140,
   args: ["class"]
@@ -17826,7 +17842,7 @@ i0205.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] });
 
 // lib/components/ecl-social-media-share/ecl-social-media-share.component.mjs
-import { __decorate as __decorate30 } from "tslib";
+import { __decorate as __decorate29 } from "tslib";
 import { Component as Component93, HostBinding as HostBinding143, Input as Input92 } from "@angular/core";
 import { coerceBoolean as coerceBoolean26 } from "@eui/base";
 import * as i0206 from "@angular/core";
@@ -17845,7 +17861,7 @@ var EclSocialMediaShareComponent = class _EclSocialMediaShareComponent extends E
     this.ɵcmp = i0206.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclSocialMediaShareComponent, selector: "ecl-social-media-share", inputs: { description: "description", isVertical: "isVertical" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0206, template: '<p class="ecl-social-media-share__description">{{ description }}</p>\n<ul class="ecl-social-media-share__list">\n    <ng-content></ng-content>\n</ul>\n', styles: [":host{display:block}\n"] });
   }
 };
-__decorate30([
+__decorate29([
   coerceBoolean26
 ], EclSocialMediaShareComponent.prototype, "isVertical", void 0);
 i0206.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0206, type: EclSocialMediaShareComponent, decorators: [{
@@ -17972,7 +17988,7 @@ i0209.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] });
 
 // lib/components/ecl-loading-indicator/ecl-loading-indicator.component.mjs
-import { Component as Component95, HostBinding as HostBinding146, Input as Input94, booleanAttribute as booleanAttribute26 } from "@angular/core";
+import { Component as Component95, HostBinding as HostBinding146, Input as Input94, booleanAttribute as booleanAttribute27 } from "@angular/core";
 import * as i0210 from "@angular/core";
 var EclLoadingIndicatorComponent = class _EclLoadingIndicatorComponent extends ECLBaseDirective {
   constructor() {
@@ -17995,7 +18011,7 @@ var EclLoadingIndicatorComponent = class _EclLoadingIndicatorComponent extends E
     this.ɵfac = i0210.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0210, type: _EclLoadingIndicatorComponent, deps: null, target: i0210.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0210.ɵɵ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", booleanAttribute26], isVisible: ["isVisible", "isVisible", booleanAttribute26] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0210, 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 = i0210.ɵɵ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", booleanAttribute27], isVisible: ["isVisible", "isVisible", booleanAttribute27] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0210, 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' });
   }
 };
 i0210.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0210, type: EclLoadingIndicatorComponent, decorators: [{
@@ -18010,10 +18026,10 @@ i0210.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   type: Input94
 }], isCentered: [{
   type: Input94,
-  args: [{ transform: booleanAttribute26 }]
+  args: [{ transform: booleanAttribute27 }]
 }], isVisible: [{
   type: Input94,
-  args: [{ transform: booleanAttribute26 }]
+  args: [{ transform: booleanAttribute27 }]
 }] } });
 
 // lib/components/ecl-loading-indicator/ecl-loading-indicator-label.directive.mjs
@@ -18125,7 +18141,7 @@ i0214.ɵɵ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 HostBinding150, HostListener as HostListener22, Input as Input95, Output as Output44, booleanAttribute as booleanAttribute27 } from "@angular/core";
+import { ContentChildren as ContentChildren26, Directive as Directive62, EventEmitter as EventEmitter44, forwardRef as forwardRef54, HostBinding as HostBinding150, HostListener as HostListener22, Input as Input95, Output as Output44, booleanAttribute as booleanAttribute28 } from "@angular/core";
 import { Subject as Subject27 } from "rxjs";
 import { takeUntil as takeUntil24 } from "rxjs/operators";
 import * as i0215 from "@angular/core";
@@ -18171,7 +18187,7 @@ var EclTableDirective = class _EclTableDirective extends ECLBaseDirective {
     this.ɵfac = i0215.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0215, type: _EclTableDirective, deps: [{ token: i0215.IterableDiffers }], target: i0215.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i0215.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclTableDirective, selector: "[eclTable]", inputs: { isZebra: ["isZebra", "isZebra", booleanAttribute27] }, outputs: { sort: "sort" }, host: { properties: { "class.ecl-table--zebra": "this.isZebra", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclTableHeaders", predicate: i0215.forwardRef(() => EclTableHeaderDirective), descendants: true }], usesInheritance: true, ngImport: i0215 });
+    this.ɵdir = i0215.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EclTableDirective, selector: "[eclTable]", inputs: { isZebra: ["isZebra", "isZebra", booleanAttribute28] }, outputs: { sort: "sort" }, host: { properties: { "class.ecl-table--zebra": "this.isZebra", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclTableHeaders", predicate: i0215.forwardRef(() => EclTableHeaderDirective), descendants: true }], usesInheritance: true, ngImport: i0215 });
   }
 };
 i0215.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0215, type: EclTableDirective, decorators: [{
@@ -18181,7 +18197,7 @@ i0215.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   }]
 }], ctorParameters: () => [{ type: i0215.IterableDiffers }], propDecorators: { isZebra: [{
   type: Input95,
-  args: [{ transform: booleanAttribute27 }]
+  args: [{ transform: booleanAttribute28 }]
 }, {
   type: HostBinding150,
   args: ["class.ecl-table--zebra"]
@@ -18191,8 +18207,8 @@ i0215.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }], sort: [{
   type: Output44
 }], eclTableHeaders: [{
-  type: ContentChildren25,
-  args: [forwardRef52(() => EclTableHeaderDirective), { descendants: true }]
+  type: ContentChildren26,
+  args: [forwardRef54(() => EclTableHeaderDirective), { descendants: true }]
 }] } });
 var EclTableHeadDirective = class _EclTableHeadDirective extends ECLBaseDirective {
   get cssClasses() {
@@ -18236,8 +18252,8 @@ i0215.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   type: HostBinding150,
   args: ["class"]
 }], eclTableHeaders: [{
-  type: ContentChildren25,
-  args: [forwardRef52(() => EclTableHeaderDirective), { descendants: true }]
+  type: ContentChildren26,
+  args: [forwardRef54(() => EclTableHeaderDirective), { descendants: true }]
 }] } });
 var EclTableHeaderDirective = class _EclTableHeaderDirective extends ECLBaseDirective {
   get cssClasses() {
@@ -18517,7 +18533,7 @@ i0217.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }], ctorParameters: () => [{ type: i0217.ElementRef }] });
 
 // lib/components/ecl-tabs/ecl-tab.component.mjs
-import { __decorate as __decorate31 } from "tslib";
+import { __decorate as __decorate30 } from "tslib";
 import { Component as Component98, ContentChild as ContentChild28, EventEmitter as EventEmitter45, HostBinding as HostBinding151, Input as Input96, Output as Output45, ViewChild as ViewChild16 } from "@angular/core";
 import { coerceBoolean as coerceBoolean27 } from "@eui/base";
 import * as i0218 from "@angular/core";
@@ -18577,10 +18593,10 @@ var EclTabComponent = class _EclTabComponent extends ECLBaseDirective {
     this.ɵcmp = i0218.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclTabComponent, selector: "ecl-tab, li[eclTab]", inputs: { id: "id", isHidden: "isHidden", isActive: "isActive" }, outputs: { selectTab: "selectTab", keydownTab: "keydownTab" }, host: { properties: { "attr.aria-hidden": "this.isHidden", "attr.role": "this.role", "class": "this.cssClasses" } }, queries: [{ propertyName: "label", first: true, predicate: EclTabLabelComponent, descendants: true }], viewQueries: [{ propertyName: "contentTemplate", first: true, predicate: ["content"], descendants: true }, { propertyName: "link", first: true, predicate: EclLinkDirective, descendants: true }], usesInheritance: true, ngImport: i0218, template: '<a\n    eclLink\n    role="tab"\n    class="ecl-tabs__link"\n    [class.ecl-tabs__link--active]="isActive"\n    [attr.aria-selected]="isActive"\n    tabindex="0"\n    (keydown)="onKeydown($event)"\n    (click)="onTabClick()">\n    <ng-content select="ecl-tab-label"></ng-content>\n</a>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n', dependencies: [{ kind: "directive", type: EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }] });
   }
 };
-__decorate31([
+__decorate30([
   coerceBoolean27
 ], EclTabComponent.prototype, "isHidden", void 0);
-__decorate31([
+__decorate30([
   coerceBoolean27
 ], EclTabComponent.prototype, "isActive", void 0);
 i0218.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0218, type: EclTabComponent, decorators: [{
@@ -18617,7 +18633,7 @@ i0218.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-tabs/ecl-tab-more.component.mjs
-import { __decorate as __decorate32 } from "tslib";
+import { __decorate as __decorate31 } from "tslib";
 import { Component as Component99, HostBinding as HostBinding152, Input as Input97 } from "@angular/core";
 import { coerceBoolean as coerceBoolean28 } from "@eui/base";
 import * as i0219 from "@angular/core";
@@ -18637,7 +18653,7 @@ var EclTabMoreComponent = class _EclTabMoreComponent extends ECLBaseDirective {
     this.ɵcmp = i0219.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EclTabMoreComponent, selector: "ecl-tab-more", inputs: { isHidden: "isHidden" }, host: { properties: { "attr.aria-hidden": "this.isHidden", "attr.role": "this.role", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0219, template: "<ng-content></ng-content>\n", styles: [":host{display:list-item}\n"] });
   }
 };
-__decorate32([
+__decorate31([
   coerceBoolean28
 ], EclTabMoreComponent.prototype, "isHidden", void 0);
 i0219.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0219, type: EclTabMoreComponent, decorators: [{
@@ -18657,7 +18673,7 @@ i0219.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-tabs/ecl-tabs.component.mjs
-import { Component as Component100, ContentChildren as ContentChildren26, EventEmitter as EventEmitter46, forwardRef as forwardRef54, HostListener as HostListener23, Input as Input98, Output as Output46, ViewChild as ViewChild17, ViewEncapsulation as ViewEncapsulation15 } from "@angular/core";
+import { Component as Component100, ContentChildren as ContentChildren27, EventEmitter as EventEmitter46, forwardRef as forwardRef56, HostListener as HostListener23, Input as Input98, Output as Output46, ViewChild as ViewChild17, ViewEncapsulation as ViewEncapsulation15 } from "@angular/core";
 import { of as of4, Subject as Subject28 } from "rxjs";
 import { mergeWith as mergeWith3, takeUntil as takeUntil25 } from "rxjs/operators";
 import * as i0220 from "@angular/core";
@@ -19250,8 +19266,8 @@ i0220.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }], tabSelect: [{
   type: Output46
 }], tabs: [{
-  type: ContentChildren26,
-  args: [forwardRef54(() => EclTabComponent)]
+  type: ContentChildren27,
+  args: [forwardRef56(() => EclTabComponent)]
 }], tabsList: [{
   type: ViewChild17,
   args: ["tabsList"]
@@ -19322,7 +19338,7 @@ i0221.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] });
 
 // lib/components/ecl-tag/ecl-tag.component.mjs
-import { Component as Component101, Input as Input99, HostBinding as HostBinding153, Output as Output47, EventEmitter as EventEmitter47, booleanAttribute as booleanAttribute28 } from "@angular/core";
+import { Component as Component101, Input as Input99, HostBinding as HostBinding153, Output as Output47, EventEmitter as EventEmitter47, booleanAttribute as booleanAttribute29 } from "@angular/core";
 import * as i0222 from "@angular/core";
 import * as i216 from "@angular/common";
 var EclTagRemoveEvent = class extends EclBaseEvent {
@@ -19359,7 +19375,7 @@ var EclTagComponent = class _EclTagComponent extends ECLBaseDirective {
     this.ɵfac = i0222.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0222, type: _EclTagComponent, deps: null, target: i0222.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0222.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: _EclTagComponent, selector: "ecl-tag, [eclTag]", inputs: { variant: "variant", isWrapped: ["isWrapped", "isWrapped", booleanAttribute28] }, outputs: { remove: "remove" }, host: { properties: { "attr.hidden": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0222, 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: i216.TitleCasePipe, name: "titlecase" }] });
+    this.ɵcmp = i0222.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: _EclTagComponent, selector: "ecl-tag, [eclTag]", inputs: { variant: "variant", isWrapped: ["isWrapped", "isWrapped", booleanAttribute29] }, outputs: { remove: "remove" }, host: { properties: { "attr.hidden": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0222, 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: i216.TitleCasePipe, name: "titlecase" }] });
   }
 };
 i0222.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0222, type: EclTagComponent, decorators: [{
@@ -19369,7 +19385,7 @@ i0222.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   type: Input99
 }], isWrapped: [{
   type: Input99,
-  args: [{ transform: booleanAttribute28 }]
+  args: [{ transform: booleanAttribute29 }]
 }], remove: [{
   type: Output47
 }], isHidden: [{
@@ -19429,7 +19445,7 @@ i0224.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] });
 
 // lib/components/ecl-text-area/ecl-text-area.directive.mjs
-import { __decorate as __decorate33 } from "tslib";
+import { __decorate as __decorate32 } from "tslib";
 import { Directive as Directive64, HostBinding as HostBinding155, Input as Input100, Optional as Optional9, Self as Self7 } from "@angular/core";
 import { coerceBoolean as coerceBoolean29 } from "@eui/base";
 import * as i0225 from "@angular/core";
@@ -19458,7 +19474,7 @@ var EclTextAreaDirective = class _EclTextAreaDirective extends ECLBaseDirective
     this.ɵdir = i0225.ɵɵ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: i0225 });
   }
 };
-__decorate33([
+__decorate32([
   coerceBoolean29
 ], EclTextAreaDirective.prototype, "isInvalid", void 0);
 i0225.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0225, type: EclTextAreaDirective, decorators: [{
@@ -19583,8 +19599,8 @@ i0229.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-timeline/ecl-timeline-item.component.mjs
-import { __decorate as __decorate34 } from "tslib";
-import { Component as Component103, Input as Input101, HostBinding as HostBinding158, ViewEncapsulation as ViewEncapsulation17, Output as Output49, EventEmitter as EventEmitter49, ContentChild as ContentChild29, forwardRef as forwardRef56 } from "@angular/core";
+import { __decorate as __decorate33 } from "tslib";
+import { Component as Component103, Input as Input101, HostBinding as HostBinding158, ViewEncapsulation as ViewEncapsulation17, Output as Output49, EventEmitter as EventEmitter49, ContentChild as ContentChild29, forwardRef as forwardRef58 } from "@angular/core";
 import { coerceBoolean as coerceBoolean30 } from "@eui/base";
 import { Subject as Subject29 } from "rxjs";
 import { takeUntil as takeUntil26 } from "rxjs/operators";
@@ -19685,7 +19701,7 @@ var EclTimelineItemComponent = class _EclTimelineItemComponent extends ECLBaseDi
 </ng-template>`, styles: ["ecl-timeline-item{display:list-item}\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: "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: i0230.ViewEncapsulation.None });
   }
 };
-__decorate34([
+__decorate33([
   coerceBoolean30
 ], EclTimelineItemComponent.prototype, "isTogglerExpanded", void 0);
 i0230.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0230, type: EclTimelineItemComponent, decorators: [{
@@ -19742,7 +19758,7 @@ i0230.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   args: ["class"]
 }], timelineItemToggler: [{
   type: ContentChild29,
-  args: [forwardRef56(() => EclTimelineItemTogglerComponent)]
+  args: [forwardRef58(() => EclTimelineItemTogglerComponent)]
 }], isCollapsed: [{
   type: Input101
 }, {
@@ -19760,7 +19776,7 @@ i0230.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
 }] } });
 
 // lib/components/ecl-timeline/ecl-timeline.component.mjs
-import { Component as Component104, ContentChildren as ContentChildren27, forwardRef as forwardRef58, HostBinding as HostBinding159 } from "@angular/core";
+import { Component as Component104, ContentChildren as ContentChildren28, forwardRef as forwardRef60, HostBinding as HostBinding159 } from "@angular/core";
 import { Subject as Subject30 } from "rxjs";
 import { takeUntil as takeUntil27 } from "rxjs/operators";
 import * as i0231 from "@angular/core";
@@ -19805,8 +19821,8 @@ i0231.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3
   type: HostBinding159,
   args: ["class"]
 }], timelineItems: [{
-  type: ContentChildren27,
-  args: [forwardRef58(() => EclTimelineItemComponent)]
+  type: ContentChildren28,
+  args: [forwardRef60(() => EclTimelineItemComponent)]
 }] } });
 
 // lib/components/ecl-timeline/ecl-timeline.module.mjs