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

package/esm2022/lib/components/ecl-site-header/login/ecl-site-header-login-details.directive.mjs

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

package/esm2022/lib/components/ecl-site-header/login/ecl-site-header-login.component.mjs

@@ -47,13 +47,13 @@ export class EclSiteHeaderLoginComponent extends ECLBaseDirective {
         this.loginBoxToggle.next(event);
         evt.preventDefault();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclSiteHeaderLoginComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclSiteHeaderLoginComponent, selector: "ecl-site-header-login", inputs: { isLoggedIn: "isLoggedIn" }, outputs: { login: "login", loginBoxToggle: "loginBoxToggle" }, host: { properties: { "class": "this.class" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!isLoggedIn\">\n    <a href=\"#\"\n       class=\"ecl-button ecl-button--ghost ecl-site-header__login-toggle\"\n       [attr.aria-expanded]=\"isLoginBoxActive\"\n       (click)=\"onLoginClick($event)\">\n        <ecl-icon icon=\"log-in\"\n                  size=\"s\"\n                  class=\"ecl-site-header__icon\"></ecl-icon>\n        {{ 'ecl.site-header.LOGIN' | translate }}\n    </a>\n</ng-container>\n<ng-container *ngIf=\"isLoggedIn\">\n    <a href=\"#\"\n       class=\"ecl-button ecl-button--ghost ecl-site-header__login-toggle\"\n       aria-controls=\"login-box-id\"\n       [attr.aria-expanded]=\"isLoginBoxActive\"\n       (click)=\"onLoginBoxToggle($event)\">\n        <ecl-icon icon=\"logged-in\"\n                  size=\"s\"\n                  class=\"ecl-site-header__icon\"></ecl-icon>\n        {{ 'ecl.site-header.LOGGED-IN' | translate }}\n        <ecl-icon icon=\"corner-arrow\"\n                  size=\"xs\"\n                  class=\"ecl-site-header__login-arrow\"></ecl-icon>\n    </a>\n    <div class=\"{{ getLoginBoxCssClasses() }}\">\n        <ng-content></ng-content>\n    </div>\n</ng-container>", styles: [".ecl-site-header__login-toggle .ecl-site-header__login-arrow{display:inline-flex}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclSiteHeaderLoginComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclSiteHeaderLoginComponent, selector: "ecl-site-header-login", inputs: { isLoggedIn: "isLoggedIn" }, outputs: { login: "login", loginBoxToggle: "loginBoxToggle" }, host: { properties: { "class": "this.class" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!isLoggedIn\">\n    <a href=\"#\"\n       class=\"ecl-button ecl-button--ghost ecl-site-header__login-toggle\"\n       [attr.aria-expanded]=\"isLoginBoxActive\"\n       (click)=\"onLoginClick($event)\">\n        <ecl-icon icon=\"log-in\"\n                  size=\"s\"\n                  class=\"ecl-site-header__icon\"></ecl-icon>\n        {{ 'ecl.site-header.LOGIN' | translate }}\n    </a>\n</ng-container>\n<ng-container *ngIf=\"isLoggedIn\">\n    <a href=\"#\"\n       class=\"ecl-button ecl-button--ghost ecl-site-header__login-toggle\"\n       aria-controls=\"login-box-id\"\n       [attr.aria-expanded]=\"isLoginBoxActive\"\n       (click)=\"onLoginBoxToggle($event)\">\n        <ecl-icon icon=\"logged-in\"\n                  size=\"s\"\n                  class=\"ecl-site-header__icon\"></ecl-icon>\n        {{ 'ecl.site-header.LOGGED-IN' | translate }}\n        <ecl-icon icon=\"corner-arrow\"\n                  size=\"xs\"\n                  class=\"ecl-site-header__login-arrow\"></ecl-icon>\n    </a>\n    <div class=\"{{ getLoginBoxCssClasses() }}\">\n        <ng-content></ng-content>\n    </div>\n</ng-container>", styles: [".ecl-site-header__login-toggle .ecl-site-header__login-arrow{display:inline-flex}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
 __decorate([
     coerceBoolean
 ], EclSiteHeaderLoginComponent.prototype, "isLoggedIn", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclSiteHeaderLoginComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclSiteHeaderLoginComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-site-header-login', template: "<ng-container *ngIf=\"!isLoggedIn\">\n    <a href=\"#\"\n       class=\"ecl-button ecl-button--ghost ecl-site-header__login-toggle\"\n       [attr.aria-expanded]=\"isLoginBoxActive\"\n       (click)=\"onLoginClick($event)\">\n        <ecl-icon icon=\"log-in\"\n                  size=\"s\"\n                  class=\"ecl-site-header__icon\"></ecl-icon>\n        {{ 'ecl.site-header.LOGIN' | translate }}\n    </a>\n</ng-container>\n<ng-container *ngIf=\"isLoggedIn\">\n    <a href=\"#\"\n       class=\"ecl-button ecl-button--ghost ecl-site-header__login-toggle\"\n       aria-controls=\"login-box-id\"\n       [attr.aria-expanded]=\"isLoginBoxActive\"\n       (click)=\"onLoginBoxToggle($event)\">\n        <ecl-icon icon=\"logged-in\"\n                  size=\"s\"\n                  class=\"ecl-site-header__icon\"></ecl-icon>\n        {{ 'ecl.site-header.LOGGED-IN' | translate }}\n        <ecl-icon icon=\"corner-arrow\"\n                  size=\"xs\"\n                  class=\"ecl-site-header__login-arrow\"></ecl-icon>\n    </a>\n    <div class=\"{{ getLoginBoxCssClasses() }}\">\n        <ng-content></ng-content>\n    </div>\n</ng-container>", styles: [".ecl-site-header__login-toggle .ecl-site-header__login-arrow{display:inline-flex}\n"] }]
         }], propDecorators: { isLoggedIn: [{

package/esm2022/lib/components/ecl-site-header/message/ecl-site-header-message.component.mjs

@@ -7,10 +7,10 @@ export class EclSiteHeaderMessageComponent extends ECLBaseDirective {
             super.getCssClasses('ecl-site-header__message'),
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclSiteHeaderMessageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclSiteHeaderMessageComponent, selector: "ecl-site-header-message", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-container\">\n    <ng-content></ng-content>\n</div>" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclSiteHeaderMessageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclSiteHeaderMessageComponent, selector: "ecl-site-header-message", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-container\">\n    <ng-content></ng-content>\n</div>" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclSiteHeaderMessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclSiteHeaderMessageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-site-header-message', template: "<div class=\"ecl-container\">\n    <ng-content></ng-content>\n</div>" }]
         }], propDecorators: { cssClasses: [{

package/esm2022/lib/components/ecl-site-header/search/ecl-site-header-search.component.mjs

@@ -65,10 +65,10 @@ export class EclSiteHeaderSearchComponent extends ECLBaseDirective {
     registerOnTouched(fn) {
         this.onTouched = fn;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclSiteHeaderSearchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclSiteHeaderSearchComponent, selector: "ecl-site-header-search", inputs: { searchInputText: "searchInputText", searchInputPlaceholder: "searchInputPlaceholder", searchButtonLabel: "searchButtonLabel" }, outputs: { search: "search", searchToggle: "searchToggle" }, host: { properties: { "class": "this.class" } }, providers: [ECL_SITE_HEADER_SEARCH_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0, template: "<a href=\"#\"\n   class=\"ecl-button ecl-button--ghost ecl-site-header__search-toggle\"\n   data-ecl-search-toggle=\"true\"\n   aria-controls=\"search-form-id\"\n   [attr.aria-expanded]=\"isSearchBoxActive\"\n   (click)=\"onSearchBoxToggle($event)\">\n    <ecl-icon icon=\"search\"\n              size=\"s\"\n              class=\"ecl-site-header__icon\"></ecl-icon>\n    {{ 'ecl.common.SEARCH' | translate }}\n</a>\n\n<ecl-search-form (search)=\"onSearch($event)\"\n                 [placeholder]=\"searchInputPlaceholder\"\n                 (ngModelChange)=\"onModelChange($event)\"\n                 [(ngModel)]=\"searchInputText\"\n                 [searchButtonLabel]=\"searchButtonLabel\"\n                 [class]=\"getSearchBoxCssClasses()\">\n</ecl-search-form>", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "component", type: i3.EclSearchFormComponent, selector: "ecl-search-form", inputs: ["searchInputText", "placeholder", "searchButtonLabel", "searchButtonIcon"], outputs: ["search"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclSiteHeaderSearchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclSiteHeaderSearchComponent, selector: "ecl-site-header-search", inputs: { searchInputText: "searchInputText", searchInputPlaceholder: "searchInputPlaceholder", searchButtonLabel: "searchButtonLabel" }, outputs: { search: "search", searchToggle: "searchToggle" }, host: { properties: { "class": "this.class" } }, providers: [ECL_SITE_HEADER_SEARCH_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0, template: "<a href=\"#\"\n   class=\"ecl-button ecl-button--ghost ecl-site-header__search-toggle\"\n   data-ecl-search-toggle=\"true\"\n   aria-controls=\"search-form-id\"\n   [attr.aria-expanded]=\"isSearchBoxActive\"\n   (click)=\"onSearchBoxToggle($event)\">\n    <ecl-icon icon=\"search\"\n              size=\"s\"\n              class=\"ecl-site-header__icon\"></ecl-icon>\n    {{ 'ecl.common.SEARCH' | translate }}\n</a>\n\n<ecl-search-form (search)=\"onSearch($event)\"\n                 [placeholder]=\"searchInputPlaceholder\"\n                 (ngModelChange)=\"onModelChange($event)\"\n                 [(ngModel)]=\"searchInputText\"\n                 [searchButtonLabel]=\"searchButtonLabel\"\n                 [class]=\"getSearchBoxCssClasses()\">\n</ecl-search-form>", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "component", type: i3.EclSearchFormComponent, selector: "ecl-search-form", inputs: ["searchInputText", "placeholder", "searchButtonLabel", "searchButtonIcon"], outputs: ["search"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclSiteHeaderSearchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclSiteHeaderSearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-site-header-search', providers: [ECL_SITE_HEADER_SEARCH_VALUE_ACCESSOR], template: "<a href=\"#\"\n   class=\"ecl-button ecl-button--ghost ecl-site-header__search-toggle\"\n   data-ecl-search-toggle=\"true\"\n   aria-controls=\"search-form-id\"\n   [attr.aria-expanded]=\"isSearchBoxActive\"\n   (click)=\"onSearchBoxToggle($event)\">\n    <ecl-icon icon=\"search\"\n              size=\"s\"\n              class=\"ecl-site-header__icon\"></ecl-icon>\n    {{ 'ecl.common.SEARCH' | translate }}\n</a>\n\n<ecl-search-form (search)=\"onSearch($event)\"\n                 [placeholder]=\"searchInputPlaceholder\"\n                 (ngModelChange)=\"onModelChange($event)\"\n                 [(ngModel)]=\"searchInputText\"\n                 [searchButtonLabel]=\"searchButtonLabel\"\n                 [class]=\"getSearchBoxCssClasses()\">\n</ecl-search-form>", styles: [":host{display:block}\n"] }]
         }], propDecorators: { class: [{

package/esm2022/lib/components/ecl-social-media-follow/ecl-social-media-follow-item.component.mjs

@@ -28,10 +28,10 @@ export class EclSocialMediaFollowItemComponent extends ECLBaseDirective {
             evt.preventDefault();
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclSocialMediaFollowItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclSocialMediaFollowItemComponent, selector: "ecl-social-media-follow-item", inputs: { icon: "icon", iconSet: "iconSet", href: "href", target: "target", size: "size" }, outputs: { itemClick: "itemClick" }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a eclLink\n   *ngIf=\"href\"\n   (click)=\"onItemClick($event)\"\n   variant=\"standalone\"\n   [href]=\"href\"\n   [attr.target]=\"target\"\n   class=\"ecl-social-media-follow__link\">\n  <ecl-icon *ngIf=\"icon\"\n            [iconSet]=\"iconSet\"\n            icon=\"{{ icon }}\"\n            [size]=\"size\"\n            class=\"ecl-social-media-follow__icon\">\n  </ecl-icon>\n\n  <span eclLinkLabel>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </span>\n</a>\n\n<ng-container *ngIf=\"!href\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\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: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "directive", type: i4.EclLinkLabelDirective, selector: "[eclLinkLabel]" }] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclSocialMediaFollowItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclSocialMediaFollowItemComponent, selector: "ecl-social-media-follow-item", inputs: { icon: "icon", iconSet: "iconSet", href: "href", target: "target", size: "size" }, outputs: { itemClick: "itemClick" }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a eclLink\n   *ngIf=\"href\"\n   (click)=\"onItemClick($event)\"\n   variant=\"standalone\"\n   [href]=\"href\"\n   [attr.target]=\"target\"\n   class=\"ecl-social-media-follow__link\">\n  <ecl-icon *ngIf=\"icon\"\n            [iconSet]=\"iconSet\"\n            icon=\"{{ icon }}\"\n            [size]=\"size\"\n            class=\"ecl-social-media-follow__icon\">\n  </ecl-icon>\n\n  <span eclLinkLabel>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </span>\n</a>\n\n<ng-container *ngIf=\"!href\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\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: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "directive", type: i4.EclLinkLabelDirective, selector: "[eclLinkLabel]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclSocialMediaFollowItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclSocialMediaFollowItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-social-media-follow-item', template: "<a eclLink\n   *ngIf=\"href\"\n   (click)=\"onItemClick($event)\"\n   variant=\"standalone\"\n   [href]=\"href\"\n   [attr.target]=\"target\"\n   class=\"ecl-social-media-follow__link\">\n  <ecl-icon *ngIf=\"icon\"\n            [iconSet]=\"iconSet\"\n            icon=\"{{ icon }}\"\n            [size]=\"size\"\n            class=\"ecl-social-media-follow__icon\">\n  </ecl-icon>\n\n  <span eclLinkLabel>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </span>\n</a>\n\n<ng-container *ngIf=\"!href\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>" }]
         }], propDecorators: { role: [{

package/esm2022/lib/components/ecl-social-media-follow/ecl-social-media-follow-link.directive.mjs

@@ -13,10 +13,10 @@ export class EclSocialMediaFollowLinkDirective extends ECLBaseDirective {
             setTimeout(() => this.eclIcon.class = [this.eclIcon.class, 'ecl-social-media-follow__icon'].join(' '));
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclSocialMediaFollowLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclSocialMediaFollowLinkDirective, selector: "[eclSocialMediaFollowLink]", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclIcon", first: true, predicate: EclIconComponent, descendants: true }], usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclSocialMediaFollowLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclSocialMediaFollowLinkDirective, selector: "[eclSocialMediaFollowLink]", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclIcon", first: true, predicate: EclIconComponent, descendants: true }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclSocialMediaFollowLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclSocialMediaFollowLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSocialMediaFollowLink]'

package/esm2022/lib/components/ecl-social-media-follow/ecl-social-media-follow.component.mjs

@@ -15,13 +15,13 @@ export class EclSocialMediaFollowComponent extends ECLBaseDirective {
             this.isVertical ? 'ecl-social-media-follow--vertical' : '',
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclSocialMediaFollowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclSocialMediaFollowComponent, selector: "ecl-social-media-follow", inputs: { description: "description", isVertical: "isVertical" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<p *ngIf=\"description\" class=\"ecl-social-media-follow__description\">{{ description }}</p>\n<ul class=\"ecl-social-media-follow__list\">\n  <ng-content></ng-content>\n</ul>", 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: EclSocialMediaFollowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclSocialMediaFollowComponent, selector: "ecl-social-media-follow", inputs: { description: "description", isVertical: "isVertical" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<p *ngIf=\"description\" class=\"ecl-social-media-follow__description\">{{ description }}</p>\n<ul class=\"ecl-social-media-follow__list\">\n  <ng-content></ng-content>\n</ul>", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 __decorate([
     coerceBoolean
 ], EclSocialMediaFollowComponent.prototype, "isVertical", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclSocialMediaFollowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclSocialMediaFollowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-social-media-follow', template: "<p *ngIf=\"description\" class=\"ecl-social-media-follow__description\">{{ description }}</p>\n<ul class=\"ecl-social-media-follow__list\">\n  <ng-content></ng-content>\n</ul>", styles: [":host{display:block}\n"] }]
         }], propDecorators: { description: [{

package/esm2022/lib/components/ecl-social-media-follow/ecl-social-media-follow.module.mjs

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

package/esm2022/lib/components/ecl-social-media-share/ecl-social-media-share-item.component.mjs

@@ -28,10 +28,10 @@ export class EclSocialMediaShareItemComponent extends ECLBaseDirective {
             evt.preventDefault();
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclSocialMediaShareItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclSocialMediaShareItemComponent, selector: "ecl-social-media-share-item", inputs: { icon: "icon", iconSet: "iconSet", size: "size", href: "href", target: "target" }, outputs: { itemClick: "itemClick" }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a eclLink\n   *ngIf=\"href\"\n   (click)=\"onItemClick($event)\"\n   variant=\"standalone\"\n   [href]=\"href\"\n   [attr.target]=\"target\"\n   class=\"ecl-social-media-share__link\">\n  <ecl-icon *ngIf=\"icon\"\n            [iconSet]=\"iconSet\"\n            icon=\"{{ icon }}\"\n            [size]=\"size\"\n            class=\"ecl-social-media-share__icon\">\n  </ecl-icon>\n\n  <span eclLinkLabel>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </span>\n</a>\n\n<ng-container *ngIf=\"!href\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\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.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "directive", type: i3.EclLinkLabelDirective, selector: "[eclLinkLabel]" }, { 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: EclSocialMediaShareItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclSocialMediaShareItemComponent, selector: "ecl-social-media-share-item", inputs: { icon: "icon", iconSet: "iconSet", size: "size", href: "href", target: "target" }, outputs: { itemClick: "itemClick" }, host: { properties: { "attr.role": "this.role", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a eclLink\n   *ngIf=\"href\"\n   (click)=\"onItemClick($event)\"\n   variant=\"standalone\"\n   [href]=\"href\"\n   [attr.target]=\"target\"\n   class=\"ecl-social-media-share__link\">\n  <ecl-icon *ngIf=\"icon\"\n            [iconSet]=\"iconSet\"\n            icon=\"{{ icon }}\"\n            [size]=\"size\"\n            class=\"ecl-social-media-share__icon\">\n  </ecl-icon>\n\n  <span eclLinkLabel>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </span>\n</a>\n\n<ng-container *ngIf=\"!href\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\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.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "directive", type: i3.EclLinkLabelDirective, selector: "[eclLinkLabel]" }, { 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: EclSocialMediaShareItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclSocialMediaShareItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-social-media-share-item', template: "<a eclLink\n   *ngIf=\"href\"\n   (click)=\"onItemClick($event)\"\n   variant=\"standalone\"\n   [href]=\"href\"\n   [attr.target]=\"target\"\n   class=\"ecl-social-media-share__link\">\n  <ecl-icon *ngIf=\"icon\"\n            [iconSet]=\"iconSet\"\n            icon=\"{{ icon }}\"\n            [size]=\"size\"\n            class=\"ecl-social-media-share__icon\">\n  </ecl-icon>\n\n  <span eclLinkLabel>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </span>\n</a>\n\n<ng-container *ngIf=\"!href\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-container>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>" }]
         }], propDecorators: { role: [{

package/esm2022/lib/components/ecl-social-media-share/ecl-social-media-share-link.directive.mjs

@@ -13,10 +13,10 @@ export class EclSocialMediaShareLinkDirective extends ECLBaseDirective {
             setTimeout(() => this.eclIcon.class = [this.eclIcon.class, 'ecl-social-media-share__icon'].join(' '));
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclSocialMediaShareLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclSocialMediaShareLinkDirective, selector: "[eclSocialMediaShareLink]", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclIcon", first: true, predicate: EclIconComponent, descendants: true }], usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclSocialMediaShareLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclSocialMediaShareLinkDirective, selector: "[eclSocialMediaShareLink]", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclIcon", first: true, predicate: EclIconComponent, descendants: true }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclSocialMediaShareLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclSocialMediaShareLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclSocialMediaShareLink]'

package/esm2022/lib/components/ecl-social-media-share/ecl-social-media-share.component.mjs

@@ -14,13 +14,13 @@ export class EclSocialMediaShareComponent extends ECLBaseDirective {
             this.isVertical ? 'ecl-social-media-share--vertical' : '',
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclSocialMediaShareComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclSocialMediaShareComponent, selector: "ecl-social-media-share", inputs: { description: "description", isVertical: "isVertical" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<p class=\"ecl-social-media-share__description\">{{ description }}</p>\n<ul class=\"ecl-social-media-share__list\">\n  <ng-content></ng-content>\n</ul>", styles: [":host{display:block}\n"] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclSocialMediaShareComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclSocialMediaShareComponent, selector: "ecl-social-media-share", inputs: { description: "description", isVertical: "isVertical" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<p class=\"ecl-social-media-share__description\">{{ description }}</p>\n<ul class=\"ecl-social-media-share__list\">\n  <ng-content></ng-content>\n</ul>", styles: [":host{display:block}\n"] }); }
 }
 __decorate([
     coerceBoolean
 ], EclSocialMediaShareComponent.prototype, "isVertical", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclSocialMediaShareComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclSocialMediaShareComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-social-media-share', template: "<p class=\"ecl-social-media-share__description\">{{ description }}</p>\n<ul class=\"ecl-social-media-share__list\">\n  <ng-content></ng-content>\n</ul>", styles: [":host{display:block}\n"] }]
         }], propDecorators: { description: [{

package/esm2022/lib/components/ecl-social-media-share/ecl-social-media-share.module.mjs

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

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

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

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

@@ -20,8 +20,8 @@ export class EclSpinnerComponent extends ECLBaseDirective {
             this.isVisible ? 'ecl-spinner--visible' : '',
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclSpinnerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclSpinnerComponent, selector: "ecl-spinner", inputs: { size: "size", variant: "variant", isCentered: "isCentered", isVisible: "isVisible" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<svg class=\"ecl-spinner__loader\"\n     viewBox=\"25 25 50 50\">\n        <circle class=\"ecl-spinner__circle\"\n                cx=\"50\"\n                cy=\"50\"\n                r=\"20\"\n                fill=\"none\"\n                stroke-width=\"4px\"\n                stroke-miterlimit=\"10\"\n                vector-effect=\"non-scaling-stroke\">\n        </circle>\n</svg>\n<ng-content></ng-content>" }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclSpinnerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclSpinnerComponent, selector: "ecl-spinner", inputs: { size: "size", variant: "variant", isCentered: "isCentered", isVisible: "isVisible" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<svg class=\"ecl-spinner__loader\"\n     viewBox=\"25 25 50 50\">\n        <circle class=\"ecl-spinner__circle\"\n                cx=\"50\"\n                cy=\"50\"\n                r=\"20\"\n                fill=\"none\"\n                stroke-width=\"4px\"\n                stroke-miterlimit=\"10\"\n                vector-effect=\"non-scaling-stroke\">\n        </circle>\n</svg>\n<ng-content></ng-content>" }); }
 }
 __decorate([
     coerceBoolean
@@ -29,7 +29,7 @@ __decorate([
 __decorate([
     coerceBoolean
 ], EclSpinnerComponent.prototype, "isVisible", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclSpinnerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclSpinnerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-spinner', template: "<svg class=\"ecl-spinner__loader\"\n     viewBox=\"25 25 50 50\">\n        <circle class=\"ecl-spinner__circle\"\n                cx=\"50\"\n                cy=\"50\"\n                r=\"20\"\n                fill=\"none\"\n                stroke-width=\"4px\"\n                stroke-miterlimit=\"10\"\n                vector-effect=\"non-scaling-stroke\">\n        </circle>\n</svg>\n<ng-content></ng-content>" }]
         }], propDecorators: { size: [{

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

@@ -5,13 +5,13 @@ import { TranslateModule } from '@ngx-translate/core';
 import { EclSpinnerLabelDirective } from './ecl-spinner-label.directive';
 import * as i0 from "@angular/core";
 export class EclSpinnerComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclSpinnerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclSpinnerComponentModule, declarations: [EclSpinnerComponent, EclSpinnerLabelDirective], imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclSpinnerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclSpinnerComponentModule, declarations: [EclSpinnerComponent, EclSpinnerLabelDirective], imports: [CommonModule,
             TranslateModule], exports: [EclSpinnerComponent, EclSpinnerLabelDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclSpinnerComponentModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclSpinnerComponentModule, imports: [CommonModule,
             TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclSpinnerComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclSpinnerComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -22,13 +22,13 @@ export class EclStickyContainerComponent extends ECLBaseDirective {
     get bottom() {
         return this.marginBottom || null;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclStickyContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclStickyContainerComponent, selector: "ecl-sticky-container", inputs: { isEnabled: "isEnabled", marginTop: "marginTop", marginBottom: "marginBottom" }, host: { properties: { "class": "this.cssClasses", "style.top.px": "this.top", "style.bottom.px": "this.bottom" } }, usesInheritance: true, ngImport: i0, template: "  <ng-content></ng-content>\n", styles: [":host{display:block;align-self:flex-start;top:0;z-index:10;position:sticky;position:-webkit-sticky}:host.ecl-sticky-container--disabled{position:static}\n"] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclStickyContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclStickyContainerComponent, selector: "ecl-sticky-container", inputs: { isEnabled: "isEnabled", marginTop: "marginTop", marginBottom: "marginBottom" }, host: { properties: { "class": "this.cssClasses", "style.top.px": "this.top", "style.bottom.px": "this.bottom" } }, usesInheritance: true, ngImport: i0, template: "  <ng-content></ng-content>\n", styles: [":host{display:block;align-self:flex-start;top:0;z-index:10;position:sticky;position:-webkit-sticky}:host.ecl-sticky-container--disabled{position:static}\n"] }); }
 }
 __decorate([
     coerceBoolean
 ], EclStickyContainerComponent.prototype, "isEnabled", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclStickyContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclStickyContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-sticky-container', template: "  <ng-content></ng-content>\n", styles: [":host{display:block;align-self:flex-start;top:0;z-index:10;position:sticky;position:-webkit-sticky}:host.ecl-sticky-container--disabled{position:static}\n"] }]
         }], propDecorators: { isEnabled: [{

package/esm2022/lib/components/ecl-sticky-container/ecl-sticky-container.module.mjs

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { EclStickyContainerComponent } from './ecl-sticky-container.component';
 import * as i0 from "@angular/core";
 export class EclStickyContainerComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclStickyContainerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclStickyContainerComponentModule, declarations: [EclStickyContainerComponent], imports: [CommonModule], exports: [EclStickyContainerComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclStickyContainerComponentModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclStickyContainerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclStickyContainerComponentModule, declarations: [EclStickyContainerComponent], imports: [CommonModule], exports: [EclStickyContainerComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclStickyContainerComponentModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclStickyContainerComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclStickyContainerComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -49,13 +49,13 @@ export class EclTableDirective extends ECLBaseDirective {
         this.destroy$.next(true);
         this.destroy$.unsubscribe();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTableDirective, deps: [{ token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclTableDirective, selector: "[eclTable]", inputs: { isZebra: "isZebra" }, outputs: { sort: "sort" }, host: { properties: { "class.ecl-table--zebra": "this.isZebra", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclTableHeaders", predicate: i0.forwardRef(function () { return EclTableHeaderDirective; }), descendants: true }], usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTableDirective, deps: [{ token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclTableDirective, selector: "[eclTable]", inputs: { isZebra: "isZebra" }, outputs: { sort: "sort" }, host: { properties: { "class.ecl-table--zebra": "this.isZebra", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclTableHeaders", predicate: i0.forwardRef(function () { return EclTableHeaderDirective; }), descendants: true }], usesInheritance: true, ngImport: i0 }); }
 }
 __decorate([
     coerceBoolean
 ], EclTableDirective.prototype, "isZebra", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclTable]'
@@ -103,10 +103,10 @@ export class EclTableHeadDirective extends ECLBaseDirective {
         this.destroy$.next(true);
         this.destroy$.unsubscribe();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTableHeadDirective, deps: [{ token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclTableHeadDirective, selector: "[eclTableHead]", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclTableHeaders", predicate: i0.forwardRef(function () { return EclTableHeaderDirective; }), descendants: true }], usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTableHeadDirective, deps: [{ token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclTableHeadDirective, selector: "[eclTableHead]", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclTableHeaders", predicate: i0.forwardRef(function () { return EclTableHeaderDirective; }), descendants: true }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTableHeadDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTableHeadDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclTableHead]'
@@ -177,10 +177,10 @@ export class EclTableHeaderDirective extends ECLBaseDirective {
         eclIconComponent.instance.class = `ecl-table__icon ${customClass}`;
         return eclIconComponent.location.nativeElement;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTableHeaderDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclTableHeaderDirective, selector: "[eclTableHeader]", inputs: { eclSortable: "eclSortable" }, outputs: { sort: "sort" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.aria-sort": "this.sortOrder", "attr.data-ecl-table-sort-toggle": "this.eclSortable", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTableHeaderDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclTableHeaderDirective, selector: "[eclTableHeader]", inputs: { eclSortable: "eclSortable" }, outputs: { sort: "sort" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.aria-sort": "this.sortOrder", "attr.data-ecl-table-sort-toggle": "this.eclSortable", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTableHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTableHeaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclTableHeader]'
@@ -208,10 +208,10 @@ export class EclTableRowDirective extends ECLBaseDirective {
             super.getCssClasses('ecl-table__row'),
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTableRowDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclTableRowDirective, selector: "[eclTableRow]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTableRowDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclTableRowDirective, selector: "[eclTableRow]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTableRowDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTableRowDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclTableRow]'
@@ -226,10 +226,10 @@ export class EclTableBodyDirective extends ECLBaseDirective {
             super.getCssClasses('ecl-table__body'),
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTableBodyDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclTableBodyDirective, selector: "[eclTableBody]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTableBodyDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclTableBodyDirective, selector: "[eclTableBody]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTableBodyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTableBodyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclTableBody]'
@@ -249,10 +249,10 @@ export class EclTableCellDirective extends ECLBaseDirective {
             this.isGroup ? 'ecl-table__cell--group' : '',
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTableCellDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclTableCellDirective, selector: "[eclTableCell]", inputs: { eclTableCellHeader: "eclTableCellHeader", isGroup: "isGroup" }, host: { properties: { "attr.data-ecl-table-header": "this.eclTableCellHeader", "class.ecl-table__cell--group": "this.isGroup", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTableCellDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclTableCellDirective, selector: "[eclTableCell]", inputs: { eclTableCellHeader: "eclTableCellHeader", isGroup: "isGroup" }, host: { properties: { "attr.data-ecl-table-header": "this.eclTableCellHeader", "class.ecl-table__cell--group": "this.isGroup", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTableCellDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTableCellDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclTableCell]'
@@ -277,10 +277,10 @@ export class EclTableCellGroupDirective extends ECLBaseDirective {
             super.getCssClasses('ecl-table__cell--group'),
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTableCellGroupDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: EclTableCellGroupDirective, selector: "[eclTableCellGroup]", inputs: { eclTableCellGroup: "eclTableCellGroup" }, host: { properties: { "attr.data-ecl-table-header-group": "this.eclTableCellGroup", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTableCellGroupDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: EclTableCellGroupDirective, selector: "[eclTableCellGroup]", inputs: { eclTableCellGroup: "eclTableCellGroup" }, host: { properties: { "attr.data-ecl-table-header-group": "this.eclTableCellGroup", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTableCellGroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTableCellGroupDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclTableCellGroup]'

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

@@ -3,8 +3,8 @@ import { CommonModule } from '@angular/common';
 import { EclTableDirective, EclTableHeadDirective, EclTableHeaderDirective, EclTableRowDirective, EclTableBodyDirective, EclTableCellDirective, EclTableCellGroupDirective, } from './ecl-table.directive';
 import * as i0 from "@angular/core";
 export class EclTableDirectiveModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTableDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: EclTableDirectiveModule, declarations: [EclTableDirective,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTableDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: EclTableDirectiveModule, declarations: [EclTableDirective,
             EclTableHeadDirective,
             EclTableHeaderDirective,
             EclTableRowDirective,
@@ -17,9 +17,9 @@ export class EclTableDirectiveModule {
             EclTableBodyDirective,
             EclTableCellDirective,
             EclTableCellGroupDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTableDirectiveModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTableDirectiveModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTableDirectiveModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTableDirectiveModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/esm2022/lib/components/ecl-tabs/ecl-tab-label.component.mjs

@@ -2,10 +2,10 @@ import { Component } from '@angular/core';
 import { ECLBaseDirective } from '../ecl-base.directive';
 import * as i0 from "@angular/core";
 export class EclTabLabelComponent extends ECLBaseDirective {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTabLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclTabLabelComponent, selector: "ecl-tab-label", 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: EclTabLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclTabLabelComponent, selector: "ecl-tab-label", usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTabLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTabLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-tab-label', template: "<ng-content></ng-content>" }]
         }] });

package/esm2022/lib/components/ecl-tabs/ecl-tab-more.component.mjs

@@ -18,13 +18,13 @@ export class EclTabMoreComponent extends ECLBaseDirective {
     get hostElement() {
         return this.el.nativeElement;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTabMoreComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: EclTabMoreComponent, selector: "ecl-tab-more", inputs: { isHidden: "isHidden" }, host: { properties: { "attr.aria-hidden": "this.isHidden", "attr.role": "this.role", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{display:list-item}\n"] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTabMoreComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: EclTabMoreComponent, selector: "ecl-tab-more", inputs: { isHidden: "isHidden" }, host: { properties: { "attr.aria-hidden": "this.isHidden", "attr.role": "this.role", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{display:list-item}\n"] }); }
 }
 __decorate([
     coerceBoolean
 ], EclTabMoreComponent.prototype, "isHidden", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: EclTabMoreComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: EclTabMoreComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-tab-more', template: "<ng-content></ng-content>", styles: [":host{display:list-item}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { isHidden: [{