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

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

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

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

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

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

@@ -33,8 +33,8 @@ export class EclPageBannerComponent extends ECLBaseDirective {
     get hasCtaLink() {
         return this.eclLinkComponents.length > 0;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageBannerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclPageBannerComponent, selector: "ecl-page-banner", inputs: { variant: "variant", image: "image", isCentered: "isCentered", isFullWidth: "isFullWidth" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclLinkComponents", predicate: i0.forwardRef(function () { return EclLinkDirective; }) }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"image\"\n     class=\"ecl-page-banner__image\"\n     [ngStyle]=\"{'background-image': 'url(' + image + ')'}\"></div>\n<ng-content select=\"[eclPageBannerCredit]\"></ng-content>\n<div class=\"ecl-container\">\n    <div class=\"ecl-page-banner__container\">\n        <div class=\"ecl-page-banner__content\">\n            <ng-content select=\"[eclPageBannerTitle]\"></ng-content>\n            <ng-content select=\"[eclPageBannerDescription]\"></ng-content>\n            <div *ngIf=\"hasCtaLink\" class=\"ecl-page-banner__cta\">\n                <ng-content select=\"[eclLink]\"></ng-content>\n            </div>\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageBannerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclPageBannerComponent, selector: "ecl-page-banner", inputs: { variant: "variant", image: "image", isCentered: "isCentered", isFullWidth: "isFullWidth" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclLinkComponents", predicate: i0.forwardRef(function () { return EclLinkDirective; }) }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"image\"\n     class=\"ecl-page-banner__image\"\n     [ngStyle]=\"{'background-image': 'url(' + image + ')'}\"></div>\n<ng-content select=\"[eclPageBannerCredit]\"></ng-content>\n<div class=\"ecl-container\">\n    <div class=\"ecl-page-banner__container\">\n        <div class=\"ecl-page-banner__content\">\n            <ng-content select=\"[eclPageBannerTitle]\"></ng-content>\n            <ng-content select=\"[eclPageBannerDescription]\"></ng-content>\n            <div *ngIf=\"hasCtaLink\" class=\"ecl-page-banner__cta\">\n                <ng-content select=\"[eclLink]\"></ng-content>\n            </div>\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
 }
 __decorate([
     coerceBoolean
@@ -42,7 +42,7 @@ __decorate([
 __decorate([
     coerceBoolean
 ], EclPageBannerComponent.prototype, "isFullWidth", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageBannerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageBannerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-page-banner', template: "<div *ngIf=\"image\"\n     class=\"ecl-page-banner__image\"\n     [ngStyle]=\"{'background-image': 'url(' + image + ')'}\"></div>\n<ng-content select=\"[eclPageBannerCredit]\"></ng-content>\n<div class=\"ecl-container\">\n    <div class=\"ecl-page-banner__container\">\n        <div class=\"ecl-page-banner__content\">\n            <ng-content select=\"[eclPageBannerTitle]\"></ng-content>\n            <ng-content select=\"[eclPageBannerDescription]\"></ng-content>\n            <div *ngIf=\"hasCtaLink\" class=\"ecl-page-banner__cta\">\n                <ng-content select=\"[eclLink]\"></ng-content>\n            </div>\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>" }]
         }], propDecorators: { variant: [{

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

@@ -19,8 +19,8 @@ const COMPONENTS = [
  * @deprecated Will be removed. Functionality implemented in the 'ecl-banner' component.
  */
 export class EclPageBannerComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageBannerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclPageBannerComponentModule, declarations: [EclPageBannerComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageBannerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclPageBannerComponentModule, declarations: [EclPageBannerComponent,
             EclPageBannerTitleDirective,
             EclPageBannerDescriptionDirective,
             EclPageBannerCreditDirective,
@@ -32,10 +32,10 @@ export class EclPageBannerComponentModule {
             EclPageBannerCreditDirective,
             // @deprecated
             EclPageBannerCtaLinkDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageBannerComponentModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageBannerComponentModule, imports: [CommonModule,
             EclLinkDirectiveModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclPageBannerComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclPageBannerComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/ecl-banner/ecl-banner-credit.directive.mjs

@@ -6,10 +6,10 @@ export class EclBannerCreditDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-banner__credit';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBannerCreditDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclBannerCreditDirective, selector: "[eclBannerCredit]", 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: EclBannerCreditDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclBannerCreditDirective, selector: "[eclBannerCredit]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBannerCreditDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBannerCreditDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[eclBannerCredit]`

package/esm2022/lib/components/ecl-banner/ecl-banner-description.directive.mjs

@@ -6,10 +6,10 @@ export class EclBannerDescriptionDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-banner__description';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBannerDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclBannerDescriptionDirective, selector: "[eclBannerDescription]", 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: EclBannerDescriptionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclBannerDescriptionDirective, selector: "[eclBannerDescription]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBannerDescriptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBannerDescriptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[eclBannerDescription]`
@@ -23,10 +23,10 @@ export class EclBannerDescriptionTextDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-banner__description-text';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBannerDescriptionTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclBannerDescriptionTextDirective, selector: "[eclBannerDescriptionText]", 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: EclBannerDescriptionTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclBannerDescriptionTextDirective, selector: "[eclBannerDescriptionText]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBannerDescriptionTextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBannerDescriptionTextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[eclBannerDescriptionText]`

package/esm2022/lib/components/ecl-banner/ecl-banner-title.directive.mjs

@@ -6,10 +6,10 @@ export class EclBannerTitleDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-banner__title';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBannerTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclBannerTitleDirective, selector: "[eclBannerTitle]", 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: EclBannerTitleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclBannerTitleDirective, selector: "[eclBannerTitle]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBannerTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBannerTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[eclBannerTitle]`
@@ -23,10 +23,10 @@ export class EclBannerTitleTextDirective extends ECLBaseDirective {
         super(...arguments);
         this.className = 'ecl-banner__title-text';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBannerTitleTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclBannerTitleTextDirective, selector: "[eclBannerTitleText]", 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: EclBannerTitleTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclBannerTitleTextDirective, selector: "[eclBannerTitleText]", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBannerTitleTextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBannerTitleTextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[eclBannerTitleText]`

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

@@ -31,8 +31,8 @@ export class EclBannerComponent extends ECLBaseDirective {
     get hasCtaLink() {
         return this.eclLinkComponents.length > 0;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBannerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclBannerComponent, selector: "ecl-banner", inputs: { variant: "variant", image: "image", eclSize: "eclSize", isCentered: "isCentered", isFullWidth: "isFullWidth" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclLinkComponents", predicate: i0.forwardRef(function () { return EclLinkDirective; }) }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"image\"\n     class=\"ecl-banner__image\"\n     [ngStyle]=\"{'background-image': 'url(' + image + ')'}\"></div>\n<ng-content select=\"[eclBannerCredit]\"></ng-content>\n<div class=\"ecl-container\">\n    <div class=\"ecl-banner__container\">\n        <div class=\"ecl-banner__content\">\n            <ng-content select=\"[eclBannerTitle]\"></ng-content>\n            <ng-content select=\"[eclBannerDescription]\"></ng-content>\n            <div *ngIf=\"hasCtaLink\" class=\"ecl-banner__cta\">\n                <ng-content select=\"[eclLink]\"></ng-content>\n            </div>\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBannerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclBannerComponent, selector: "ecl-banner", inputs: { variant: "variant", image: "image", eclSize: "eclSize", isCentered: "isCentered", isFullWidth: "isFullWidth" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclLinkComponents", predicate: i0.forwardRef(function () { return EclLinkDirective; }) }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"image\"\n     class=\"ecl-banner__image\"\n     [ngStyle]=\"{'background-image': 'url(' + image + ')'}\"></div>\n<ng-content select=\"[eclBannerCredit]\"></ng-content>\n<div class=\"ecl-container\">\n    <div class=\"ecl-banner__container\">\n        <div class=\"ecl-banner__content\">\n            <ng-content select=\"[eclBannerTitle]\"></ng-content>\n            <ng-content select=\"[eclBannerDescription]\"></ng-content>\n            <div *ngIf=\"hasCtaLink\" class=\"ecl-banner__cta\">\n                <ng-content select=\"[eclLink]\"></ng-content>\n            </div>\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
 }
 __decorate([
     coerceBoolean
@@ -40,7 +40,7 @@ __decorate([
 __decorate([
     coerceBoolean
 ], EclBannerComponent.prototype, "isFullWidth", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBannerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBannerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-banner', template: "<div *ngIf=\"image\"\n     class=\"ecl-banner__image\"\n     [ngStyle]=\"{'background-image': 'url(' + image + ')'}\"></div>\n<ng-content select=\"[eclBannerCredit]\"></ng-content>\n<div class=\"ecl-container\">\n    <div class=\"ecl-banner__container\">\n        <div class=\"ecl-banner__content\">\n            <ng-content select=\"[eclBannerTitle]\"></ng-content>\n            <ng-content select=\"[eclBannerDescription]\"></ng-content>\n            <div *ngIf=\"hasCtaLink\" class=\"ecl-banner__cta\">\n                <ng-content select=\"[eclLink]\"></ng-content>\n            </div>\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>" }]
         }], propDecorators: { variant: [{

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

@@ -15,8 +15,8 @@ const COMPONENTS = [
     EclBannerCreditDirective,
 ];
 export class EclBannerComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBannerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclBannerComponentModule, declarations: [EclBannerComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBannerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclBannerComponentModule, declarations: [EclBannerComponent,
             EclBannerTitleDirective,
             EclBannerTitleTextDirective,
             EclBannerDescriptionDirective,
@@ -28,10 +28,10 @@ export class EclBannerComponentModule {
             EclBannerDescriptionDirective,
             EclBannerDescriptionTextDirective,
             EclBannerCreditDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBannerComponentModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBannerComponentModule, imports: [CommonModule,
             EclLinkDirectiveModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBannerComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBannerComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -12,10 +12,10 @@ export class ECLBaseDirective {
             this.class
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ECLBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: ECLBaseDirective, selector: "[eclBase]", inputs: { class: "class", e2eAttr: "e2eAttr", tabindex: "tabindex" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "attr.tabindex": "this.tabindex" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ECLBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: ECLBaseDirective, selector: "[eclBase]", inputs: { class: "class", e2eAttr: "e2eAttr", tabindex: "tabindex" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "attr.tabindex": "this.tabindex" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: ECLBaseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: ECLBaseDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclBase]',

package/esm2022/lib/components/ecl-blockquote/ecl-blockquote-image.directive.mjs

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

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

@@ -11,10 +11,10 @@ export class EclBlockquoteComponent extends ECLBaseDirective {
     get hasAuthor() {
         return this.author !== null;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBlockquoteComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclBlockquoteComponent, selector: "[eclBlockquote]", inputs: { author: "author" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-blockquote__body\">\n    <blockquote class=\"ecl-blockquote__quote\">\n        <p class=\"ecl-blockquote__citation\">\n            <ng-content></ng-content>\n        </p>\n    </blockquote>\n    <footer *ngIf=\"hasAuthor\" class=\"ecl-blockquote__attribution\"><cite class=\"ecl-blockquote__author\">{{ author }}</cite></footer>\n</div>\n<ng-content select=\"[eclBlockquoteImage]\"></ng-content>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBlockquoteComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclBlockquoteComponent, selector: "[eclBlockquote]", inputs: { author: "author" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-blockquote__body\">\n    <blockquote class=\"ecl-blockquote__quote\">\n        <p class=\"ecl-blockquote__citation\">\n            <ng-content></ng-content>\n        </p>\n    </blockquote>\n    <footer *ngIf=\"hasAuthor\" class=\"ecl-blockquote__attribution\"><cite class=\"ecl-blockquote__author\">{{ author }}</cite></footer>\n</div>\n<ng-content select=\"[eclBlockquoteImage]\"></ng-content>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBlockquoteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBlockquoteComponent, decorators: [{
             type: Component,
             args: [{ selector: '[eclBlockquote]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ecl-blockquote__body\">\n    <blockquote class=\"ecl-blockquote__quote\">\n        <p class=\"ecl-blockquote__citation\">\n            <ng-content></ng-content>\n        </p>\n    </blockquote>\n    <footer *ngIf=\"hasAuthor\" class=\"ecl-blockquote__attribution\"><cite class=\"ecl-blockquote__author\">{{ author }}</cite></footer>\n</div>\n<ng-content select=\"[eclBlockquoteImage]\"></ng-content>\n" }]
         }], propDecorators: { author: [{

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

@@ -4,13 +4,13 @@ import { EclBlockquoteComponent } from './ecl-blockquote.component';
 import { EclBlockquoteImageDirective } from './ecl-blockquote-image.directive';
 import * as i0 from "@angular/core";
 export class EclBlockquoteComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBlockquoteComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclBlockquoteComponentModule, declarations: [EclBlockquoteComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBlockquoteComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclBlockquoteComponentModule, declarations: [EclBlockquoteComponent,
             EclBlockquoteImageDirective], imports: [CommonModule], exports: [EclBlockquoteComponent,
             EclBlockquoteImageDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBlockquoteComponentModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBlockquoteComponentModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBlockquoteComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBlockquoteComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/ecl-breadcrumb/deprecated/common/ecl-breadcrumb-segment.component.mjs

@@ -28,13 +28,13 @@ export class EclBreadcrumbSegmentComponentBase extends ECLBaseDirective {
             evt.stopPropagation();
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbSegmentComponentBase, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclBreadcrumbSegmentComponentBase, selector: "ng-component", inputs: { routerLink: "routerLink", queryParams: "queryParams", href: "href", isCurrentPage: "isCurrentPage", isHidden: "isHidden" }, outputs: { segmentClick: "segmentClick" }, host: { properties: { "attr.tabindex": "this.tabIndex", "class.ecl-u-d-none": "this.isHidden", "attr.hidden": "this.isHidden" } }, 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: EclBreadcrumbSegmentComponentBase, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclBreadcrumbSegmentComponentBase, selector: "ng-component", inputs: { routerLink: "routerLink", queryParams: "queryParams", href: "href", isCurrentPage: "isCurrentPage", isHidden: "isHidden" }, outputs: { segmentClick: "segmentClick" }, host: { properties: { "attr.tabindex": "this.tabIndex", "class.ecl-u-d-none": "this.isHidden", "attr.hidden": "this.isHidden" } }, usesInheritance: true, ngImport: i0, template: '<div></div>', isInline: true }); }
 }
 __decorate([
     coerceBoolean
 ], EclBreadcrumbSegmentComponentBase.prototype, "isCurrentPage", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbSegmentComponentBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbSegmentComponentBase, decorators: [{
             type: Component,
             args: [{
                     template: '<div></div>',

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

@@ -79,10 +79,10 @@ export class EclBreadcrumbComponentBase extends ECLBaseDirective {
             return width + segmentComponent.el.nativeElement.offsetWidth;
         }, 0);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbComponentBase, deps: [{ token: i0.ElementRef }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclBreadcrumbComponentBase, selector: "ng-component", host: { properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, viewQueries: [{ propertyName: "eclEllipsisSegment", first: true, predicate: ["ellipsisSegment"], descendants: true }], 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: EclBreadcrumbComponentBase, deps: [{ token: i0.ElementRef }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclBreadcrumbComponentBase, selector: "ng-component", host: { properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, viewQueries: [{ propertyName: "eclEllipsisSegment", first: true, predicate: ["ellipsisSegment"], descendants: true }], usesInheritance: true, ngImport: i0, template: '<div></div>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbComponentBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbComponentBase, decorators: [{
             type: Component,
             args: [{
                     template: '<div></div>',

package/esm2022/lib/components/ecl-breadcrumb/deprecated/ecl-breadcrumb-core/ecl-breadcrumb-core-segment.component.mjs

@@ -19,10 +19,10 @@ export class EclBreadcrumbCoreSegmentComponent extends EclBreadcrumbSegmentCompo
             this.isCurrentPage ? 'ecl-breadcrumb-core__current-page' : ''
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbCoreSegmentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclBreadcrumbCoreSegmentComponent, selector: "ecl-breadcrumb-core-segment", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNegative]=\"true\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-core__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   variant=\"standalone\"\n   [isNegative]=\"true\"\n   [isNoVisited]=\"true\"\n   tabindex\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-core__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\" \n    role=\"presentation\" \n    icon=\"corner-arrow\" \n    size=\"2xs\"\n    class=\"ecl-breadcrumb-core__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content><ng-content></ng-content></ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbCoreSegmentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclBreadcrumbCoreSegmentComponent, selector: "ecl-breadcrumb-core-segment", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNegative]=\"true\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-core__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   variant=\"standalone\"\n   [isNegative]=\"true\"\n   [isNoVisited]=\"true\"\n   tabindex\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-core__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\" \n    role=\"presentation\" \n    icon=\"corner-arrow\" \n    size=\"2xs\"\n    class=\"ecl-breadcrumb-core__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content><ng-content></ng-content></ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbCoreSegmentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbCoreSegmentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-breadcrumb-core-segment', template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNegative]=\"true\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-core__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   variant=\"standalone\"\n   [isNegative]=\"true\"\n   [isNoVisited]=\"true\"\n   tabindex\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-core__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\" \n    role=\"presentation\" \n    icon=\"corner-arrow\" \n    size=\"2xs\"\n    class=\"ecl-breadcrumb-core__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content><ng-content></ng-content></ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { cssClasses: [{

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

@@ -12,10 +12,10 @@ export class EclBreadcrumbCoreComponent extends EclBreadcrumbComponentBase {
             super.getCssClasses('ecl-breadcrumb-core'),
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbCoreComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclBreadcrumbCoreComponent, selector: "ecl-breadcrumb-core", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclSegments", predicate: i0.forwardRef(function () { return EclBreadcrumbCoreSegmentComponent; }) }], usesInheritance: true, ngImport: i0, template: "<ol class=\"ecl-breadcrumb-core__container\">\n    <ecl-breadcrumb-core-segment \n        #ellipsisSegment \n        [isHidden]=\"true\"\n        class=\"ecl-breadcrumb-core__segment--ellipsis\">\n        <button \n            tabindex=\"-1\"\n            type=\"button\" \n            class=\"ecl-breadcrumb-core__ellipsis\" \n            aria-label=\"Click to expand\" \n            (click)=\"onEllipsisSegmentClick($event)\">\n            \u2026\n        </button>\n    </ecl-breadcrumb-core-segment>\n    <ng-content></ng-content>\n</ol>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i1.EclBreadcrumbCoreSegmentComponent, selector: "ecl-breadcrumb-core-segment" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbCoreComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclBreadcrumbCoreComponent, selector: "ecl-breadcrumb-core", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclSegments", predicate: i0.forwardRef(function () { return EclBreadcrumbCoreSegmentComponent; }) }], usesInheritance: true, ngImport: i0, template: "<ol class=\"ecl-breadcrumb-core__container\">\n    <ecl-breadcrumb-core-segment \n        #ellipsisSegment \n        [isHidden]=\"true\"\n        class=\"ecl-breadcrumb-core__segment--ellipsis\">\n        <button \n            tabindex=\"-1\"\n            type=\"button\" \n            class=\"ecl-breadcrumb-core__ellipsis\" \n            aria-label=\"Click to expand\" \n            (click)=\"onEllipsisSegmentClick($event)\">\n            \u2026\n        </button>\n    </ecl-breadcrumb-core-segment>\n    <ng-content></ng-content>\n</ol>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i1.EclBreadcrumbCoreSegmentComponent, selector: "ecl-breadcrumb-core-segment" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbCoreComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbCoreComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-breadcrumb-core', template: "<ol class=\"ecl-breadcrumb-core__container\">\n    <ecl-breadcrumb-core-segment \n        #ellipsisSegment \n        [isHidden]=\"true\"\n        class=\"ecl-breadcrumb-core__segment--ellipsis\">\n        <button \n            tabindex=\"-1\"\n            type=\"button\" \n            class=\"ecl-breadcrumb-core__ellipsis\" \n            aria-label=\"Click to expand\" \n            (click)=\"onEllipsisSegmentClick($event)\">\n            \u2026\n        </button>\n    </ecl-breadcrumb-core-segment>\n    <ng-content></ng-content>\n</ol>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { eclSegments: [{

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

@@ -11,21 +11,21 @@ import * as i0 from "@angular/core";
  * @deprecated Please use EclBreadcrumbComponent instead
  */
 export class EclBreadcrumbCoreComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbCoreComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbCoreComponentModule, declarations: [EclBreadcrumbCoreComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbCoreComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbCoreComponentModule, declarations: [EclBreadcrumbCoreComponent,
             EclBreadcrumbCoreSegmentComponent], imports: [CommonModule,
             RouterModule,
             TranslateModule,
             EclLinkDirectiveModule,
             EclIconComponentModule], exports: [EclBreadcrumbCoreComponent,
             EclBreadcrumbCoreSegmentComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbCoreComponentModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbCoreComponentModule, imports: [CommonModule,
             RouterModule,
             TranslateModule,
             EclLinkDirectiveModule,
             EclIconComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbCoreComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbCoreComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/ecl-breadcrumb/deprecated/ecl-breadcrumb-harmonised/ecl-breadcrumb-harmonised-segment.component.mjs

@@ -19,10 +19,10 @@ export class EclBreadcrumbHarmonisedSegmentComponent extends EclBreadcrumbSegmen
             this.isCurrentPage ? 'ecl-breadcrumb-harmonised__current-page' : ''
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbHarmonisedSegmentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclBreadcrumbHarmonisedSegmentComponent, selector: "ecl-breadcrumb-harmonised-segment", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-harmonised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-harmonised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\"\n          role=\"presentation\"\n          icon=\"corner-arrow\"\n          size=\"2xs\"\n          class=\"ecl-breadcrumb-harmonised__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbHarmonisedSegmentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclBreadcrumbHarmonisedSegmentComponent, selector: "ecl-breadcrumb-harmonised-segment", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-harmonised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-harmonised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\"\n          role=\"presentation\"\n          icon=\"corner-arrow\"\n          size=\"2xs\"\n          class=\"ecl-breadcrumb-harmonised__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbHarmonisedSegmentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbHarmonisedSegmentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-breadcrumb-harmonised-segment', template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-harmonised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-harmonised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\"\n          role=\"presentation\"\n          icon=\"corner-arrow\"\n          size=\"2xs\"\n          class=\"ecl-breadcrumb-harmonised__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { cssClasses: [{

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

@@ -12,10 +12,10 @@ export class EclBreadcrumbHarmonisedComponent extends EclBreadcrumbComponentBase
             super.getCssClasses('ecl-breadcrumb-harmonised'),
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbHarmonisedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclBreadcrumbHarmonisedComponent, selector: "ecl-breadcrumb-harmonised", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclSegments", predicate: i0.forwardRef(function () { return EclBreadcrumbHarmonisedSegmentComponent; }) }], usesInheritance: true, ngImport: i0, template: "<ol class=\"ecl-breadcrumb-harmonised__container\">\n    <ecl-breadcrumb-harmonised-segment \n        #ellipsisSegment \n        [isHidden]=\"true\"\n        class=\"ecl-breadcrumb-harmonised__segment--ellipsis\">\n        <button \n            tabindex=\"-1\"\n            type=\"button\" \n            class=\"ecl-breadcrumb-harmonised__ellipsis\" \n            aria-label=\"Click to expand\" \n            (click)=\"onEllipsisSegmentClick($event)\">\n            \u2026\n        </button>\n    </ecl-breadcrumb-harmonised-segment>\n    <ng-content></ng-content>\n</ol>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i1.EclBreadcrumbHarmonisedSegmentComponent, selector: "ecl-breadcrumb-harmonised-segment" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbHarmonisedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclBreadcrumbHarmonisedComponent, selector: "ecl-breadcrumb-harmonised", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclSegments", predicate: i0.forwardRef(function () { return EclBreadcrumbHarmonisedSegmentComponent; }) }], usesInheritance: true, ngImport: i0, template: "<ol class=\"ecl-breadcrumb-harmonised__container\">\n    <ecl-breadcrumb-harmonised-segment \n        #ellipsisSegment \n        [isHidden]=\"true\"\n        class=\"ecl-breadcrumb-harmonised__segment--ellipsis\">\n        <button \n            tabindex=\"-1\"\n            type=\"button\" \n            class=\"ecl-breadcrumb-harmonised__ellipsis\" \n            aria-label=\"Click to expand\" \n            (click)=\"onEllipsisSegmentClick($event)\">\n            \u2026\n        </button>\n    </ecl-breadcrumb-harmonised-segment>\n    <ng-content></ng-content>\n</ol>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i1.EclBreadcrumbHarmonisedSegmentComponent, selector: "ecl-breadcrumb-harmonised-segment" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbHarmonisedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbHarmonisedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-breadcrumb-harmonised', template: "<ol class=\"ecl-breadcrumb-harmonised__container\">\n    <ecl-breadcrumb-harmonised-segment \n        #ellipsisSegment \n        [isHidden]=\"true\"\n        class=\"ecl-breadcrumb-harmonised__segment--ellipsis\">\n        <button \n            tabindex=\"-1\"\n            type=\"button\" \n            class=\"ecl-breadcrumb-harmonised__ellipsis\" \n            aria-label=\"Click to expand\" \n            (click)=\"onEllipsisSegmentClick($event)\">\n            \u2026\n        </button>\n    </ecl-breadcrumb-harmonised-segment>\n    <ng-content></ng-content>\n</ol>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { eclSegments: [{

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

@@ -11,21 +11,21 @@ import * as i0 from "@angular/core";
  * @deprecated Please use EclBreadcrumbComponent instead
  */
 export class EclBreadcrumbHarmonisedComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbHarmonisedComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbHarmonisedComponentModule, declarations: [EclBreadcrumbHarmonisedComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbHarmonisedComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbHarmonisedComponentModule, declarations: [EclBreadcrumbHarmonisedComponent,
             EclBreadcrumbHarmonisedSegmentComponent], imports: [CommonModule,
             RouterModule,
             TranslateModule,
             EclLinkDirectiveModule,
             EclIconComponentModule], exports: [EclBreadcrumbHarmonisedComponent,
             EclBreadcrumbHarmonisedSegmentComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbHarmonisedComponentModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbHarmonisedComponentModule, imports: [CommonModule,
             RouterModule,
             TranslateModule,
             EclLinkDirectiveModule,
             EclIconComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbHarmonisedComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbHarmonisedComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/ecl-breadcrumb/deprecated/ecl-breadcrumb-standardised/ecl-breadcrumb-standardised-segment.component.mjs

@@ -19,10 +19,10 @@ export class EclBreadcrumbStandardisedSegmentComponent extends EclBreadcrumbSegm
             this.isCurrentPage ? 'ecl-breadcrumb-standardised__current-page' : ''
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbStandardisedSegmentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclBreadcrumbStandardisedSegmentComponent, selector: "ecl-breadcrumb-standardised-segment", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-standardised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-standardised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\" \n    role=\"presentation\" \n    icon=\"corner-arrow\" \n    size=\"2xs\"\n    class=\"ecl-breadcrumb-standardised__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content><ng-content></ng-content></ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbStandardisedSegmentComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclBreadcrumbStandardisedSegmentComponent, selector: "ecl-breadcrumb-standardised-segment", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-standardised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-standardised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\" \n    role=\"presentation\" \n    icon=\"corner-arrow\" \n    size=\"2xs\"\n    class=\"ecl-breadcrumb-standardised__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content><ng-content></ng-content></ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbStandardisedSegmentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbStandardisedSegmentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-breadcrumb-standardised-segment', template: "<a *ngIf=\"!isCurrentPage && href\"\n   eclLink\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-standardised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n<a *ngIf=\"!isCurrentPage && !href\"\n   eclLink\n   [routerLink]=\"routerLink\"\n   [queryParams]=\"queryParams\"\n   variant=\"standalone\"\n   [isNoVisited]=\"true\"\n   [href]=\"href\"\n   (click)=\"onSegmentClick($event)\"\n   class=\"ecl-breadcrumb-standardised__link\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n\n<ng-container *ngIf=\"isCurrentPage\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n<ecl-icon *ngIf=\"!isCurrentPage\" \n    role=\"presentation\" \n    icon=\"corner-arrow\" \n    size=\"2xs\"\n    class=\"ecl-breadcrumb-standardised__icon ecl-icon--rotate-90\">\n</ecl-icon>\n\n<ng-template #content><ng-content></ng-content></ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { cssClasses: [{

package/esm2022/lib/components/ecl-breadcrumb/deprecated/ecl-breadcrumb-standardised/ecl-breadcrumb-standardised.component.mjs

@@ -12,10 +12,10 @@ export class EclBreadcrumbStandardisedComponent extends EclBreadcrumbComponentBa
             super.getCssClasses('ecl-breadcrumb-standardised'),
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbStandardisedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclBreadcrumbStandardisedComponent, selector: "ecl-breadcrumb-standardised", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclSegments", predicate: i0.forwardRef(function () { return EclBreadcrumbStandardisedSegmentComponent; }) }], usesInheritance: true, ngImport: i0, template: "<ol class=\"ecl-breadcrumb-standardised__container\">\n    <ecl-breadcrumb-standardised-segment \n        #ellipsisSegment \n        [isHidden]=\"true\"\n        class=\"ecl-breadcrumb-standardised__segment--ellipsis\">\n        <button \n            tabindex=\"-1\"\n            type=\"button\" \n            class=\"ecl-breadcrumb-standardised__ellipsis\" \n            aria-label=\"Click to expand\" \n            (click)=\"onEllipsisSegmentClick($event)\">\n            \u2026\n        </button>\n    </ecl-breadcrumb-standardised-segment>\n    <ng-content></ng-content>\n</ol>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i1.EclBreadcrumbStandardisedSegmentComponent, selector: "ecl-breadcrumb-standardised-segment" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbStandardisedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclBreadcrumbStandardisedComponent, selector: "ecl-breadcrumb-standardised", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclSegments", predicate: i0.forwardRef(function () { return EclBreadcrumbStandardisedSegmentComponent; }) }], usesInheritance: true, ngImport: i0, template: "<ol class=\"ecl-breadcrumb-standardised__container\">\n    <ecl-breadcrumb-standardised-segment \n        #ellipsisSegment \n        [isHidden]=\"true\"\n        class=\"ecl-breadcrumb-standardised__segment--ellipsis\">\n        <button \n            tabindex=\"-1\"\n            type=\"button\" \n            class=\"ecl-breadcrumb-standardised__ellipsis\" \n            aria-label=\"Click to expand\" \n            (click)=\"onEllipsisSegmentClick($event)\">\n            \u2026\n        </button>\n    </ecl-breadcrumb-standardised-segment>\n    <ng-content></ng-content>\n</ol>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i1.EclBreadcrumbStandardisedSegmentComponent, selector: "ecl-breadcrumb-standardised-segment" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclBreadcrumbStandardisedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclBreadcrumbStandardisedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-breadcrumb-standardised', template: "<ol class=\"ecl-breadcrumb-standardised__container\">\n    <ecl-breadcrumb-standardised-segment \n        #ellipsisSegment \n        [isHidden]=\"true\"\n        class=\"ecl-breadcrumb-standardised__segment--ellipsis\">\n        <button \n            tabindex=\"-1\"\n            type=\"button\" \n            class=\"ecl-breadcrumb-standardised__ellipsis\" \n            aria-label=\"Click to expand\" \n            (click)=\"onEllipsisSegmentClick($event)\">\n            \u2026\n        </button>\n    </ecl-breadcrumb-standardised-segment>\n    <ng-content></ng-content>\n</ol>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { eclSegments: [{