@eui/ecl 19.2.0 → 19.2.1-snapshot-1746520949592

package/fesm2022/eui-ecl-components-ecl-navigation-list.mjs

@@ -23,10 +23,10 @@ class EclNavigationListItemComponent extends ECLBaseDirective {
             this.eclContentBlock.class = 'ecl-navigation-list__content-block';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNavigationListItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: EclNavigationListItemComponent, isStandalone: false, selector: "ecl-navigation-list-item", inputs: { variant: "variant" }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclContentBlock", first: true, predicate: i0.forwardRef(() => EclContentBlockComponent), descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNavigationListItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: EclNavigationListItemComponent, isStandalone: false, selector: "ecl-navigation-list-item", inputs: { variant: "variant" }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclContentBlock", first: true, predicate: i0.forwardRef(() => EclContentBlockComponent), descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNavigationListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNavigationListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-navigation-list-item', standalone: false, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { role: [{
@@ -58,10 +58,10 @@ class EclNavigationListComponent extends ECLBaseDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNavigationListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.8", type: EclNavigationListComponent, isStandalone: false, selector: "ecl-navigation-list", inputs: { columns: ["columns", "columns", numberAttribute], hasBorders: ["hasBorders", "hasBorders", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "listItems", predicate: i0.forwardRef(() => EclNavigationListItemComponent) }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNavigationListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.9", type: EclNavigationListComponent, isStandalone: false, selector: "ecl-navigation-list", inputs: { columns: ["columns", "columns", numberAttribute], hasBorders: ["hasBorders", "hasBorders", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "listItems", predicate: i0.forwardRef(() => EclNavigationListItemComponent) }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNavigationListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNavigationListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-navigation-list', standalone: false, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { cssClasses: [{
@@ -82,10 +82,10 @@ class EclNavigationListPictureDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-picture ecl-navigation-list__picture')].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNavigationListPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: EclNavigationListPictureDirective, isStandalone: false, selector: "picture[eclNavigationListPicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNavigationListPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: EclNavigationListPictureDirective, isStandalone: false, selector: "picture[eclNavigationListPicture]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNavigationListPictureDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNavigationListPictureDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'picture[eclNavigationListPicture]',
@@ -99,10 +99,10 @@ class EclNavigationListImageDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-navigation-list__image')].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNavigationListImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: EclNavigationListImageDirective, isStandalone: false, selector: "img[eclNavigationListImage]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNavigationListImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: EclNavigationListImageDirective, isStandalone: false, selector: "img[eclNavigationListImage]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNavigationListImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNavigationListImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'img[eclNavigationListImage]',
@@ -120,17 +120,17 @@ const COMPONENTS = [
     EclNavigationListPictureDirective,
 ];
 class EclNavigationListModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNavigationListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: EclNavigationListModule, declarations: [EclNavigationListComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNavigationListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: EclNavigationListModule, declarations: [EclNavigationListComponent,
             EclNavigationListItemComponent,
             EclNavigationListImageDirective,
             EclNavigationListPictureDirective], imports: [CommonModule], exports: [EclNavigationListComponent,
             EclNavigationListItemComponent,
             EclNavigationListImageDirective,
             EclNavigationListPictureDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNavigationListModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNavigationListModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNavigationListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNavigationListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/fesm2022/eui-ecl-components-ecl-news-ticker.mjs

@@ -62,10 +62,10 @@ class EclNewsTickerItemComponent extends ECLBaseDirective {
             this.eclLink.tabindex = -1;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNewsTickerItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: EclNewsTickerItemComponent, isStandalone: false, selector: "ecl-news-ticker-item", outputs: { itemFocused: "itemFocused" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-hidden": "this.isAriahidden", "attr.inert": "this.isInert" } }, queries: [{ propertyName: "eclLink", first: true, predicate: EclLinkDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNewsTickerItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: EclNewsTickerItemComponent, isStandalone: false, selector: "ecl-news-ticker-item", outputs: { itemFocused: "itemFocused" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-hidden": "this.isAriahidden", "attr.inert": "this.isInert" } }, queries: [{ propertyName: "eclLink", first: true, predicate: EclLinkDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNewsTickerItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNewsTickerItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-news-ticker-item', standalone: false, template: "<ng-content></ng-content>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { eclLink: [{
@@ -284,10 +284,10 @@ class EclNewsTickerComponent extends ECLBaseDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNewsTickerComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: EclNewsTickerComponent, isStandalone: false, selector: "ecl-news-ticker", inputs: { isAutoplay: ["isAutoplay", "isAutoplay", booleanAttribute] }, 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 }, { propertyName: "playBtn", first: true, predicate: ["playBtn"], descendants: true }, { propertyName: "pauseBtn", first: true, predicate: ["pauseBtn"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-news-ticker__container\">\n    <div class=\"ecl-news-ticker__content\" [style.height.px]=\"contentHeight\">\n        <ul class=\"ecl-news-ticker__slides\" [style.transition-duration.s]=\"transitionDuration\"\n            [style.transform]=\"slidesTransform\" (mouseover)=\"onNewsTickerItemMouseOver()\"\n            (mouseout)=\"onNewsTickerItemMouseOut()\" #slidesContainer>\n            @if(isShowControls) {\n            <ecl-news-ticker-item #firstHiddenItem></ecl-news-ticker-item>\n            }\n            <ng-content></ng-content>\n            @if(isShowControls) {\n            <ecl-news-ticker-item #lastHiddenItem></ecl-news-ticker-item>\n            }\n        </ul>\n    </div>\n</div>\n\n@if(isShowControls) {\n<div class=\"ecl-news-ticker__controls\">\n    <div class=\"ecl-news-ticker__actions\">\n        <button eclButton class=\"ecl-news-ticker__prev\" variant=\"tertiary\" isIconOnly (click)=\"onPrevious()\">\n            <span eclButtonLabel>\n                {{ 'ecl.news-ticker.PREV-ITEM' | translate }}\n            </span>\n            <ecl-icon isInverted icon=\"corner-arrow\" size=\"l\" transform=\"rotate-270\"\n                class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n        </button>\n        <button #playBtn eclButton class=\"ecl-news-ticker__play\" variant=\"tertiary\" isIconOnly [class.ecl-u-d-none]=\"playing\"\n            (click)=\"startAutoplay()\" (keydown.enter)=\"onPlayBtnEnter($event)\">\n            <span class=\"ecl-u-sr-only\">\n                {{ 'ecl.news-ticker.AUTO-PLAY' | translate }}\n            </span>\n            <ecl-icon isInverted icon=\"play-outline\" size=\"l\" class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n        </button>\n        <button #pauseBtn eclButton class=\"ecl-news-ticker__pause\" variant=\"tertiary\" isIconOnly [class.ecl-u-d-none]=\"!playing\"\n            (click)=\"cancelAutoplay()\" (keydown.enter)=\"onPauseBtnEnter($event)\">\n            <span class=\"ecl-u-sr-only\">\n                {{ 'ecl.news-ticker.PAUSE' | translate }}\n            </span>\n            <ecl-icon isInverted icon=\"pause-outline\" size=\"l\" class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n        </button>\n        <button eclButton class=\"ecl-news-ticker__next\" variant=\"tertiary\" isIconOnly (click)=\"onNext()\">\n            <span eclButtonLabel>\n                {{ 'ecl.news-ticker.NEXT-ITEM' | translate }}\n            </span>\n            <ecl-icon isInverted icon=\"corner-arrow\" size=\"l\" transform=\"rotate-90\"\n                class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n        </button>\n    </div>\n    <div class=\"ecl-news-ticker__counter\">\n        <span class=\"ecl-news-ticker__counter--current\"> {{ itemIndex }}</span>\n        {{ 'ecl.common.OF' | translate }}\n        <span class=\"ecl-news-ticker__counter--max\">{{ itemsCount }}</span>\n    </div>\n</div>\n}", dependencies: [{ kind: "component", type: i1.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: i1.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "component", type: EclNewsTickerItemComponent, selector: "ecl-news-ticker-item", outputs: ["itemFocused"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNewsTickerComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EclNewsTickerComponent, isStandalone: false, selector: "ecl-news-ticker", inputs: { isAutoplay: ["isAutoplay", "isAutoplay", booleanAttribute] }, 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 }, { propertyName: "playBtn", first: true, predicate: ["playBtn"], descendants: true }, { propertyName: "pauseBtn", first: true, predicate: ["pauseBtn"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-news-ticker__container\">\n    <div class=\"ecl-news-ticker__content\" [style.height.px]=\"contentHeight\">\n        <ul class=\"ecl-news-ticker__slides\" [style.transition-duration.s]=\"transitionDuration\"\n            [style.transform]=\"slidesTransform\" (mouseover)=\"onNewsTickerItemMouseOver()\"\n            (mouseout)=\"onNewsTickerItemMouseOut()\" #slidesContainer>\n            @if(isShowControls) {\n            <ecl-news-ticker-item #firstHiddenItem></ecl-news-ticker-item>\n            }\n            <ng-content></ng-content>\n            @if(isShowControls) {\n            <ecl-news-ticker-item #lastHiddenItem></ecl-news-ticker-item>\n            }\n        </ul>\n    </div>\n</div>\n\n@if(isShowControls) {\n<div class=\"ecl-news-ticker__controls\">\n    <div class=\"ecl-news-ticker__actions\">\n        <button eclButton class=\"ecl-news-ticker__prev\" variant=\"tertiary\" isIconOnly (click)=\"onPrevious()\">\n            <span eclButtonLabel>\n                {{ 'ecl.news-ticker.PREV-ITEM' | translate }}\n            </span>\n            <ecl-icon isInverted icon=\"corner-arrow\" size=\"l\" transform=\"rotate-270\"\n                class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n        </button>\n        <button #playBtn eclButton class=\"ecl-news-ticker__play\" variant=\"tertiary\" isIconOnly [class.ecl-u-d-none]=\"playing\"\n            (click)=\"startAutoplay()\" (keydown.enter)=\"onPlayBtnEnter($event)\">\n            <span class=\"ecl-u-sr-only\">\n                {{ 'ecl.news-ticker.AUTO-PLAY' | translate }}\n            </span>\n            <ecl-icon isInverted icon=\"play-outline\" size=\"l\" class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n        </button>\n        <button #pauseBtn eclButton class=\"ecl-news-ticker__pause\" variant=\"tertiary\" isIconOnly [class.ecl-u-d-none]=\"!playing\"\n            (click)=\"cancelAutoplay()\" (keydown.enter)=\"onPauseBtnEnter($event)\">\n            <span class=\"ecl-u-sr-only\">\n                {{ 'ecl.news-ticker.PAUSE' | translate }}\n            </span>\n            <ecl-icon isInverted icon=\"pause-outline\" size=\"l\" class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n        </button>\n        <button eclButton class=\"ecl-news-ticker__next\" variant=\"tertiary\" isIconOnly (click)=\"onNext()\">\n            <span eclButtonLabel>\n                {{ 'ecl.news-ticker.NEXT-ITEM' | translate }}\n            </span>\n            <ecl-icon isInverted icon=\"corner-arrow\" size=\"l\" transform=\"rotate-90\"\n                class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n        </button>\n    </div>\n    <div class=\"ecl-news-ticker__counter\">\n        <span class=\"ecl-news-ticker__counter--current\"> {{ itemIndex }}</span>\n        {{ 'ecl.common.OF' | translate }}\n        <span class=\"ecl-news-ticker__counter--max\">{{ itemsCount }}</span>\n    </div>\n</div>\n}", dependencies: [{ kind: "component", type: i1.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: i1.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "component", type: EclNewsTickerItemComponent, selector: "ecl-news-ticker-item", outputs: ["itemFocused"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNewsTickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNewsTickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-news-ticker', standalone: false, template: "<div class=\"ecl-news-ticker__container\">\n    <div class=\"ecl-news-ticker__content\" [style.height.px]=\"contentHeight\">\n        <ul class=\"ecl-news-ticker__slides\" [style.transition-duration.s]=\"transitionDuration\"\n            [style.transform]=\"slidesTransform\" (mouseover)=\"onNewsTickerItemMouseOver()\"\n            (mouseout)=\"onNewsTickerItemMouseOut()\" #slidesContainer>\n            @if(isShowControls) {\n            <ecl-news-ticker-item #firstHiddenItem></ecl-news-ticker-item>\n            }\n            <ng-content></ng-content>\n            @if(isShowControls) {\n            <ecl-news-ticker-item #lastHiddenItem></ecl-news-ticker-item>\n            }\n        </ul>\n    </div>\n</div>\n\n@if(isShowControls) {\n<div class=\"ecl-news-ticker__controls\">\n    <div class=\"ecl-news-ticker__actions\">\n        <button eclButton class=\"ecl-news-ticker__prev\" variant=\"tertiary\" isIconOnly (click)=\"onPrevious()\">\n            <span eclButtonLabel>\n                {{ 'ecl.news-ticker.PREV-ITEM' | translate }}\n            </span>\n            <ecl-icon isInverted icon=\"corner-arrow\" size=\"l\" transform=\"rotate-270\"\n                class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n        </button>\n        <button #playBtn eclButton class=\"ecl-news-ticker__play\" variant=\"tertiary\" isIconOnly [class.ecl-u-d-none]=\"playing\"\n            (click)=\"startAutoplay()\" (keydown.enter)=\"onPlayBtnEnter($event)\">\n            <span class=\"ecl-u-sr-only\">\n                {{ 'ecl.news-ticker.AUTO-PLAY' | translate }}\n            </span>\n            <ecl-icon isInverted icon=\"play-outline\" size=\"l\" class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n        </button>\n        <button #pauseBtn eclButton class=\"ecl-news-ticker__pause\" variant=\"tertiary\" isIconOnly [class.ecl-u-d-none]=\"!playing\"\n            (click)=\"cancelAutoplay()\" (keydown.enter)=\"onPauseBtnEnter($event)\">\n            <span class=\"ecl-u-sr-only\">\n                {{ 'ecl.news-ticker.PAUSE' | translate }}\n            </span>\n            <ecl-icon isInverted icon=\"pause-outline\" size=\"l\" class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n        </button>\n        <button eclButton class=\"ecl-news-ticker__next\" variant=\"tertiary\" isIconOnly (click)=\"onNext()\">\n            <span eclButtonLabel>\n                {{ 'ecl.news-ticker.NEXT-ITEM' | translate }}\n            </span>\n            <ecl-icon isInverted icon=\"corner-arrow\" size=\"l\" transform=\"rotate-90\"\n                class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n        </button>\n    </div>\n    <div class=\"ecl-news-ticker__counter\">\n        <span class=\"ecl-news-ticker__counter--current\"> {{ itemIndex }}</span>\n        {{ 'ecl.common.OF' | translate }}\n        <span class=\"ecl-news-ticker__counter--max\">{{ itemsCount }}</span>\n    </div>\n</div>\n}" }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }], propDecorators: { isAutoplay: [{
@@ -326,10 +326,10 @@ class EclNewsTickerIconDirective extends ECLBaseDirective {
         super(...arguments);
         this.hasClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNewsTickerIconDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: EclNewsTickerIconDirective, isStandalone: false, selector: "[eclNewsTickerIcon]", host: { properties: { "class.ecl-news-ticker__icon": "this.hasClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNewsTickerIconDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: EclNewsTickerIconDirective, isStandalone: false, selector: "[eclNewsTickerIcon]", host: { properties: { "class.ecl-news-ticker__icon": "this.hasClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNewsTickerIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNewsTickerIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclNewsTickerIcon]',
@@ -342,11 +342,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
 
 const COMPONENTS = [EclNewsTickerComponent, EclNewsTickerItemComponent, EclNewsTickerIconDirective];
 class EclNewsTickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNewsTickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: EclNewsTickerModule, declarations: [EclNewsTickerComponent, EclNewsTickerItemComponent, EclNewsTickerIconDirective], imports: [CommonModule, TranslateModule, EclButtonModule, EclIconModule, EclLinkModule], exports: [EclNewsTickerComponent, EclNewsTickerItemComponent, EclNewsTickerIconDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNewsTickerModule, imports: [CommonModule, TranslateModule, EclButtonModule, EclIconModule, EclLinkModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNewsTickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: EclNewsTickerModule, declarations: [EclNewsTickerComponent, EclNewsTickerItemComponent, EclNewsTickerIconDirective], imports: [CommonModule, TranslateModule, EclButtonModule, EclIconModule, EclLinkModule], exports: [EclNewsTickerComponent, EclNewsTickerItemComponent, EclNewsTickerIconDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNewsTickerModule, imports: [CommonModule, TranslateModule, EclButtonModule, EclIconModule, EclLinkModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNewsTickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNewsTickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, TranslateModule, EclButtonModule, EclIconModule, EclLinkModule],

package/fesm2022/eui-ecl-components-ecl-notification.mjs

@@ -54,10 +54,10 @@ class EclNotificationComponent extends ECLBaseDirective {
             this.isVisible = false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNotificationComponent, deps: [{ token: i1.EclThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: EclNotificationComponent, isStandalone: false, selector: "ecl-notification", inputs: { notificationTitle: "notificationTitle", variant: "variant", isVisible: ["isVisible", "isVisible", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute] }, outputs: { close: "close" }, host: { properties: { "attr.role": "this.role", "class.ecl-u-d-none": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "@if( eclThemeService.isEC$ | async ){\n    <ecl-icon size=\"l\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title | titlecase \"></ecl-icon>\n} @else {\n    <ecl-icon size=\"m\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title | titlecase \"></ecl-icon>\n}\n\n<div class=\"ecl-notification__content\">\n    @if(isCloseable){\n        <button eclButton variant=\"tertiary\" class=\"ecl-notification__close\" isIconOnly (click)=\"onCloseClick($event)\">\n            <span eclButtonLabel>\n                {{ 'ecl.common.CLOSE' | translate }}\n            </span>\n            <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n        </button>\n    }\n\n    <ng-content select=\"[eclNotificationTitle]\"></ng-content>\n    <div class=\"ecl-notification__description\"><ng-content></ng-content></div>\n</div>\n", dependencies: [{ kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: i2.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: i3.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNotificationComponent, deps: [{ token: i1.EclThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EclNotificationComponent, isStandalone: false, selector: "ecl-notification", inputs: { notificationTitle: "notificationTitle", variant: "variant", isVisible: ["isVisible", "isVisible", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute] }, outputs: { close: "close" }, host: { properties: { "attr.role": "this.role", "class.ecl-u-d-none": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "@if( eclThemeService.isEC$ | async ){\n    <ecl-icon size=\"l\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title | titlecase \"></ecl-icon>\n} @else {\n    <ecl-icon size=\"m\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title | titlecase \"></ecl-icon>\n}\n\n<div class=\"ecl-notification__content\">\n    @if(isCloseable){\n        <button eclButton variant=\"tertiary\" class=\"ecl-notification__close\" isIconOnly (click)=\"onCloseClick($event)\">\n            <span eclButtonLabel>\n                {{ 'ecl.common.CLOSE' | translate }}\n            </span>\n            <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n        </button>\n    }\n\n    <ng-content select=\"[eclNotificationTitle]\"></ng-content>\n    <div class=\"ecl-notification__description\"><ng-content></ng-content></div>\n</div>\n", dependencies: [{ kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: i2.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: i3.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNotificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNotificationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-notification', standalone: false, template: "@if( eclThemeService.isEC$ | async ){\n    <ecl-icon size=\"l\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title | titlecase \"></ecl-icon>\n} @else {\n    <ecl-icon size=\"m\" class=\"ecl-notification__icon\" [icon]=\"icon\" [title]=\"title | titlecase \"></ecl-icon>\n}\n\n<div class=\"ecl-notification__content\">\n    @if(isCloseable){\n        <button eclButton variant=\"tertiary\" class=\"ecl-notification__close\" isIconOnly (click)=\"onCloseClick($event)\">\n            <span eclButtonLabel>\n                {{ 'ecl.common.CLOSE' | translate }}\n            </span>\n            <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n        </button>\n    }\n\n    <ng-content select=\"[eclNotificationTitle]\"></ng-content>\n    <div class=\"ecl-notification__description\"><ng-content></ng-content></div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.EclThemeService }], propDecorators: { notificationTitle: [{
@@ -87,10 +87,10 @@ class EclNotificationTitleDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-notification__title')].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNotificationTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: EclNotificationTitleDirective, isStandalone: false, selector: "[eclNotificationTitle]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNotificationTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: EclNotificationTitleDirective, isStandalone: false, selector: "[eclNotificationTitle]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNotificationTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNotificationTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclNotificationTitle]',
@@ -102,11 +102,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
             }] } });
 
 class EclNotificationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: EclNotificationModule, declarations: [EclNotificationComponent, EclNotificationTitleDirective], imports: [CommonModule, EclButtonModule, EclIconModule, TranslateModule, EclSiteFooterModule], exports: [EclNotificationComponent, EclNotificationTitleDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNotificationModule, imports: [CommonModule, EclButtonModule, EclIconModule, TranslateModule, EclSiteFooterModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: EclNotificationModule, declarations: [EclNotificationComponent, EclNotificationTitleDirective], imports: [CommonModule, EclButtonModule, EclIconModule, TranslateModule, EclSiteFooterModule], exports: [EclNotificationComponent, EclNotificationTitleDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNotificationModule, imports: [CommonModule, EclButtonModule, EclIconModule, TranslateModule, EclSiteFooterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclNotificationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclNotificationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EclButtonModule, EclIconModule, TranslateModule, EclSiteFooterModule],

package/fesm2022/eui-ecl-components-ecl-page-header.mjs

@@ -10,10 +10,10 @@ class EclPageHeaderDescriptionContainerDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-page-header__description-container';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderDescriptionContainerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: EclPageHeaderDescriptionContainerDirective, isStandalone: false, selector: "[eclPageHeaderDescriptionContainer]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderDescriptionContainerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: EclPageHeaderDescriptionContainerDirective, isStandalone: false, selector: "[eclPageHeaderDescriptionContainer]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderDescriptionContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderDescriptionContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPageHeaderDescriptionContainer]',
@@ -28,10 +28,10 @@ class EclPageHeaderDescriptionPictureDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-picture ecl-page-header__picture-thumbnail';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderDescriptionPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: EclPageHeaderDescriptionPictureDirective, isStandalone: false, selector: "[eclPageHeaderDescriptionPicture]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderDescriptionPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: EclPageHeaderDescriptionPictureDirective, isStandalone: false, selector: "[eclPageHeaderDescriptionPicture]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderDescriptionPictureDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderDescriptionPictureDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPageHeaderDescriptionPicture]',
@@ -46,10 +46,10 @@ class EclPageHeaderDescriptionThumbnailDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-page-header__description-thumbnail';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderDescriptionThumbnailDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: EclPageHeaderDescriptionThumbnailDirective, isStandalone: false, selector: "[eclPageHeaderDescriptionThumbnail], img[eclPageHeaderDescriptionImage] ", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderDescriptionThumbnailDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: EclPageHeaderDescriptionThumbnailDirective, isStandalone: false, selector: "[eclPageHeaderDescriptionThumbnail], img[eclPageHeaderDescriptionImage] ", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderDescriptionThumbnailDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderDescriptionThumbnailDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPageHeaderDescriptionThumbnail], img[eclPageHeaderDescriptionImage] ',
@@ -64,10 +64,10 @@ class EclPageHeaderDescriptionDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-page-header__description';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: EclPageHeaderDescriptionDirective, isStandalone: false, selector: "[eclPageHeaderDescription]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: EclPageHeaderDescriptionDirective, isStandalone: false, selector: "[eclPageHeaderDescription]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderDescriptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderDescriptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPageHeaderDescription]',
@@ -86,10 +86,10 @@ class EclPageHeaderTitleDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-page-header__title'), !this.isTitleVisible ? 'ecl-u-sr-only' : ''].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.8", type: EclPageHeaderTitleDirective, isStandalone: false, selector: "[eclPageHeaderTitle]", inputs: { isTitleVisible: ["isTitleVisible", "isTitleVisible", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.9", type: EclPageHeaderTitleDirective, isStandalone: false, selector: "[eclPageHeaderTitle]", inputs: { isTitleVisible: ["isTitleVisible", "isTitleVisible", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPageHeaderTitle]',
@@ -108,10 +108,10 @@ class EclPageHeaderMetaDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-page-header__meta';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderMetaDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: EclPageHeaderMetaDirective, isStandalone: false, selector: "[eclPageHeaderMeta]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderMetaDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: EclPageHeaderMetaDirective, isStandalone: false, selector: "[eclPageHeaderMeta]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderMetaDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderMetaDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPageHeaderMeta]',
@@ -126,10 +126,10 @@ class EclPageHeaderMetaItemDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-page-header__meta-item';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderMetaItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: EclPageHeaderMetaItemDirective, isStandalone: false, selector: "[eclPageHeaderMetaItem]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderMetaItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: EclPageHeaderMetaItemDirective, isStandalone: false, selector: "[eclPageHeaderMetaItem]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderMetaItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderMetaItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPageHeaderMetaItem]',
@@ -145,10 +145,10 @@ class EclPageHeaderBackgroundPictureDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-picture ecl-page-header__picture-background';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderBackgroundPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: EclPageHeaderBackgroundPictureDirective, isStandalone: false, selector: "[eclPageHeaderBackgroundPicture]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderBackgroundPictureDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: EclPageHeaderBackgroundPictureDirective, isStandalone: false, selector: "[eclPageHeaderBackgroundPicture]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderBackgroundPictureDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderBackgroundPictureDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPageHeaderBackgroundPicture]',
@@ -163,10 +163,10 @@ class EclPageHeaderBackgroundImageDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-page-header__background';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderBackgroundImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: EclPageHeaderBackgroundImageDirective, isStandalone: false, selector: "[eclPageHeaderBackgroundImage]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderBackgroundImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: EclPageHeaderBackgroundImageDirective, isStandalone: false, selector: "[eclPageHeaderBackgroundImage]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderBackgroundImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderBackgroundImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPageHeaderBackgroundImage]',
@@ -198,10 +198,10 @@ class EclPageHeaderComponent extends ECLBaseDirective {
     get hasPicture() {
         return !!this.eclBackgroundPicture;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: EclPageHeaderComponent, isStandalone: false, selector: "ecl-page-header", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclBreadcrumbComponent", first: true, predicate: EclBreadcrumbComponent, descendants: true }, { propertyName: "eclBackgroundPicture", first: true, predicate: EclPageHeaderBackgroundPictureDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if(hasPicture){\n    <div class=\"ecl-page-header__background-container\" aria-hidden=\"true\">\n        <ng-content select=\"[eclPageHeaderBackgroundPicture]\"></ng-content>\n    </div>\n}\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: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EclPageHeaderComponent, isStandalone: false, selector: "ecl-page-header", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclBreadcrumbComponent", first: true, predicate: EclBreadcrumbComponent, descendants: true }, { propertyName: "eclBackgroundPicture", first: true, predicate: EclPageHeaderBackgroundPictureDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if(hasPicture){\n    <div class=\"ecl-page-header__background-container\" aria-hidden=\"true\">\n        <ng-content select=\"[eclPageHeaderBackgroundPicture]\"></ng-content>\n    </div>\n}\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: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-page-header', standalone: false, template: "@if(hasPicture){\n    <div class=\"ecl-page-header__background-container\" aria-hidden=\"true\">\n        <ng-content select=\"[eclPageHeaderBackgroundPicture]\"></ng-content>\n    </div>\n}\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"] }]
         }], propDecorators: { cssClasses: [{
@@ -220,10 +220,10 @@ class EclPageHeaderInfoDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-page-header__info';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderInfoDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: EclPageHeaderInfoDirective, isStandalone: false, selector: "[eclPageHeaderInfo]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderInfoDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: EclPageHeaderInfoDirective, isStandalone: false, selector: "[eclPageHeaderInfo]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderInfoDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderInfoDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPageHeaderInfo]',
@@ -248,8 +248,8 @@ const COMPONENTS = [
     EclPageHeaderBackgroundImageDirective,
 ];
 class EclPageHeaderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderModule, declarations: [EclPageHeaderComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderModule, declarations: [EclPageHeaderComponent,
             EclPageHeaderInfoDirective,
             EclPageHeaderMetaDirective,
             EclPageHeaderMetaItemDirective,
@@ -270,9 +270,9 @@ class EclPageHeaderModule {
             EclPageHeaderDescriptionPictureDirective,
             EclPageHeaderBackgroundPictureDirective,
             EclPageHeaderBackgroundImageDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPageHeaderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPageHeaderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/fesm2022/eui-ecl-components-ecl-pagination.mjs

@@ -27,10 +27,10 @@ class EclPaginationListDirective extends ECLBaseDirective {
         super(...arguments);
         this.hasClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPaginationListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: EclPaginationListDirective, isStandalone: false, selector: "[eclPaginationList]", host: { properties: { "class.ecl-pagination__list": "this.hasClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPaginationListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: EclPaginationListDirective, isStandalone: false, selector: "[eclPaginationList]", host: { properties: { "class.ecl-pagination__list": "this.hasClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPaginationListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPaginationListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPaginationList]',
@@ -104,10 +104,10 @@ class EclPaginationItemComponent extends ECLBaseDirective {
     isPrevOrNextVisible() {
         return this.isPrevious || this.isNext;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPaginationItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: EclPaginationItemComponent, isStandalone: false, selector: "ecl-pagination-item, li[eclPaginationItem]", inputs: { label: "label", ariaLabel: "ariaLabel", pagesCount: "pagesCount", isCurrent: ["isCurrent", "isCurrent", booleanAttribute], isNext: ["isNext", "isNext", booleanAttribute], isPrevious: ["isPrevious", "isPrevious", booleanAttribute], isTruncated: ["isTruncated", "isTruncated", booleanAttribute], routerLink: "routerLink", queryParams: "queryParams", queryParamsHandling: "queryParamsHandling", href: "href" }, outputs: { pageClick: "pageClick" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "class.ecl-pagination__item--truncation": "this.isTruncated" } }, usesInheritance: true, ngImport: i0, template: "@if (!isCurrent && !isTruncated) {\n@if(routerLink){\n<a eclLink [isIconOnly]=\"isIconOnly\" (keydown.enter)=\"onPageClick($event)\" (click)=\"onPageClick($event)\" variant=\"standalone\"\n    attr.aria-label=\"{{ ariaLabel || geti18nPageAriaLabelKey() | translate: { pageNumber: label } }}\"\n    [routerLink]=\"routerLink\" [queryParams]=\"queryParams\" [queryParamsHandling]=\"queryParamsHandling\"\n    class=\"ecl-pagination__link eui-ecl-u-cursor-pointer\" tabindex=\"{{tabindex ? tabindex : 0}}\">\n    @if (isPrevious) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-270\"></ecl-icon>\n    }\n    <span eclLinkLabel>{{ label || geti18nPageLabelKey() | translate }}</span>\n    @if (isNext) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-90\"></ecl-icon>\n    }\n</a>\n}\n\n@if (!routerLink) {\n<a eclLink [isIconOnly]=\"isIconOnly\" (keydown.enter)=\"onPageClick($event)\" (click)=\"onPageClick($event)\" variant=\"standalone\"\n    attr.aria-label=\"{{ ariaLabel || geti18nPageAriaLabelKey() | translate: { pageNumber: label } }}\" [attr.href]=\"href\"\n    class=\"ecl-pagination__link eui-ecl-u-cursor-pointer\" tabindex=\"{{tabindex ? tabindex : 0}}\">\n    @if (isPrevious) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-270\"></ecl-icon>\n    }\n    <span eclLinkLabel>{{ label || geti18nPageLabelKey() | translate }}</span>\n    @if (isNext) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-90\"></ecl-icon>\n    }\n</a>\n}\n}\n\n@else if (isTruncated) {\n<span class=\"ecl-pagination__text ecl-pagination__text--summary\" aria-current=\"true\">\n    {{ label }}\n</span>\n}\n@else {\n<span class=\"ecl-pagination__text ecl-pagination__text--summary\" aria-current=\"true\">\n    {{ label }}\n</span>\n\n<span class=\"ecl-pagination__text ecl-pagination__text--full\" aria-current=\"true\">\n    {{ 'ecl.pagination.PAGE' | translate: { pageNumber: label } }}\n    @if(pagesCount) {\n    {{ 'ecl.common.OF' | translate}} {{pagesCount}}\n    }\n</span>\n}", dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "directive", type: i3.EclLinkLabelDirective, selector: "[eclLinkLabel]" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPaginationItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EclPaginationItemComponent, isStandalone: false, selector: "ecl-pagination-item, li[eclPaginationItem]", inputs: { label: "label", ariaLabel: "ariaLabel", pagesCount: "pagesCount", isCurrent: ["isCurrent", "isCurrent", booleanAttribute], isNext: ["isNext", "isNext", booleanAttribute], isPrevious: ["isPrevious", "isPrevious", booleanAttribute], isTruncated: ["isTruncated", "isTruncated", booleanAttribute], routerLink: "routerLink", queryParams: "queryParams", queryParamsHandling: "queryParamsHandling", href: "href" }, outputs: { pageClick: "pageClick" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "class.ecl-pagination__item--truncation": "this.isTruncated" } }, usesInheritance: true, ngImport: i0, template: "@if (!isCurrent && !isTruncated) {\n@if(routerLink){\n<a eclLink [isIconOnly]=\"isIconOnly\" (keydown.enter)=\"onPageClick($event)\" (click)=\"onPageClick($event)\" variant=\"standalone\"\n    attr.aria-label=\"{{ ariaLabel || geti18nPageAriaLabelKey() | translate: { pageNumber: label } }}\"\n    [routerLink]=\"routerLink\" [queryParams]=\"queryParams\" [queryParamsHandling]=\"queryParamsHandling\"\n    class=\"ecl-pagination__link eui-ecl-u-cursor-pointer\" tabindex=\"{{tabindex ? tabindex : 0}}\">\n    @if (isPrevious) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-270\"></ecl-icon>\n    }\n    <span eclLinkLabel>{{ label || geti18nPageLabelKey() | translate }}</span>\n    @if (isNext) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-90\"></ecl-icon>\n    }\n</a>\n}\n\n@if (!routerLink) {\n<a eclLink [isIconOnly]=\"isIconOnly\" (keydown.enter)=\"onPageClick($event)\" (click)=\"onPageClick($event)\" variant=\"standalone\"\n    attr.aria-label=\"{{ ariaLabel || geti18nPageAriaLabelKey() | translate: { pageNumber: label } }}\" [attr.href]=\"href\"\n    class=\"ecl-pagination__link eui-ecl-u-cursor-pointer\" tabindex=\"{{tabindex ? tabindex : 0}}\">\n    @if (isPrevious) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-270\"></ecl-icon>\n    }\n    <span eclLinkLabel>{{ label || geti18nPageLabelKey() | translate }}</span>\n    @if (isNext) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-90\"></ecl-icon>\n    }\n</a>\n}\n}\n\n@else if (isTruncated) {\n<span class=\"ecl-pagination__text ecl-pagination__text--summary\" aria-current=\"true\">\n    {{ label }}\n</span>\n}\n@else {\n<span class=\"ecl-pagination__text ecl-pagination__text--summary\" aria-current=\"true\">\n    {{ label }}\n</span>\n\n<span class=\"ecl-pagination__text ecl-pagination__text--full\" aria-current=\"true\">\n    {{ 'ecl.pagination.PAGE' | translate: { pageNumber: label } }}\n    @if(pagesCount) {\n    {{ 'ecl.common.OF' | translate}} {{pagesCount}}\n    }\n</span>\n}", dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["isInverted", "isIconOnly", "isNoVisited", "variant"] }, { kind: "directive", type: i3.EclLinkLabelDirective, selector: "[eclLinkLabel]" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPaginationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPaginationItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-pagination-item, li[eclPaginationItem]', standalone: false, encapsulation: ViewEncapsulation.None, template: "@if (!isCurrent && !isTruncated) {\n@if(routerLink){\n<a eclLink [isIconOnly]=\"isIconOnly\" (keydown.enter)=\"onPageClick($event)\" (click)=\"onPageClick($event)\" variant=\"standalone\"\n    attr.aria-label=\"{{ ariaLabel || geti18nPageAriaLabelKey() | translate: { pageNumber: label } }}\"\n    [routerLink]=\"routerLink\" [queryParams]=\"queryParams\" [queryParamsHandling]=\"queryParamsHandling\"\n    class=\"ecl-pagination__link eui-ecl-u-cursor-pointer\" tabindex=\"{{tabindex ? tabindex : 0}}\">\n    @if (isPrevious) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-270\"></ecl-icon>\n    }\n    <span eclLinkLabel>{{ label || geti18nPageLabelKey() | translate }}</span>\n    @if (isNext) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-90\"></ecl-icon>\n    }\n</a>\n}\n\n@if (!routerLink) {\n<a eclLink [isIconOnly]=\"isIconOnly\" (keydown.enter)=\"onPageClick($event)\" (click)=\"onPageClick($event)\" variant=\"standalone\"\n    attr.aria-label=\"{{ ariaLabel || geti18nPageAriaLabelKey() | translate: { pageNumber: label } }}\" [attr.href]=\"href\"\n    class=\"ecl-pagination__link eui-ecl-u-cursor-pointer\" tabindex=\"{{tabindex ? tabindex : 0}}\">\n    @if (isPrevious) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-270\"></ecl-icon>\n    }\n    <span eclLinkLabel>{{ label || geti18nPageLabelKey() | translate }}</span>\n    @if (isNext) {\n    <ecl-icon icon=\"corner-arrow\" size=\"xs\" transform=\"rotate-90\"></ecl-icon>\n    }\n</a>\n}\n}\n\n@else if (isTruncated) {\n<span class=\"ecl-pagination__text ecl-pagination__text--summary\" aria-current=\"true\">\n    {{ label }}\n</span>\n}\n@else {\n<span class=\"ecl-pagination__text ecl-pagination__text--summary\" aria-current=\"true\">\n    {{ label }}\n</span>\n\n<span class=\"ecl-pagination__text ecl-pagination__text--full\" aria-current=\"true\">\n    {{ 'ecl.pagination.PAGE' | translate: { pageNumber: label } }}\n    @if(pagesCount) {\n    {{ 'ecl.common.OF' | translate}} {{pagesCount}}\n    }\n</span>\n}" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { cssClasses: [{
@@ -201,10 +201,10 @@ class EclPaginationComponent extends ECLBaseDirective {
         const evt = new EclPaginationEvent(this.model.getCurrentPage(), this.model.getShowingFrom(), this.model.getShowingTo());
         this.page.next(evt);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPaginationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: EclPaginationComponent, isStandalone: false, selector: "ecl-pagination", inputs: { mode: "mode", totalItems: ["totalItems", "totalItems", numberAttribute], pageSize: ["pageSize", "pageSize", numberAttribute], currentPage: ["currentPage", "currentPage", numberAttribute], pageWindowSize: ["pageWindowSize", "pageWindowSize", numberAttribute] }, outputs: { page: "page" }, host: { properties: { "class.ecl-pagination": "this.cmpClass", "attr.role": "this.role" } }, queries: [{ propertyName: "eclPaginationList", first: true, predicate: EclPaginationListDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if(!hasList) {\n    <ul class=\"ecl-pagination__list\">\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </ul>\n    } @else {\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    }\n    \n    <ng-template #content>\n        @if (isModeAuto()){\n            @if(model.hasPreviousPage()){\n                <li eclPaginationItem [isPrevious]=\"true\" (pageClick)=\"onPreviousPage()\"> </li>\n            }\n            @for (page of model.getPages(); track page) {\n                <li eclPaginationItem\n                    [label]=\"page.toString()\"\n                    [isCurrent]=\"model.getCurrentPage() === page\"\n                    (pageClick)=\"onPage(page)\"\n                    [pagesCount]=\"model.getPagesCount().toString()\">\n            </li>\n            }\n    \n            @if(model.hasNextPage()){\n                <li eclPaginationItem [isNext]=\"true\" (pageClick)=\"onNextPage()\"> </li>\n            }\n        }\n    \n        @if(!isModeAuto()) {\n            <ng-content></ng-content>\n        }\n    </ng-template>", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EclPaginationItemComponent, selector: "ecl-pagination-item, li[eclPaginationItem]", inputs: ["label", "ariaLabel", "pagesCount", "isCurrent", "isNext", "isPrevious", "isTruncated", "routerLink", "queryParams", "queryParamsHandling", "href"], outputs: ["pageClick"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPaginationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EclPaginationComponent, isStandalone: false, selector: "ecl-pagination", inputs: { mode: "mode", totalItems: ["totalItems", "totalItems", numberAttribute], pageSize: ["pageSize", "pageSize", numberAttribute], currentPage: ["currentPage", "currentPage", numberAttribute], pageWindowSize: ["pageWindowSize", "pageWindowSize", numberAttribute] }, outputs: { page: "page" }, host: { properties: { "class.ecl-pagination": "this.cmpClass", "attr.role": "this.role" } }, queries: [{ propertyName: "eclPaginationList", first: true, predicate: EclPaginationListDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if(!hasList) {\n    <ul class=\"ecl-pagination__list\">\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </ul>\n    } @else {\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    }\n    \n    <ng-template #content>\n        @if (isModeAuto()){\n            @if(model.hasPreviousPage()){\n                <li eclPaginationItem [isPrevious]=\"true\" (pageClick)=\"onPreviousPage()\"> </li>\n            }\n            @for (page of model.getPages(); track page) {\n                <li eclPaginationItem\n                    [label]=\"page.toString()\"\n                    [isCurrent]=\"model.getCurrentPage() === page\"\n                    (pageClick)=\"onPage(page)\"\n                    [pagesCount]=\"model.getPagesCount().toString()\">\n            </li>\n            }\n    \n            @if(model.hasNextPage()){\n                <li eclPaginationItem [isNext]=\"true\" (pageClick)=\"onNextPage()\"> </li>\n            }\n        }\n    \n        @if(!isModeAuto()) {\n            <ng-content></ng-content>\n        }\n    </ng-template>", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EclPaginationItemComponent, selector: "ecl-pagination-item, li[eclPaginationItem]", inputs: ["label", "ariaLabel", "pagesCount", "isCurrent", "isNext", "isPrevious", "isTruncated", "routerLink", "queryParams", "queryParamsHandling", "href"], outputs: ["pageClick"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPaginationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPaginationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-pagination', standalone: false, template: "@if(!hasList) {\n    <ul class=\"ecl-pagination__list\">\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </ul>\n    } @else {\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    }\n    \n    <ng-template #content>\n        @if (isModeAuto()){\n            @if(model.hasPreviousPage()){\n                <li eclPaginationItem [isPrevious]=\"true\" (pageClick)=\"onPreviousPage()\"> </li>\n            }\n            @for (page of model.getPages(); track page) {\n                <li eclPaginationItem\n                    [label]=\"page.toString()\"\n                    [isCurrent]=\"model.getCurrentPage() === page\"\n                    (pageClick)=\"onPage(page)\"\n                    [pagesCount]=\"model.getPagesCount().toString()\">\n            </li>\n            }\n    \n            @if(model.hasNextPage()){\n                <li eclPaginationItem [isNext]=\"true\" (pageClick)=\"onNextPage()\"> </li>\n            }\n        }\n    \n        @if(!isModeAuto()) {\n            <ng-content></ng-content>\n        }\n    </ng-template>", styles: [":host{display:block}\n"] }]
         }], propDecorators: { mode: [{
@@ -236,11 +236,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
 
 const COMPONENTS = [EclPaginationComponent, EclPaginationItemComponent, EclPaginationListDirective];
 class EclPaginationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: EclPaginationModule, declarations: [EclPaginationComponent, EclPaginationItemComponent, EclPaginationListDirective], imports: [CommonModule, RouterModule, EclIconModule, EclLinkModule, TranslateModule], exports: [EclPaginationComponent, EclPaginationItemComponent, EclPaginationListDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPaginationModule, imports: [CommonModule, RouterModule, EclIconModule, EclLinkModule, TranslateModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: EclPaginationModule, declarations: [EclPaginationComponent, EclPaginationItemComponent, EclPaginationListDirective], imports: [CommonModule, RouterModule, EclIconModule, EclLinkModule, TranslateModule], exports: [EclPaginationComponent, EclPaginationItemComponent, EclPaginationListDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPaginationModule, imports: [CommonModule, RouterModule, EclIconModule, EclLinkModule, TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: EclPaginationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EclPaginationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterModule, EclIconModule, EclLinkModule, TranslateModule],