@eui/ecl 18.0.0-next.26 → 18.0.0-next.28

package/esm2022/lib/components/ecl-inpage-navigation/ecl-inpage-navigation.component.mjs

@@ -110,10 +110,10 @@ export class EclInpageNavigationComponent extends ECLBaseDirective {
     hasScrollHitBottom() {
         return window.pageYOffset + window.innerHeight === document.documentElement.scrollHeight;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclInpageNavigationComponent, deps: [{ token: i1.EclThemeService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EclInpageNavigationComponent, selector: "ecl-inpage-navigation", inputs: { eclTitle: "eclTitle", marginTop: "marginTop", marginBottom: "marginBottom" }, outputs: { sectionEnter: "sectionEnter" }, queries: [{ propertyName: "eclNavigationLinkItems", predicate: EclInpageNavigationItemComponent }], usesInheritance: true, ngImport: i0, template: "<ecl-sticky-container [marginTop]=\"marginTop\" [marginBottom]=\"marginBottom\">\n    <nav\n        aria-labelledby=\"ecl-inpage-navigation-default\"\n        class=\"ecl-inpage-navigation\"\n        [class.ecl-inpage-navigation--visible]=\"currentSectionElement\">\n        <div id=\"ecl-inpage-navigation-default\" class=\"ecl-inpage-navigation__title\">\n            {{ eclTitle || 'ecl.inpage-navigation.PAGE-CONTENTS' | translate }}\n        </div>\n        <div class=\"ecl-inpage-navigation__body\">\n            <div class=\"ecl-inpage-navigation__trigger-wrapper\">\n                <button\n                    id=\"ecl-inpage-navigation-default-trigger\"\n                    type=\"button\"\n                    class=\"ecl-inpage-navigation__trigger\"\n                    aria-controls=\"ecl-inpage-navigation-list\"\n                    [attr.aria-expanded]=\"isButtonExpanded\"\n                    (click)=\"onExpandButtonClick($event)\">\n                    <span class=\"ecl-inpage-navigation__trigger-current\">\n                        {{ currentNavigationLinkItem?.label }}\n                    </span>\n                    <ecl-icon icon=\"corner-arrow\" [size]=\"sizeIcon\" transform=\"rotate-180\" class=\"ecl-inpage-navigation__trigger-icon\"> </ecl-icon>\n                </button>\n             </div>\n            <ul\n                id=\"ecl-inpage-navigation-default-list\"\n                class=\"ecl-inpage-navigation__list\"\n                [class.ecl-inpage-navigation__list--visible]=\"isButtonExpanded\"\n                [attr.aria-expanded]=\"isButtonExpanded\"\n                aria-labelledby=\"ecl-inpage-navigation-trigger\">\n                <ng-content></ng-content>\n            </ul>\n        </div>\n    </nav>\n</ecl-sticky-container>\n", styles: ["@media (min-width: 996px){.ecl-inpage-navigation__list{display:block!important}}\n"], dependencies: [{ kind: "component", type: i2.EclStickyContainerComponent, selector: "ecl-sticky-container", inputs: ["isEnabled", "marginTop", "marginBottom"] }, { kind: "component", type: i3.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclInpageNavigationComponent, deps: [{ token: i1.EclThemeService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EclInpageNavigationComponent, selector: "ecl-inpage-navigation", inputs: { eclTitle: "eclTitle", marginTop: "marginTop", marginBottom: "marginBottom" }, outputs: { sectionEnter: "sectionEnter" }, queries: [{ propertyName: "eclNavigationLinkItems", predicate: EclInpageNavigationItemComponent }], usesInheritance: true, ngImport: i0, template: "<ecl-sticky-container [marginTop]=\"marginTop\" [marginBottom]=\"marginBottom\">\n    <nav\n        aria-labelledby=\"ecl-inpage-navigation-default\"\n        class=\"ecl-inpage-navigation\"\n        [class.ecl-inpage-navigation--visible]=\"currentSectionElement\">\n        <div id=\"ecl-inpage-navigation-default\" class=\"ecl-inpage-navigation__title\">\n            {{ eclTitle || 'ecl.inpage-navigation.PAGE-CONTENTS' | translate }}\n        </div>\n        <div class=\"ecl-inpage-navigation__body\">\n            <div class=\"ecl-inpage-navigation__trigger-wrapper\">\n                <button\n                    id=\"ecl-inpage-navigation-default-trigger\"\n                    type=\"button\"\n                    class=\"ecl-inpage-navigation__trigger\"\n                    aria-controls=\"ecl-inpage-navigation-list\"\n                    [attr.aria-expanded]=\"isButtonExpanded\"\n                    (click)=\"onExpandButtonClick($event)\">\n                    <span class=\"ecl-inpage-navigation__trigger-current\">\n                        {{ currentNavigationLinkItem?.label }}\n                    </span>\n                    <ecl-icon icon=\"corner-arrow\" [size]=\"sizeIcon\" transform=\"rotate-180\" class=\"ecl-inpage-navigation__trigger-icon\"> </ecl-icon>\n                </button>\n             </div>\n            <ul\n                id=\"ecl-inpage-navigation-default-list\"\n                class=\"ecl-inpage-navigation__list\"\n                [class.ecl-inpage-navigation__list--visible]=\"isButtonExpanded\"\n                [attr.aria-expanded]=\"isButtonExpanded\"\n                aria-labelledby=\"ecl-inpage-navigation-trigger\">\n                <ng-content></ng-content>\n            </ul>\n        </div>\n    </nav>\n</ecl-sticky-container>\n", styles: ["@media (min-width: 996px){.ecl-inpage-navigation__list{display:block!important}}\n"], dependencies: [{ kind: "component", type: i2.EclStickyContainerComponent, selector: "ecl-sticky-container", inputs: ["isEnabled", "marginTop", "marginBottom"] }, { kind: "component", type: i3.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclInpageNavigationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclInpageNavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-inpage-navigation', template: "<ecl-sticky-container [marginTop]=\"marginTop\" [marginBottom]=\"marginBottom\">\n    <nav\n        aria-labelledby=\"ecl-inpage-navigation-default\"\n        class=\"ecl-inpage-navigation\"\n        [class.ecl-inpage-navigation--visible]=\"currentSectionElement\">\n        <div id=\"ecl-inpage-navigation-default\" class=\"ecl-inpage-navigation__title\">\n            {{ eclTitle || 'ecl.inpage-navigation.PAGE-CONTENTS' | translate }}\n        </div>\n        <div class=\"ecl-inpage-navigation__body\">\n            <div class=\"ecl-inpage-navigation__trigger-wrapper\">\n                <button\n                    id=\"ecl-inpage-navigation-default-trigger\"\n                    type=\"button\"\n                    class=\"ecl-inpage-navigation__trigger\"\n                    aria-controls=\"ecl-inpage-navigation-list\"\n                    [attr.aria-expanded]=\"isButtonExpanded\"\n                    (click)=\"onExpandButtonClick($event)\">\n                    <span class=\"ecl-inpage-navigation__trigger-current\">\n                        {{ currentNavigationLinkItem?.label }}\n                    </span>\n                    <ecl-icon icon=\"corner-arrow\" [size]=\"sizeIcon\" transform=\"rotate-180\" class=\"ecl-inpage-navigation__trigger-icon\"> </ecl-icon>\n                </button>\n             </div>\n            <ul\n                id=\"ecl-inpage-navigation-default-list\"\n                class=\"ecl-inpage-navigation__list\"\n                [class.ecl-inpage-navigation__list--visible]=\"isButtonExpanded\"\n                [attr.aria-expanded]=\"isButtonExpanded\"\n                aria-labelledby=\"ecl-inpage-navigation-trigger\">\n                <ng-content></ng-content>\n            </ul>\n        </div>\n    </nav>\n</ecl-sticky-container>\n", styles: ["@media (min-width: 996px){.ecl-inpage-navigation__list{display:block!important}}\n"] }]
         }], ctorParameters: () => [{ type: i1.EclThemeService }, { type: i0.Renderer2 }], propDecorators: { eclTitle: [{

package/esm2022/lib/components/ecl-inpage-navigation/ecl-inpage-navigation.module.mjs

@@ -8,11 +8,11 @@ import { EclStickyContainerComponentModule } from '../ecl-sticky-container';
 import { EclInpageNavigationComponent } from './ecl-inpage-navigation.component';
 import * as i0 from "@angular/core";
 export class EclInpageNavigationComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclInpageNavigationComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclInpageNavigationComponentModule, declarations: [EclInpageNavigationComponent, EclInpageNavigationItemComponent], imports: [CommonModule, TranslateModule, EclStickyContainerComponentModule, EclLinkDirectiveModule, EclIconComponentModule], exports: [EclInpageNavigationComponent, EclInpageNavigationItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclInpageNavigationComponentModule, imports: [CommonModule, TranslateModule, EclStickyContainerComponentModule, EclLinkDirectiveModule, EclIconComponentModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclInpageNavigationComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclInpageNavigationComponentModule, declarations: [EclInpageNavigationComponent, EclInpageNavigationItemComponent], imports: [CommonModule, TranslateModule, EclStickyContainerComponentModule, EclLinkDirectiveModule, EclIconComponentModule], exports: [EclInpageNavigationComponent, EclInpageNavigationItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclInpageNavigationComponentModule, imports: [CommonModule, TranslateModule, EclStickyContainerComponentModule, EclLinkDirectiveModule, EclIconComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclInpageNavigationComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclInpageNavigationComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, TranslateModule, EclStickyContainerComponentModule, EclLinkDirectiveModule, EclIconComponentModule],

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

@@ -9,10 +9,10 @@ export class EclLabelDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-label'), `ecl-label--${this.variant}`].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EclLabelDirective, selector: "[eclLabel]", inputs: { variant: "variant" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EclLabelDirective, selector: "[eclLabel]", inputs: { variant: "variant" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclLabel]',

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

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

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

@@ -5,10 +5,10 @@ export class EclLinkLabelDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-link__label')].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclLinkLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EclLinkLabelDirective, selector: "[eclLinkLabel]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclLinkLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EclLinkLabelDirective, selector: "[eclLinkLabel]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclLinkLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclLinkLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclLinkLabel]',

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

@@ -27,10 +27,10 @@ export class EclLinkDirective extends ECLBaseDirective {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclLinkDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.3", type: EclLinkDirective, selector: "[eclLink]", inputs: { isInverted: ["isInverted", "isInverted", booleanAttribute], isIconOnly: ["isIconOnly", "isIconOnly", booleanAttribute], isNoVisited: ["isNoVisited", "isNoVisited", booleanAttribute], variant: "variant" }, host: { properties: { "class": "this.cssClasses", "class.ecl-link--icon": "this.hasIcon", "class.ecl-link--no-visited": "this.isLinkNoVisited", "class.ecl-link--inverted": "this.isInverted", "class.ecl-link--icon-only": "this.isIconOnly" } }, queries: [{ propertyName: "eclIconComponents", predicate: i0.forwardRef(() => EclIconComponent) }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclLinkDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.4", type: EclLinkDirective, selector: "[eclLink]", inputs: { isInverted: ["isInverted", "isInverted", booleanAttribute], isIconOnly: ["isIconOnly", "isIconOnly", booleanAttribute], isNoVisited: ["isNoVisited", "isNoVisited", booleanAttribute], variant: "variant" }, host: { properties: { "class": "this.cssClasses", "class.ecl-link--icon": "this.hasIcon", "class.ecl-link--no-visited": "this.isLinkNoVisited", "class.ecl-link--inverted": "this.isInverted", "class.ecl-link--icon-only": "this.isIconOnly" } }, queries: [{ propertyName: "eclIconComponents", predicate: i0.forwardRef(() => EclIconComponent) }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclLink]',

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

@@ -4,11 +4,11 @@ import { EclLinkDirective } from './ecl-link.directive';
 import { EclLinkLabelDirective } from './ecl-link-label.directive';
 import * as i0 from "@angular/core";
 export class EclLinkDirectiveModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclLinkDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclLinkDirectiveModule, declarations: [EclLinkDirective, EclLinkLabelDirective], imports: [CommonModule], exports: [EclLinkDirective, EclLinkLabelDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclLinkDirectiveModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclLinkDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclLinkDirectiveModule, declarations: [EclLinkDirective, EclLinkLabelDirective], imports: [CommonModule], exports: [EclLinkDirective, EclLinkLabelDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclLinkDirectiveModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclLinkDirectiveModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclLinkDirectiveModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/esm2022/lib/components/ecl-list/ecl-description-list-definition/ecl-description-list-definition.component.mjs

@@ -56,10 +56,10 @@ export class EclDescriptionListDefinitionComponent extends ECLBaseDirective {
     getLastVisibleItem() {
         return this.eclListItems.filter((item, cnt) => cnt < this._maxVisibleItems).pop();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclDescriptionListDefinitionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.3", type: EclDescriptionListDefinitionComponent, selector: "[eclDescriptionListDefinition]", inputs: { variant: "variant" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclListItems", predicate: EclDescriptionListDefinitionItemDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n@if(hasSeeAll) {\n<a eclLink class=\"ecl-description-list__see_more\" href (click)=\"onShowAllItems($event)\">{{\n    'ecl.list.SEE-ALL-ITEMS' | translate\n    }}</a>\n}", dependencies: [{ kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclDescriptionListDefinitionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.4", type: EclDescriptionListDefinitionComponent, selector: "[eclDescriptionListDefinition]", inputs: { variant: "variant" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclListItems", predicate: EclDescriptionListDefinitionItemDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n@if(hasSeeAll) {\n<a eclLink class=\"ecl-description-list__see_more\" href (click)=\"onShowAllItems($event)\">{{\n    'ecl.list.SEE-ALL-ITEMS' | translate\n    }}</a>\n}", dependencies: [{ kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclDescriptionListDefinitionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclDescriptionListDefinitionComponent, decorators: [{
             type: Component,
             args: [{ selector: '[eclDescriptionListDefinition]', template: "<ng-content></ng-content>\n@if(hasSeeAll) {\n<a eclLink class=\"ecl-description-list__see_more\" href (click)=\"onShowAllItems($event)\">{{\n    'ecl.list.SEE-ALL-ITEMS' | translate\n    }}</a>\n}" }]
         }], propDecorators: { variant: [{

package/esm2022/lib/components/ecl-list/ecl-description-list-definition-item.directive.mjs

@@ -14,10 +14,10 @@ export class EclDescriptionListDefinitionItemDirective extends ECLBaseDirective
             this.isLastVisible ? 'ecl-description-list__definition-item--last-visible' : '',
         ].join(' ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclDescriptionListDefinitionItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EclDescriptionListDefinitionItemDirective, selector: "[eclDescriptionListDefinitionItem]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclDescriptionListDefinitionItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EclDescriptionListDefinitionItemDirective, selector: "[eclDescriptionListDefinitionItem]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclDescriptionListDefinitionItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclDescriptionListDefinitionItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclDescriptionListDefinitionItem]',
@@ -31,10 +31,10 @@ export class EclDescriptionListDefinitionListDirective extends ECLBaseDirective
         super(...arguments);
         this.cmpClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclDescriptionListDefinitionListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EclDescriptionListDefinitionListDirective, selector: "[eclDescriptionListDefinitionList]", host: { properties: { "class.ecl-description-list__definition-list": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclDescriptionListDefinitionListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EclDescriptionListDefinitionListDirective, selector: "[eclDescriptionListDefinitionList]", host: { properties: { "class.ecl-description-list__definition-list": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclDescriptionListDefinitionListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclDescriptionListDefinitionListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclDescriptionListDefinitionList]',

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

@@ -7,10 +7,10 @@ export class EclOrderedListDirective extends ECLBaseDirective {
         super(...arguments);
         this.cmpClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclOrderedListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EclOrderedListDirective, selector: "[eclOrderedList]", host: { properties: { "class.ecl-ordered-list": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclOrderedListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EclOrderedListDirective, selector: "[eclOrderedList]", host: { properties: { "class.ecl-ordered-list": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclOrderedListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclOrderedListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclOrderedList]',
@@ -24,10 +24,10 @@ export class EclOrderedListItemDirective extends ECLBaseDirective {
         super(...arguments);
         this.cmpClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclOrderedListItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EclOrderedListItemDirective, selector: "[eclOrderedListItem]", host: { properties: { "class.ecl-ordered-list__item": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclOrderedListItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EclOrderedListItemDirective, selector: "[eclOrderedListItem]", host: { properties: { "class.ecl-ordered-list__item": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclOrderedListItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclOrderedListItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclOrderedListItem]',
@@ -43,10 +43,10 @@ export class EclUnorderedListDirective extends ECLBaseDirective {
         this.isDivider = false;
         this.isNoMarker = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclUnorderedListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.3", type: EclUnorderedListDirective, selector: "[eclUnorderedList]", inputs: { isDivider: ["isDivider", "isDivider", booleanAttribute], isNoMarker: ["isNoMarker", "isNoMarker", booleanAttribute] }, 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: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclUnorderedListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.4", type: EclUnorderedListDirective, selector: "[eclUnorderedList]", inputs: { isDivider: ["isDivider", "isDivider", booleanAttribute], isNoMarker: ["isNoMarker", "isNoMarker", booleanAttribute] }, 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: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclUnorderedListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclUnorderedListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclUnorderedList]',
@@ -72,10 +72,10 @@ export class EclUnorderedListItemDirective extends ECLBaseDirective {
         super(...arguments);
         this.cmpClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclUnorderedListItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EclUnorderedListItemDirective, selector: "[eclUnorderedListItem]", host: { properties: { "class.ecl-unordered-list__item": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclUnorderedListItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EclUnorderedListItemDirective, selector: "[eclUnorderedListItem]", host: { properties: { "class.ecl-unordered-list__item": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclUnorderedListItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclUnorderedListItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclUnorderedListItem]',
@@ -100,10 +100,10 @@ export class EclDescriptionListDirective extends ECLBaseDirective {
         }
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclDescriptionListDirective, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.3", type: EclDescriptionListDirective, selector: "[eclDescriptionList]", inputs: { isHorizontal: ["isHorizontal", "isHorizontal", booleanAttribute], maxVisibleItems: ["maxVisibleItems", "maxVisibleItems", numberAttribute] }, host: { properties: { "class.ecl-description-list--horizontal": "this.isHorizontal", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclListItems", predicate: EclDescriptionListDefinitionComponent }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclDescriptionListDirective, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.4", type: EclDescriptionListDirective, selector: "[eclDescriptionList]", inputs: { isHorizontal: ["isHorizontal", "isHorizontal", booleanAttribute], maxVisibleItems: ["maxVisibleItems", "maxVisibleItems", numberAttribute] }, host: { properties: { "class.ecl-description-list--horizontal": "this.isHorizontal", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclListItems", predicate: EclDescriptionListDefinitionComponent }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclDescriptionListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclDescriptionListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclDescriptionList]',
@@ -129,10 +129,10 @@ export class EclDescriptionListTermDirective extends ECLBaseDirective {
         super(...arguments);
         this.cmpClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclDescriptionListTermDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EclDescriptionListTermDirective, selector: "[eclDescriptionListTerm]", host: { properties: { "class.ecl-description-list__term": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclDescriptionListTermDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EclDescriptionListTermDirective, selector: "[eclDescriptionListTerm]", host: { properties: { "class.ecl-description-list__term": "this.cmpClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclDescriptionListTermDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclDescriptionListTermDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclDescriptionListTerm]',

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

@@ -18,8 +18,8 @@ const COMPONENTS = [
     EclDescriptionListDefinitionListDirective,
 ];
 export class EclListDirectiveModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclListDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclListDirectiveModule, declarations: [EclOrderedListDirective,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclListDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclListDirectiveModule, declarations: [EclOrderedListDirective,
             EclOrderedListItemDirective,
             EclUnorderedListDirective,
             EclUnorderedListItemDirective,
@@ -36,9 +36,9 @@ export class EclListDirectiveModule {
             EclDescriptionListDefinitionComponent,
             EclDescriptionListDefinitionItemDirective,
             EclDescriptionListDefinitionListDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclListDirectiveModule, imports: [CommonModule, TranslateModule, EclLinkDirectiveModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclListDirectiveModule, imports: [CommonModule, TranslateModule, EclLinkDirectiveModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclListDirectiveModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclListDirectiveModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, TranslateModule, EclLinkDirectiveModule],

package/esm2022/lib/components/ecl-list-illustration/ecl-list-illustration-icon.directive.mjs

@@ -6,10 +6,10 @@ export class EclListIllustrationIconDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclListIllustrationIconDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EclListIllustrationIconDirective, selector: "[eclListIllustrationIcon]", host: { properties: { "class.ecl-list-illustration__icon": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclListIllustrationIconDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EclListIllustrationIconDirective, selector: "[eclListIllustrationIcon]", host: { properties: { "class.ecl-list-illustration__icon": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclListIllustrationIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclListIllustrationIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclListIllustrationIcon]',

package/esm2022/lib/components/ecl-list-illustration/ecl-list-illustration-item.component.mjs

@@ -16,10 +16,10 @@ export class EclListIllustrationItemComponent extends ECLBaseDirective {
     get hasValue() {
         return Boolean(this.eclValue);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclListIllustrationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵ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: i0.forwardRef(() => EclListIllustrationIconDirective) }], usesInheritance: true, ngImport: i0, 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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclListIllustrationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", 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: i0.forwardRef(() => EclListIllustrationIconDirective) }], usesInheritance: true, ngImport: i0, 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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclListIllustrationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclListIllustrationItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-list-illustration-item', 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" }]
         }], propDecorators: { eclTitle: [{

package/esm2022/lib/components/ecl-list-illustration/ecl-list-illustration-picture.directive.mjs

@@ -5,10 +5,10 @@ export class EclListIllustrationPictureDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-picture ecl-list-illustration__picture')].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclListIllustrationPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EclListIllustrationPictureDirective, selector: "picture[eclListIllustrationPicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclListIllustrationPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EclListIllustrationPictureDirective, selector: "picture[eclListIllustrationPicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclListIllustrationPictureDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclListIllustrationPictureDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'picture[eclListIllustrationPicture]',
@@ -32,10 +32,10 @@ export class EclListIllustrationImageDirective extends ECLBaseDirective {
             .join(' ')
             .trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclListIllustrationImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.3", type: EclListIllustrationImageDirective, selector: "img[eclListIllustrationImage]", inputs: { isSquare: ["isSquare", "isSquare", booleanAttribute], size: "size" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclListIllustrationImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.4", type: EclListIllustrationImageDirective, selector: "img[eclListIllustrationImage]", inputs: { isSquare: ["isSquare", "isSquare", booleanAttribute], size: "size" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclListIllustrationImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclListIllustrationImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'img[eclListIllustrationImage]',

package/esm2022/lib/components/ecl-list-illustration/ecl-list-illustration.component.mjs

@@ -16,10 +16,10 @@ export class EclListIllustrationComponent extends ECLBaseDirective {
             .join(' ')
             .trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclListIllustrationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: EclListIllustrationComponent, selector: "ecl-list-illustration", inputs: { isZebra: ["isZebra", "isZebra", booleanAttribute], horizontalColumns: ["horizontalColumns", "horizontalColumns", numberAttribute] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclListIllustrationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: EclListIllustrationComponent, selector: "ecl-list-illustration", inputs: { isZebra: ["isZebra", "isZebra", booleanAttribute], horizontalColumns: ["horizontalColumns", "horizontalColumns", numberAttribute] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclListIllustrationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclListIllustrationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-list-illustration', template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { isZebra: [{

package/esm2022/lib/components/ecl-list-illustration/ecl-list-illustration.module.mjs

@@ -14,8 +14,8 @@ const COMPONENTS = [
     EclListIllustrationImageDirective,
 ];
 export class EclListIllustrationComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclListIllustrationComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclListIllustrationComponentModule, declarations: [EclListIllustrationComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclListIllustrationComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclListIllustrationComponentModule, declarations: [EclListIllustrationComponent,
             EclListIllustrationItemComponent,
             EclListIllustrationIconDirective,
             EclListIllustrationPictureDirective,
@@ -24,9 +24,9 @@ export class EclListIllustrationComponentModule {
             EclListIllustrationIconDirective,
             EclListIllustrationPictureDirective,
             EclListIllustrationImageDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclListIllustrationComponentModule, imports: [CommonModule, TranslateModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclListIllustrationComponentModule, imports: [CommonModule, TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclListIllustrationComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclListIllustrationComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, TranslateModule],

package/esm2022/lib/components/ecl-loading-indicator/ecl-loading-indicator-label.directive.mjs

@@ -4,10 +4,10 @@ export class EclLoadingIndicatorLabelDirective {
     constructor() {
         this.className = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclLoadingIndicatorLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EclLoadingIndicatorLabelDirective, selector: "[eclLoadingIndicatorLabel]", host: { properties: { "class.ecl-spinner__text": "this.className" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclLoadingIndicatorLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EclLoadingIndicatorLabelDirective, selector: "[eclLoadingIndicatorLabel]", host: { properties: { "class.ecl-spinner__text": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclLoadingIndicatorLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclLoadingIndicatorLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclLoadingIndicatorLabel]',

package/esm2022/lib/components/ecl-loading-indicator/ecl-loading-indicator-overlay.directive.mjs

@@ -5,10 +5,10 @@ export class EclLoadingIndicatorOverlayDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-spinner__overlay ecl-spinner__overlay--visible')].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclLoadingIndicatorOverlayDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EclLoadingIndicatorOverlayDirective, selector: "[eclLoadingIndicatorOverlay]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclLoadingIndicatorOverlayDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EclLoadingIndicatorOverlayDirective, selector: "[eclLoadingIndicatorOverlay]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclLoadingIndicatorOverlayDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclLoadingIndicatorOverlayDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclLoadingIndicatorOverlay]',

package/esm2022/lib/components/ecl-loading-indicator/ecl-loading-indicator.component.mjs

@@ -20,10 +20,10 @@ export class EclLoadingIndicatorComponent extends ECLBaseDirective {
             .join(' ')
             .trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclLoadingIndicatorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵ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", booleanAttribute], isVisible: ["isVisible", "isVisible", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, 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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclLoadingIndicatorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: EclLoadingIndicatorComponent, selector: "ecl-loading-indicator", inputs: { size: "size", variant: "variant", isCentered: ["isCentered", "isCentered", booleanAttribute], isVisible: ["isVisible", "isVisible", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, 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" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclLoadingIndicatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclLoadingIndicatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-loading-indicator', 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" }]
         }], propDecorators: { cssClasses: [{

package/esm2022/lib/components/ecl-loading-indicator/ecl-loading-indicator.module.mjs

@@ -6,11 +6,11 @@ import { EclLoadingIndicatorLabelDirective } from './ecl-loading-indicator-label
 import { EclLoadingIndicatorOverlayDirective } from './ecl-loading-indicator-overlay.directive';
 import * as i0 from "@angular/core";
 export class EclLoadingIndicatorComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclLoadingIndicatorComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclLoadingIndicatorComponentModule, declarations: [EclLoadingIndicatorComponent, EclLoadingIndicatorLabelDirective, EclLoadingIndicatorOverlayDirective], imports: [CommonModule, TranslateModule], exports: [EclLoadingIndicatorComponent, EclLoadingIndicatorLabelDirective, EclLoadingIndicatorOverlayDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclLoadingIndicatorComponentModule, imports: [CommonModule, TranslateModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclLoadingIndicatorComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclLoadingIndicatorComponentModule, declarations: [EclLoadingIndicatorComponent, EclLoadingIndicatorLabelDirective, EclLoadingIndicatorOverlayDirective], imports: [CommonModule, TranslateModule], exports: [EclLoadingIndicatorComponent, EclLoadingIndicatorLabelDirective, EclLoadingIndicatorOverlayDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclLoadingIndicatorComponentModule, imports: [CommonModule, TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclLoadingIndicatorComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclLoadingIndicatorComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, TranslateModule],

package/esm2022/lib/components/ecl-media-container/ecl-media-container-iframe.directive.mjs

@@ -19,10 +19,10 @@ export class EclMediaContainerIframeDirective extends ECLBaseDirective {
         }
         return `${iframeWidth}/${iframeHeight}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclMediaContainerIframeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵ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: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclMediaContainerIframeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EclMediaContainerIframeDirective, selector: "iframe[eclMediaContainerIframe]", inputs: { width: "width", height: "height", ratio: "ratio" }, host: { properties: { "style.aspect-ratio": "this.ratio" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclMediaContainerIframeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclMediaContainerIframeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'iframe[eclMediaContainerIframe]',

package/esm2022/lib/components/ecl-media-container/ecl-media-container-item.directive.mjs

@@ -13,10 +13,10 @@ export class EclMediaContainerItemDirective extends ECLBaseDirective {
             this.contentIframe.hasCustomRatio = this.ratio ? false : true;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclMediaContainerItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵ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: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclMediaContainerItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", 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: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclMediaContainerItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclMediaContainerItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclMediaContainerItem], img[eclMediaContainerImage]',

package/esm2022/lib/components/ecl-media-container/ecl-media-container-picture.directive.mjs

@@ -5,10 +5,10 @@ export class EclMediaContainerPictureDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-picture ecl-media-container__picture')].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclMediaContainerPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.3", type: EclMediaContainerPictureDirective, selector: "picture[eclMediaContainerPicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclMediaContainerPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EclMediaContainerPictureDirective, selector: "picture[eclMediaContainerPicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclMediaContainerPictureDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclMediaContainerPictureDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'picture[eclMediaContainerPicture]',

package/esm2022/lib/components/ecl-media-container/ecl-media-container.component.mjs

@@ -15,10 +15,10 @@ export class EclMediaContainerComponent extends ECLBaseDirective {
             this.expandable.class = [this.expandable.class, 'ecl-media-container__expandable'].join(' ');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclMediaContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: EclMediaContainerComponent, selector: "ecl-media-container", inputs: { isFullWidth: ["isFullWidth", "isFullWidth", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "expandable", first: true, predicate: EclExpandableComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<figure class=\"ecl-media-container__figure\" [class.ecl-media-container--full-width]=\"isFullWidth\">\n    <ng-content select=\"video[eclMediaContainerItem]\"></ng-content>\n    <ng-content select=\"div[eclMediaContainerItem]\"></ng-content>\n    <ng-content select=\"picture[eclMediaContainerPicture]\"></ng-content>\n\n    <figcaption class=\"ecl-media-container__caption\">\n        <ng-content></ng-content>\n    </figcaption>\n    <ng-content select=\"ecl-expandable\"></ng-content>\n</figure>\n", styles: [":host{display:block}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclMediaContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: EclMediaContainerComponent, selector: "ecl-media-container", inputs: { isFullWidth: ["isFullWidth", "isFullWidth", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "expandable", first: true, predicate: EclExpandableComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<figure class=\"ecl-media-container__figure\" [class.ecl-media-container--full-width]=\"isFullWidth\">\n    <ng-content select=\"video[eclMediaContainerItem]\"></ng-content>\n    <ng-content select=\"div[eclMediaContainerItem]\"></ng-content>\n    <ng-content select=\"picture[eclMediaContainerPicture]\"></ng-content>\n\n    <figcaption class=\"ecl-media-container__caption\">\n        <ng-content></ng-content>\n    </figcaption>\n    <ng-content select=\"ecl-expandable\"></ng-content>\n</figure>\n", styles: [":host{display:block}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EclMediaContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EclMediaContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-media-container', template: "<figure class=\"ecl-media-container__figure\" [class.ecl-media-container--full-width]=\"isFullWidth\">\n    <ng-content select=\"video[eclMediaContainerItem]\"></ng-content>\n    <ng-content select=\"div[eclMediaContainerItem]\"></ng-content>\n    <ng-content select=\"picture[eclMediaContainerPicture]\"></ng-content>\n\n    <figcaption class=\"ecl-media-container__caption\">\n        <ng-content></ng-content>\n    </figcaption>\n    <ng-content select=\"ecl-expandable\"></ng-content>\n</figure>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { isFullWidth: [{