@eui/ecl 16.0.0-next.6 → 16.0.0-next.8

package/esm2022/lib/components/ecl-multiselect/ecl-multiselect-option.directive.mjs

@@ -39,10 +39,10 @@ export class EclMultiselectOptionDirective extends ECLBaseDirective {
     isOptGroup() {
         return this.elRef.nativeElement.nodeName === 'OPTGROUP';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclMultiselectOptionDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclMultiselectOptionDirective, selector: "option[eclSelectOption, optgroup[eclMultiselectOptgroup], option[eclMultiselectOption]", inputs: { value: "value", label: "label", disabled: "disabled", selected: "selected" }, host: { properties: { "attr.disabled": "this.disabled", "attr.selected": "this.selected", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclOptionItems", predicate: EclMultiselectOptionDirective }], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclMultiselectOptionDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclMultiselectOptionDirective, selector: "option[eclSelectOption, optgroup[eclMultiselectOptgroup], option[eclMultiselectOption]", inputs: { value: "value", label: "label", disabled: "disabled", selected: "selected" }, host: { properties: { "attr.disabled": "this.disabled", "attr.selected": "this.selected", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclOptionItems", predicate: EclMultiselectOptionDirective }], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclMultiselectOptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclMultiselectOptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'option[eclSelectOption, optgroup[eclMultiselectOptgroup], option[eclMultiselectOption]'

package/esm2022/lib/components/ecl-multiselect/ecl-multiselect.component.mjs

@@ -842,13 +842,13 @@ export class EclMultiselectComponent extends ECLBaseDirective {
         this.handleKeydownOnClose = this.handleKeydownOnClose.bind(this);
         this.handleClickOnClose = this.handleClickOnClose.bind(this);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclMultiselectComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.IterableDiffers }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclMultiselectComponent, selector: "select[eclMultiselect]", inputs: { isInvalid: "isInvalid", eclPlaceholder: "eclPlaceholder", eclSize: "eclSize", disabled: "disabled" }, outputs: { eclChange: "eclChange" }, host: { listeners: { "document:keyup.escape": "onEscapeKey($event)", "document:click": "onKeyUp($event)" }, properties: { "class": "this.cssClasses", "attr.disabled": "this.disabled" } }, queries: [{ propertyName: "eclOptionItems", predicate: EclMultiselectOptionDirective }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>", encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclMultiselectComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.IterableDiffers }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclMultiselectComponent, selector: "select[eclMultiselect]", inputs: { isInvalid: "isInvalid", eclPlaceholder: "eclPlaceholder", eclSize: "eclSize", disabled: "disabled" }, outputs: { eclChange: "eclChange" }, host: { listeners: { "document:keyup.escape": "onEscapeKey($event)", "document:click": "onKeyUp($event)" }, properties: { "class": "this.cssClasses", "attr.disabled": "this.disabled" } }, queries: [{ propertyName: "eclOptionItems", predicate: EclMultiselectOptionDirective }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>", encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     coerceBoolean
 ], EclMultiselectComponent.prototype, "isInvalid", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclMultiselectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclMultiselectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'select[eclMultiselect]', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>" }]
         }], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{

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

@@ -9,11 +9,11 @@ const COMPONENTS = [
     EclMultiselectOptionDirective,
 ];
 export class EclMultiselectComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclMultiselectComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclMultiselectComponentModule, declarations: [EclMultiselectComponent, EclMultiselectOptionDirective], imports: [CommonModule, EclIconComponentModule], exports: [EclMultiselectComponent, EclMultiselectOptionDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclMultiselectComponentModule, imports: [CommonModule, EclIconComponentModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclMultiselectComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclMultiselectComponentModule, declarations: [EclMultiselectComponent, EclMultiselectOptionDirective], imports: [CommonModule, EclIconComponentModule], exports: [EclMultiselectComponent, EclMultiselectOptionDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclMultiselectComponentModule, imports: [CommonModule, EclIconComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclMultiselectComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclMultiselectComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EclIconComponentModule],

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

@@ -15,10 +15,10 @@ export class EclNavigationListImageDirective extends ECLBaseDirective {
     ngAfterContentInit() {
         this.backgroundImage = `url(${this.imageUrl})`;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclNavigationListImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclNavigationListImageDirective, selector: "[eclNavigationListImage]", inputs: { ariaLabel: "ariaLabel", imageUrl: "imageUrl" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses", "attr.role": "this.role", "style.background-image": "this.backgroundImage" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclNavigationListImageDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclNavigationListImageDirective, selector: "[eclNavigationListImage]", inputs: { ariaLabel: "ariaLabel", imageUrl: "imageUrl" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses", "attr.role": "this.role", "style.background-image": "this.backgroundImage" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclNavigationListImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclNavigationListImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclNavigationListImage]'

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

@@ -19,10 +19,10 @@ export class EclNavigationListItemComponent extends ECLBaseDirective {
             this.eclContentBlock.class = 'ecl-navigation-list__content-block';
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclNavigationListItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclNavigationListItemComponent, selector: "ecl-navigation-list-item", inputs: { columns: "columns" }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclContentBlock", first: true, predicate: i0.forwardRef(function () { return EclContentBlockComponent; }), descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclNavigationListItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclNavigationListItemComponent, selector: "ecl-navigation-list-item", inputs: { columns: "columns" }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclContentBlock", first: true, predicate: i0.forwardRef(function () { return EclContentBlockComponent; }), descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclNavigationListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclNavigationListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-navigation-list-item', template: "<ng-content></ng-content>" }]
         }], propDecorators: { columns: [{

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

@@ -14,13 +14,13 @@ export class EclNavigationListComponent extends ECLBaseDirective {
             `ecl-navigation-list--col-${this.columns}`,
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclNavigationListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclNavigationListComponent, selector: "ecl-navigation-list", inputs: { columns: "columns" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclNavigationListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclNavigationListComponent, selector: "ecl-navigation-list", inputs: { columns: "columns" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>" }); }
 }
 __decorate([
     coerceNumber
 ], EclNavigationListComponent.prototype, "columns", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclNavigationListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclNavigationListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-navigation-list', template: "<ng-content></ng-content>" }]
         }], propDecorators: { columns: [{

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

@@ -10,15 +10,15 @@ const COMPONENTS = [
     EclNavigationListImageDirective
 ];
 export class EclNavigationListComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclNavigationListComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclNavigationListComponentModule, declarations: [EclNavigationListComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclNavigationListComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclNavigationListComponentModule, declarations: [EclNavigationListComponent,
             EclNavigationListItemComponent,
             EclNavigationListImageDirective], imports: [CommonModule], exports: [EclNavigationListComponent,
             EclNavigationListItemComponent,
             EclNavigationListImageDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclNavigationListComponentModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclNavigationListComponentModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclNavigationListComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclNavigationListComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/ecl-news-ticker/ecl-news-ticker-item.component.mjs

@@ -54,10 +54,10 @@ export class EclNewsTickerItemComponent extends ECLBaseDirective {
             this.eclLink.tabindex = -1;
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclNewsTickerItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclNewsTickerItemComponent, 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" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclNewsTickerItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclNewsTickerItemComponent, 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: "16.0.0", ngImport: i0, type: EclNewsTickerItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclNewsTickerItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-news-ticker-item', template: "<ng-content></ng-content>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { eclLink: [{

package/esm2022/lib/components/ecl-news-ticker/ecl-news-ticker.component.mjs

@@ -194,8 +194,8 @@ export class EclNewsTickerComponent extends ECLBaseDirective {
             }
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclNewsTickerComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclNewsTickerComponent, selector: "ecl-news-ticker", inputs: { isAutoplay: "isAutoplay" }, outputs: { itemSwitch: "itemSwitch" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "newsTickerItems", predicate: EclNewsTickerItemComponent }], viewQueries: [{ propertyName: "firstHiddenItem", first: true, predicate: ["firstHiddenItem"], descendants: true }, { propertyName: "lastHiddenItem", first: true, predicate: ["lastHiddenItem"], descendants: true }, { propertyName: "slidesContainer", first: true, predicate: ["slidesContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-news-ticker__container\"\n    [style.height.px]=\"containerHeight\">\n    <ecl-icon icon=\"information\"\n        size=\"m\"\n        class=\"ecl-news-ticker__icon\"></ecl-icon>\n    <div class=\"ecl-news-ticker__content\"\n        [style.height.px]=\"contentHeight\">\n        <ul class=\"ecl-news-ticker__slides\"\n            [style.transition-duration.s]=\"transitionDuration\"\n            [style.transform]=\"slidesTransform\"\n            (mouseover)=\"onNewsTickerItemMouseOver()\"\n            (mouseout)=\"onNewsTickerItemMouseOut()\"\n            #slidesContainer>\n            <ecl-news-ticker-item #firstHiddenItem *ngIf=\"isShowControls\"></ecl-news-ticker-item>\n            <ng-content></ng-content>\n            <ecl-news-ticker-item #lastHiddenItem *ngIf=\"isShowControls\"></ecl-news-ticker-item>\n        </ul>\n    </div>\n</div>\n\n\n<div class=\"ecl-news-ticker__controls\" *ngIf=\"isShowControls\">\n    <button eclButton\n        variant=\"primary\"\n        class=\"ecl-news-ticker__prev\"\n        (click)=\"onPrevious()\">\n        <span class=\"ecl-u-sr-only\">\n            {{ 'ecl.news-ticker.PREV-NEWS' | translate }}\n        </span>\n        <ecl-icon isInverted\n            icon=\"corner-arrow\"\n            size=\"l\"\n            transform=\"rotate-270\"\n            class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n    </button>\n    <button eclButton\n        variant=\"primary\"\n        class=\"ecl-news-ticker__next\"\n        (click)=\"onNext()\">\n        <span class=\"ecl-u-sr-only\">\n            {{ 'ecl.news-ticker.NEXT-NEWS' | translate }}\n        </span>\n    <ecl-icon isInverted\n            icon=\"corner-arrow\"\n            size=\"l\"\n            transform=\"rotate-90\"\n            class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n    </button>\n    <button \n        eclButton \n        variant=\"primary\"\n        class=\"ecl-news-ticker__play\"\n        [class.ecl-u-d-none]=\"playing\"\n        (click)=\"startAutoplay()\">\n        <span class=\"ecl-u-sr-only\">\n            {{ 'ecl.news-ticker.AUTO-PLAY' | translate }}\n        </span>\n        <ecl-icon isInverted\n            icon=\"play\"\n            size=\"l\"\n            class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n        <ecl-icon isInverted\n            icon=\"play-filled\"\n            size=\"l\"\n            class=\"ecl-news-ticker__icon-active\"></ecl-icon>\n    </button>\n    <button\n        eclButton \n        variant=\"primary\"\n        class=\"ecl-news-ticker__pause\"\n        [class.ecl-u-d-none]=\"!playing\"\n        (click)=\"cancelAutoplay()\">\n        <span class=\"ecl-u-sr-only\">\n            {{ 'ecl.news-ticker.PAUSE' | translate }}\n        </span>\n        <ecl-icon isInverted\n            icon=\"pause\"\n            size=\"l\"\n            class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n        <ecl-icon isInverted\n            icon=\"pause-filled\"\n            size=\"l\"\n            class=\"ecl-news-ticker__icon-active\"></ecl-icon>\n    </button>\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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["variant", "containerStyleClass"] }, { kind: "component", type: i3.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "component", type: i4.EclNewsTickerItemComponent, selector: "ecl-news-ticker-item", outputs: ["itemFocused"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclNewsTickerComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclNewsTickerComponent, selector: "ecl-news-ticker", inputs: { isAutoplay: "isAutoplay" }, outputs: { itemSwitch: "itemSwitch" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "newsTickerItems", predicate: EclNewsTickerItemComponent }], viewQueries: [{ propertyName: "firstHiddenItem", first: true, predicate: ["firstHiddenItem"], descendants: true }, { propertyName: "lastHiddenItem", first: true, predicate: ["lastHiddenItem"], descendants: true }, { propertyName: "slidesContainer", first: true, predicate: ["slidesContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-news-ticker__container\"\n    [style.height.px]=\"containerHeight\">\n    <ecl-icon icon=\"information\"\n        size=\"m\"\n        class=\"ecl-news-ticker__icon\"></ecl-icon>\n    <div class=\"ecl-news-ticker__content\"\n        [style.height.px]=\"contentHeight\">\n        <ul class=\"ecl-news-ticker__slides\"\n            [style.transition-duration.s]=\"transitionDuration\"\n            [style.transform]=\"slidesTransform\"\n            (mouseover)=\"onNewsTickerItemMouseOver()\"\n            (mouseout)=\"onNewsTickerItemMouseOut()\"\n            #slidesContainer>\n            <ecl-news-ticker-item #firstHiddenItem *ngIf=\"isShowControls\"></ecl-news-ticker-item>\n            <ng-content></ng-content>\n            <ecl-news-ticker-item #lastHiddenItem *ngIf=\"isShowControls\"></ecl-news-ticker-item>\n        </ul>\n    </div>\n</div>\n\n\n<div class=\"ecl-news-ticker__controls\" *ngIf=\"isShowControls\">\n    <button eclButton\n        variant=\"primary\"\n        class=\"ecl-news-ticker__prev\"\n        (click)=\"onPrevious()\">\n        <span class=\"ecl-u-sr-only\">\n            {{ 'ecl.news-ticker.PREV-NEWS' | translate }}\n        </span>\n        <ecl-icon isInverted\n            icon=\"corner-arrow\"\n            size=\"l\"\n            transform=\"rotate-270\"\n            class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n    </button>\n    <button eclButton\n        variant=\"primary\"\n        class=\"ecl-news-ticker__next\"\n        (click)=\"onNext()\">\n        <span class=\"ecl-u-sr-only\">\n            {{ 'ecl.news-ticker.NEXT-NEWS' | translate }}\n        </span>\n    <ecl-icon isInverted\n            icon=\"corner-arrow\"\n            size=\"l\"\n            transform=\"rotate-90\"\n            class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n    </button>\n    <button \n        eclButton \n        variant=\"primary\"\n        class=\"ecl-news-ticker__play\"\n        [class.ecl-u-d-none]=\"playing\"\n        (click)=\"startAutoplay()\">\n        <span class=\"ecl-u-sr-only\">\n            {{ 'ecl.news-ticker.AUTO-PLAY' | translate }}\n        </span>\n        <ecl-icon isInverted\n            icon=\"play\"\n            size=\"l\"\n            class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n        <ecl-icon isInverted\n            icon=\"play-filled\"\n            size=\"l\"\n            class=\"ecl-news-ticker__icon-active\"></ecl-icon>\n    </button>\n    <button\n        eclButton \n        variant=\"primary\"\n        class=\"ecl-news-ticker__pause\"\n        [class.ecl-u-d-none]=\"!playing\"\n        (click)=\"cancelAutoplay()\">\n        <span class=\"ecl-u-sr-only\">\n            {{ 'ecl.news-ticker.PAUSE' | translate }}\n        </span>\n        <ecl-icon isInverted\n            icon=\"pause\"\n            size=\"l\"\n            class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n        <ecl-icon isInverted\n            icon=\"pause-filled\"\n            size=\"l\"\n            class=\"ecl-news-ticker__icon-active\"></ecl-icon>\n    </button>\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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["variant", "containerStyleClass"] }, { kind: "component", type: i3.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "component", type: i4.EclNewsTickerItemComponent, selector: "ecl-news-ticker-item", outputs: ["itemFocused"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
 }
 __decorate([
     coerceBoolean
@@ -203,7 +203,7 @@ __decorate([
 __decorate([
     coerceElement
 ], EclNewsTickerComponent.prototype, "slidesContainer", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclNewsTickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclNewsTickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-news-ticker', template: "<div class=\"ecl-news-ticker__container\"\n    [style.height.px]=\"containerHeight\">\n    <ecl-icon icon=\"information\"\n        size=\"m\"\n        class=\"ecl-news-ticker__icon\"></ecl-icon>\n    <div class=\"ecl-news-ticker__content\"\n        [style.height.px]=\"contentHeight\">\n        <ul class=\"ecl-news-ticker__slides\"\n            [style.transition-duration.s]=\"transitionDuration\"\n            [style.transform]=\"slidesTransform\"\n            (mouseover)=\"onNewsTickerItemMouseOver()\"\n            (mouseout)=\"onNewsTickerItemMouseOut()\"\n            #slidesContainer>\n            <ecl-news-ticker-item #firstHiddenItem *ngIf=\"isShowControls\"></ecl-news-ticker-item>\n            <ng-content></ng-content>\n            <ecl-news-ticker-item #lastHiddenItem *ngIf=\"isShowControls\"></ecl-news-ticker-item>\n        </ul>\n    </div>\n</div>\n\n\n<div class=\"ecl-news-ticker__controls\" *ngIf=\"isShowControls\">\n    <button eclButton\n        variant=\"primary\"\n        class=\"ecl-news-ticker__prev\"\n        (click)=\"onPrevious()\">\n        <span class=\"ecl-u-sr-only\">\n            {{ 'ecl.news-ticker.PREV-NEWS' | translate }}\n        </span>\n        <ecl-icon isInverted\n            icon=\"corner-arrow\"\n            size=\"l\"\n            transform=\"rotate-270\"\n            class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n    </button>\n    <button eclButton\n        variant=\"primary\"\n        class=\"ecl-news-ticker__next\"\n        (click)=\"onNext()\">\n        <span class=\"ecl-u-sr-only\">\n            {{ 'ecl.news-ticker.NEXT-NEWS' | translate }}\n        </span>\n    <ecl-icon isInverted\n            icon=\"corner-arrow\"\n            size=\"l\"\n            transform=\"rotate-90\"\n            class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n    </button>\n    <button \n        eclButton \n        variant=\"primary\"\n        class=\"ecl-news-ticker__play\"\n        [class.ecl-u-d-none]=\"playing\"\n        (click)=\"startAutoplay()\">\n        <span class=\"ecl-u-sr-only\">\n            {{ 'ecl.news-ticker.AUTO-PLAY' | translate }}\n        </span>\n        <ecl-icon isInverted\n            icon=\"play\"\n            size=\"l\"\n            class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n        <ecl-icon isInverted\n            icon=\"play-filled\"\n            size=\"l\"\n            class=\"ecl-news-ticker__icon-active\"></ecl-icon>\n    </button>\n    <button\n        eclButton \n        variant=\"primary\"\n        class=\"ecl-news-ticker__pause\"\n        [class.ecl-u-d-none]=\"!playing\"\n        (click)=\"cancelAutoplay()\">\n        <span class=\"ecl-u-sr-only\">\n            {{ 'ecl.news-ticker.PAUSE' | translate }}\n        </span>\n        <ecl-icon isInverted\n            icon=\"pause\"\n            size=\"l\"\n            class=\"ecl-news-ticker__icon-default\"></ecl-icon>\n        <ecl-icon isInverted\n            icon=\"pause-filled\"\n            size=\"l\"\n            class=\"ecl-news-ticker__icon-active\"></ecl-icon>\n    </button>\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: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { isAutoplay: [{

package/esm2022/lib/components/ecl-news-ticker/ecl-news-ticker.module.mjs

@@ -8,21 +8,21 @@ import { EclNewsTickerComponent } from './ecl-news-ticker.component';
 import { EclNewsTickerItemComponent } from './ecl-news-ticker-item.component';
 import * as i0 from "@angular/core";
 export class EclNewsTickerComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclNewsTickerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclNewsTickerComponentModule, declarations: [EclNewsTickerComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclNewsTickerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclNewsTickerComponentModule, declarations: [EclNewsTickerComponent,
             EclNewsTickerItemComponent], imports: [CommonModule,
             TranslateModule,
             EclButtonComponentModule,
             EclIconComponentModule,
             EclLinkDirectiveModule], exports: [EclNewsTickerComponent,
             EclNewsTickerItemComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclNewsTickerComponentModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclNewsTickerComponentModule, imports: [CommonModule,
             TranslateModule,
             EclButtonComponentModule,
             EclIconComponentModule,
             EclLinkDirectiveModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclNewsTickerComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclNewsTickerComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/ecl-page-header/deprecated/common/ecl-page-header.component.mjs

@@ -18,10 +18,10 @@ export class EclPageHeaderComponentBase extends ECLBaseDirective {
     getBackgroundImage() {
         return this.hasBackgroundImage() ? 'url(' + this.backgroundImage + ')' : undefined;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderComponentBase, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclPageHeaderComponentBase, selector: "ng-component", inputs: { group: "group", backgroundImage: "backgroundImage" }, usesInheritance: true, ngImport: i0, template: '<div></div>', isInline: true }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderComponentBase, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclPageHeaderComponentBase, selector: "ng-component", inputs: { group: "group", backgroundImage: "backgroundImage" }, usesInheritance: true, ngImport: i0, template: '<div></div>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderComponentBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderComponentBase, decorators: [{
             type: Component,
             args: [{
                     template: '<div></div>',

package/esm2022/lib/components/ecl-page-header/deprecated/ecl-page-header-core/ecl-page-header-core-description.directive.mjs

@@ -9,10 +9,10 @@ export class EclPageHeaderCoreDescriptionContainerDirective extends ECLBaseDirec
         super(...arguments);
         this.className = 'ecl-page-header-core__description-container';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderCoreDescriptionContainerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclPageHeaderCoreDescriptionContainerDirective, selector: "[eclPageHeaderCoreDescriptionContainer]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderCoreDescriptionContainerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclPageHeaderCoreDescriptionContainerDirective, selector: "[eclPageHeaderCoreDescriptionContainer]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderCoreDescriptionContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderCoreDescriptionContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[eclPageHeaderCoreDescriptionContainer]`
@@ -29,10 +29,10 @@ export class EclPageHeaderCoreDescriptionThumbnailDirective extends ECLBaseDirec
         super(...arguments);
         this.className = 'ecl-page-header-core__description-thumbnail';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderCoreDescriptionThumbnailDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclPageHeaderCoreDescriptionThumbnailDirective, selector: "[eclPageHeaderCoreDescriptionThumbnail]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderCoreDescriptionThumbnailDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclPageHeaderCoreDescriptionThumbnailDirective, selector: "[eclPageHeaderCoreDescriptionThumbnail]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderCoreDescriptionThumbnailDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderCoreDescriptionThumbnailDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[eclPageHeaderCoreDescriptionThumbnail]`
@@ -49,10 +49,10 @@ export class EclPageHeaderCoreDescriptionDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-page-header-core__description';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderCoreDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclPageHeaderCoreDescriptionDirective, selector: "[eclPageHeaderCoreDescription]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderCoreDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclPageHeaderCoreDescriptionDirective, selector: "[eclPageHeaderCoreDescription]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderCoreDescriptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderCoreDescriptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[eclPageHeaderCoreDescription]`

package/esm2022/lib/components/ecl-page-header/deprecated/ecl-page-header-core/ecl-page-header-core-meta.directive.mjs

@@ -9,10 +9,10 @@ export class EclPageHeaderCoreMetaDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-page-header-core__meta';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderCoreMetaDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclPageHeaderCoreMetaDirective, selector: "[eclPageHeaderCoreMeta]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderCoreMetaDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclPageHeaderCoreMetaDirective, selector: "[eclPageHeaderCoreMeta]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderCoreMetaDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderCoreMetaDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[eclPageHeaderCoreMeta]`
@@ -29,10 +29,10 @@ export class EclPageHeaderCoreMetaItemDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-page-header-core__meta-item';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderCoreMetaItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclPageHeaderCoreMetaItemDirective, selector: "[eclPageHeaderCoreMetaItem]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderCoreMetaItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclPageHeaderCoreMetaItemDirective, selector: "[eclPageHeaderCoreMetaItem]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderCoreMetaItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderCoreMetaItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[eclPageHeaderCoreMetaItem]`

package/esm2022/lib/components/ecl-page-header/deprecated/ecl-page-header-core/ecl-page-header-core-title.directive.mjs

@@ -9,10 +9,10 @@ export class EclPageHeaderCoreTitleDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-page-header-core__title';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderCoreTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclPageHeaderCoreTitleDirective, selector: "[eclPageHeaderCoreTitle]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderCoreTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclPageHeaderCoreTitleDirective, selector: "[eclPageHeaderCoreTitle]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderCoreTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderCoreTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[eclPageHeaderCoreTitle]`

package/esm2022/lib/components/ecl-page-header/deprecated/ecl-page-header-core/ecl-page-header-core.component.mjs

@@ -16,10 +16,10 @@ export class EclPageHeaderCoreComponent extends EclPageHeaderComponentBase {
     getBreadcrumbClass() {
         return 'ecl-page-header-core__breadcrumb';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderCoreComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclPageHeaderCoreComponent, selector: "ecl-page-header-core", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclBreadcrumbComponent", first: true, predicate: EclBreadcrumbCoreComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"hasBackgroundImage()\" \n  class=\"ecl-page-header-core__background\"\n  [style.background-image]=\"getBackgroundImage()\">\n</div>\n<div class=\"ecl-container\">\n  <ng-content></ng-content>\n</div>", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderCoreComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclPageHeaderCoreComponent, selector: "ecl-page-header-core", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclBreadcrumbComponent", first: true, predicate: EclBreadcrumbCoreComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"hasBackgroundImage()\" \n  class=\"ecl-page-header-core__background\"\n  [style.background-image]=\"getBackgroundImage()\">\n</div>\n<div class=\"ecl-container\">\n  <ng-content></ng-content>\n</div>", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderCoreComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderCoreComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-page-header-core', template: "<div *ngIf=\"hasBackgroundImage()\" \n  class=\"ecl-page-header-core__background\"\n  [style.background-image]=\"getBackgroundImage()\">\n</div>\n<div class=\"ecl-container\">\n  <ng-content></ng-content>\n</div>", styles: [":host{display:block}\n"] }]
         }], propDecorators: { eclBreadcrumbComponent: [{

package/esm2022/lib/components/ecl-page-header/deprecated/ecl-page-header-core/ecl-page-header-core.module.mjs

@@ -9,8 +9,8 @@ import * as i0 from "@angular/core";
  * @deprecated Please use EclPageHeaderComponent instead
  */
 export class EclPageHeaderCoreComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderCoreComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderCoreComponentModule, declarations: [EclPageHeaderCoreComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderCoreComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderCoreComponentModule, declarations: [EclPageHeaderCoreComponent,
             EclPageHeaderCoreMetaDirective,
             EclPageHeaderCoreMetaItemDirective,
             EclPageHeaderCoreTitleDirective,
@@ -23,9 +23,9 @@ export class EclPageHeaderCoreComponentModule {
             EclPageHeaderCoreDescriptionContainerDirective,
             EclPageHeaderCoreDescriptionDirective,
             EclPageHeaderCoreDescriptionThumbnailDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderCoreComponentModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderCoreComponentModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderCoreComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderCoreComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/esm2022/lib/components/ecl-page-header/deprecated/ecl-page-header-harmonised/ecl-page-header-harmonised-description.directive.mjs

@@ -9,10 +9,10 @@ export class EclPageHeaderHarmonisedDescriptionContainerDirective extends ECLBas
         super(...arguments);
         this.className = 'ecl-page-header-harmonised__description-container';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderHarmonisedDescriptionContainerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclPageHeaderHarmonisedDescriptionContainerDirective, selector: "[eclPageHeaderHarmonisedDescriptionContainer]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderHarmonisedDescriptionContainerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclPageHeaderHarmonisedDescriptionContainerDirective, selector: "[eclPageHeaderHarmonisedDescriptionContainer]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderHarmonisedDescriptionContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderHarmonisedDescriptionContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[eclPageHeaderHarmonisedDescriptionContainer]`
@@ -29,10 +29,10 @@ export class EclPageHeaderHarmonisedDescriptionThumbnailDirective extends ECLBas
         super(...arguments);
         this.className = 'ecl-page-header-harmonised__description-thumbnail';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderHarmonisedDescriptionThumbnailDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclPageHeaderHarmonisedDescriptionThumbnailDirective, selector: "[eclPageHeaderHarmonisedDescriptionThumbnail]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderHarmonisedDescriptionThumbnailDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclPageHeaderHarmonisedDescriptionThumbnailDirective, selector: "[eclPageHeaderHarmonisedDescriptionThumbnail]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderHarmonisedDescriptionThumbnailDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderHarmonisedDescriptionThumbnailDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[eclPageHeaderHarmonisedDescriptionThumbnail]`
@@ -49,10 +49,10 @@ export class EclPageHeaderHarmonisedDescriptionDirective extends ECLBaseDirectiv
         super(...arguments);
         this.className = 'ecl-page-header-harmonised__description';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderHarmonisedDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclPageHeaderHarmonisedDescriptionDirective, selector: "[eclPageHeaderHarmonisedDescription]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderHarmonisedDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclPageHeaderHarmonisedDescriptionDirective, selector: "[eclPageHeaderHarmonisedDescription]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderHarmonisedDescriptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderHarmonisedDescriptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[eclPageHeaderHarmonisedDescription]`

package/esm2022/lib/components/ecl-page-header/deprecated/ecl-page-header-harmonised/ecl-page-header-harmonised-meta.directive.mjs

@@ -9,10 +9,10 @@ export class EclPageHeaderHarmonisedMetaDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-page-header-harmonised__meta';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderHarmonisedMetaDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclPageHeaderHarmonisedMetaDirective, selector: "[eclPageHeaderHarmonisedMeta]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderHarmonisedMetaDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclPageHeaderHarmonisedMetaDirective, selector: "[eclPageHeaderHarmonisedMeta]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderHarmonisedMetaDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderHarmonisedMetaDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[eclPageHeaderHarmonisedMeta]`
@@ -29,10 +29,10 @@ export class EclPageHeaderHarmonisedMetaItemDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-page-header-harmonised__meta-item';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderHarmonisedMetaItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclPageHeaderHarmonisedMetaItemDirective, selector: "[eclPageHeaderHarmonisedMetaItem]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderHarmonisedMetaItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclPageHeaderHarmonisedMetaItemDirective, selector: "[eclPageHeaderHarmonisedMetaItem]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderHarmonisedMetaItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderHarmonisedMetaItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[eclPageHeaderHarmonisedMetaItem]`

package/esm2022/lib/components/ecl-page-header/deprecated/ecl-page-header-harmonised/ecl-page-header-harmonised-title.directive.mjs

@@ -9,10 +9,10 @@ export class EclPageHeaderHarmonisedTitleDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-page-header-harmonised__title';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderHarmonisedTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclPageHeaderHarmonisedTitleDirective, selector: "[eclPageHeaderHarmonisedTitle]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderHarmonisedTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclPageHeaderHarmonisedTitleDirective, selector: "[eclPageHeaderHarmonisedTitle]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderHarmonisedTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderHarmonisedTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[eclPageHeaderHarmonisedTitle]`

package/esm2022/lib/components/ecl-page-header/deprecated/ecl-page-header-harmonised/ecl-page-header-harmonised.component.mjs

@@ -15,10 +15,10 @@ export class EclPageHeaderHarmonisedComponent extends EclPageHeaderComponentBase
     getBreadcrumbClass() {
         return 'ecl-page-header-harmonised__breadcrumb';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderHarmonisedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclPageHeaderHarmonisedComponent, selector: "ecl-page-header-harmonised", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclBreadcrumbComponent", first: true, predicate: EclBreadcrumbHarmonisedComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-container\">\n  <ng-content></ng-content>\n</div>", styles: [":host{display:block}\n"] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderHarmonisedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclPageHeaderHarmonisedComponent, selector: "ecl-page-header-harmonised", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclBreadcrumbComponent", first: true, predicate: EclBreadcrumbHarmonisedComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-container\">\n  <ng-content></ng-content>\n</div>", styles: [":host{display:block}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderHarmonisedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderHarmonisedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-page-header-harmonised', template: "<div class=\"ecl-container\">\n  <ng-content></ng-content>\n</div>", styles: [":host{display:block}\n"] }]
         }], propDecorators: { eclBreadcrumbComponent: [{

package/esm2022/lib/components/ecl-page-header/deprecated/ecl-page-header-harmonised/ecl-page-header-harmonised.module.mjs

@@ -9,8 +9,8 @@ import * as i0 from "@angular/core";
  * @deprecated Please use EclPageHeaderComponent instead
  */
 export class EclPageHeaderHarmonisedComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderHarmonisedComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderHarmonisedComponentModule, declarations: [EclPageHeaderHarmonisedComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderHarmonisedComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderHarmonisedComponentModule, declarations: [EclPageHeaderHarmonisedComponent,
             EclPageHeaderHarmonisedMetaDirective,
             EclPageHeaderHarmonisedMetaItemDirective,
             EclPageHeaderHarmonisedTitleDirective,
@@ -23,9 +23,9 @@ export class EclPageHeaderHarmonisedComponentModule {
             EclPageHeaderHarmonisedDescriptionContainerDirective,
             EclPageHeaderHarmonisedDescriptionDirective,
             EclPageHeaderHarmonisedDescriptionThumbnailDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderHarmonisedComponentModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderHarmonisedComponentModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageHeaderHarmonisedComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageHeaderHarmonisedComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],