@eui/ecl 15.0.0-next.16 → 15.0.0-next.18

package/esm2020/lib/components/ecl-site-header/deprecated/ecl-site-header-standardised/login/ecl-site-header-standardised-login.component.mjs

@@ -17,7 +17,7 @@ export class EclSiteHeaderStandardisedLoginComponent extends EclSiteHeaderLoginC
     }
 }
 /** @nocollapse */ EclSiteHeaderStandardisedLoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclSiteHeaderStandardisedLoginComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclSiteHeaderStandardisedLoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclSiteHeaderStandardisedLoginComponent, selector: "ecl-site-header-standardised-login", host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!isLoggedIn\">\n    <a href=\"#\"\n        class=\"ecl-button ecl-button--ghost ecl-site-header-standardised__login-toggle\" \n        [attr.aria-expanded]=\"isLoginBoxActive\"\n        (click)=\"onLoginClick($event)\">\n        <ecl-icon icon=\"log-in\" size=\"s\" class=\"ecl-site-header-standardised__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-standardised__login-toggle\" \n        aria-controls=\"login-box-id\" \n        [attr.aria-expanded]=\"isLoginBoxActive\"\n        (click)=\"onLoginBoxToggle($event)\">\n        <ecl-icon icon=\"logged-in\" size=\"s\" class=\"ecl-site-header-standardised__icon\"></ecl-icon>\n        {{ 'ecl.site-header.LOGGED-IN' | translate }}\n        <ecl-icon icon=\"corner-arrow\" size=\"xs\" class=\"ecl-site-header-standardised__login-arrow\"></ecl-icon>\n    </a>\n    <div class=\"{{ getLoginBoxCssClasses() }}\">\n        <ng-content></ng-content>\n    </div>\n</ng-container>", styles: [".ecl-site-header-standardised__login-toggle .ecl-site-header-standardised__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", "ariaHidden", "focusable"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
+/** @nocollapse */ EclSiteHeaderStandardisedLoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclSiteHeaderStandardisedLoginComponent, selector: "ecl-site-header-standardised-login", host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!isLoggedIn\">\n    <a href=\"#\"\n        class=\"ecl-button ecl-button--ghost ecl-site-header-standardised__login-toggle\" \n        [attr.aria-expanded]=\"isLoginBoxActive\"\n        (click)=\"onLoginClick($event)\">\n        <ecl-icon icon=\"log-in\" size=\"s\" class=\"ecl-site-header-standardised__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-standardised__login-toggle\" \n        aria-controls=\"login-box-id\" \n        [attr.aria-expanded]=\"isLoginBoxActive\"\n        (click)=\"onLoginBoxToggle($event)\">\n        <ecl-icon icon=\"logged-in\" size=\"s\" class=\"ecl-site-header-standardised__icon\"></ecl-icon>\n        {{ 'ecl.site-header.LOGGED-IN' | translate }}\n        <ecl-icon icon=\"corner-arrow\" size=\"xs\" class=\"ecl-site-header-standardised__login-arrow\"></ecl-icon>\n    </a>\n    <div class=\"{{ getLoginBoxCssClasses() }}\">\n        <ng-content></ng-content>\n    </div>\n</ng-container>", styles: [".ecl-site-header-standardised__login-toggle .ecl-site-header-standardised__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" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclSiteHeaderStandardisedLoginComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-site-header-standardised-login', template: "<ng-container *ngIf=\"!isLoggedIn\">\n    <a href=\"#\"\n        class=\"ecl-button ecl-button--ghost ecl-site-header-standardised__login-toggle\" \n        [attr.aria-expanded]=\"isLoginBoxActive\"\n        (click)=\"onLoginClick($event)\">\n        <ecl-icon icon=\"log-in\" size=\"s\" class=\"ecl-site-header-standardised__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-standardised__login-toggle\" \n        aria-controls=\"login-box-id\" \n        [attr.aria-expanded]=\"isLoginBoxActive\"\n        (click)=\"onLoginBoxToggle($event)\">\n        <ecl-icon icon=\"logged-in\" size=\"s\" class=\"ecl-site-header-standardised__icon\"></ecl-icon>\n        {{ 'ecl.site-header.LOGGED-IN' | translate }}\n        <ecl-icon icon=\"corner-arrow\" size=\"xs\" class=\"ecl-site-header-standardised__login-arrow\"></ecl-icon>\n    </a>\n    <div class=\"{{ getLoginBoxCssClasses() }}\">\n        <ng-content></ng-content>\n    </div>\n</ng-container>", styles: [".ecl-site-header-standardised__login-toggle .ecl-site-header-standardised__login-arrow{display:inline-flex}\n"] }]

package/esm2020/lib/components/ecl-site-header/deprecated/ecl-site-header-standardised/search/ecl-site-header-standardised-search.component.mjs

@@ -21,7 +21,7 @@ export class EclSiteHeaderStandardisedSearchComponent extends EclSiteHeaderSearc
     }
 }
 /** @nocollapse */ EclSiteHeaderStandardisedSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclSiteHeaderStandardisedSearchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclSiteHeaderStandardisedSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclSiteHeaderStandardisedSearchComponent, selector: "ecl-site-header-standardised-search", host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<a eclLink \n    variant=\"standalone\" \n    class=\"ecl-site-header-standardised__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\" size=\"s\"></ecl-icon>\n    {{ 'ecl.common.SEARCH' | translate }}\n</a>\n\n<ecl-search-form \n    (search)=\"onSearch($event)\" \n    [placeholder]=\"searchInputPlaceholder\"\n    [searchInputText]=\"searchInputText\"\n    [searchButtonLabel]=\"searchButtonLabel\"\n    [class]=\"getSearchBoxCssClasses()\">\n</ecl-search-form>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "component", type: i3.EclSearchFormComponent, selector: "ecl-search-form", inputs: ["formControlName", "searchInputText", "placeholder", "searchButtonLabel", "searchButtonIcon"], outputs: ["search"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+/** @nocollapse */ EclSiteHeaderStandardisedSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclSiteHeaderStandardisedSearchComponent, selector: "ecl-site-header-standardised-search", host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<a eclLink \n    variant=\"standalone\" \n    class=\"ecl-site-header-standardised__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\" size=\"s\"></ecl-icon>\n    {{ 'ecl.common.SEARCH' | translate }}\n</a>\n\n<ecl-search-form \n    (search)=\"onSearch($event)\" \n    [placeholder]=\"searchInputPlaceholder\"\n    [searchInputText]=\"searchInputText\"\n    [searchButtonLabel]=\"searchButtonLabel\"\n    [class]=\"getSearchBoxCssClasses()\">\n</ecl-search-form>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { 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: ["formControlName", "searchInputText", "placeholder", "searchButtonLabel", "searchButtonIcon"], outputs: ["search"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclSiteHeaderStandardisedSearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-site-header-standardised-search', template: "<a eclLink \n    variant=\"standalone\" \n    class=\"ecl-site-header-standardised__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\" size=\"s\"></ecl-icon>\n    {{ 'ecl.common.SEARCH' | translate }}\n</a>\n\n<ecl-search-form \n    (search)=\"onSearch($event)\" \n    [placeholder]=\"searchInputPlaceholder\"\n    [searchInputText]=\"searchInputText\"\n    [searchButtonLabel]=\"searchButtonLabel\"\n    [class]=\"getSearchBoxCssClasses()\">\n</ecl-search-form>\n", styles: [":host{display:block}\n"] }]

package/esm2020/lib/components/ecl-site-header/language/ecl-site-header-language.component.mjs

@@ -18,7 +18,7 @@ export class EclSiteHeaderLanguageComponent extends ECLBaseDirective {
     }
 }
 /** @nocollapse */ EclSiteHeaderLanguageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclSiteHeaderLanguageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclSiteHeaderLanguageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclSiteHeaderLanguageComponent, selector: "ecl-site-header-language", inputs: { languageLabel: "languageLabel", languageCode: "languageCode" }, outputs: { languageClick: "languageClick" }, usesInheritance: true, ngImport: i0, template: "<a href=\"#\"\n   class=\"ecl-button ecl-button--ghost ecl-site-header__language-selector\"\n   aria-controls=\"language-list-overlay\"\n   (click)=\"onLanguageClick($event)\">\n    <span class=\"ecl-site-header__language-icon\">\n        <ecl-icon icon=\"language\"\n                  size=\"s\"\n                  class=\"ecl-site-header__icon\"></ecl-icon>\n        <span class=\"ecl-site-header__language-code\">{{ languageCode }}</span>\n    </span>\n    {{ languageLabel || 'ecl.language-list.ENGLISH' | translate }}\n</a>", styles: [":host{display:flex}\n"], dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+/** @nocollapse */ EclSiteHeaderLanguageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclSiteHeaderLanguageComponent, selector: "ecl-site-header-language", inputs: { languageLabel: "languageLabel", languageCode: "languageCode" }, outputs: { languageClick: "languageClick" }, usesInheritance: true, ngImport: i0, template: "<a href=\"#\"\n   class=\"ecl-button ecl-button--ghost ecl-site-header__language-selector\"\n   aria-controls=\"language-list-overlay\"\n   (click)=\"onLanguageClick($event)\">\n    <span class=\"ecl-site-header__language-icon\">\n        <ecl-icon icon=\"language\"\n                  size=\"s\"\n                  class=\"ecl-site-header__icon\"></ecl-icon>\n        <span class=\"ecl-site-header__language-code\">{{ languageCode }}</span>\n    </span>\n    {{ languageLabel || 'ecl.language-list.ENGLISH' | translate }}\n</a>", styles: [":host{display:flex}\n"], dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclSiteHeaderLanguageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-site-header-language', template: "<a href=\"#\"\n   class=\"ecl-button ecl-button--ghost ecl-site-header__language-selector\"\n   aria-controls=\"language-list-overlay\"\n   (click)=\"onLanguageClick($event)\">\n    <span class=\"ecl-site-header__language-icon\">\n        <ecl-icon icon=\"language\"\n                  size=\"s\"\n                  class=\"ecl-site-header__icon\"></ecl-icon>\n        <span class=\"ecl-site-header__language-code\">{{ languageCode }}</span>\n    </span>\n    {{ languageLabel || 'ecl.language-list.ENGLISH' | translate }}\n</a>", styles: [":host{display:flex}\n"] }]

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

@@ -49,7 +49,7 @@ export class EclSiteHeaderLoginComponent extends ECLBaseDirective {
     }
 }
 /** @nocollapse */ EclSiteHeaderLoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclSiteHeaderLoginComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclSiteHeaderLoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", 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", "ariaHidden", "focusable"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
+/** @nocollapse */ EclSiteHeaderLoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", 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);

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

@@ -43,7 +43,7 @@ export class EclSiteHeaderSearchComponent extends ECLBaseDirective {
     }
 }
 /** @nocollapse */ EclSiteHeaderSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclSiteHeaderSearchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclSiteHeaderSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclSiteHeaderSearchComponent, selector: "ecl-site-header-search", inputs: { searchInputText: "searchInputText", searchInputPlaceholder: "searchInputPlaceholder", searchButtonLabel: "searchButtonLabel" }, outputs: { search: "search", searchToggle: "searchToggle" }, host: { properties: { "class": "this.class" } }, 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\"></ecl-icon>\n    {{ 'ecl.common.SEARCH' | translate }}\n</a>\n\n<ecl-search-form (search)=\"onSearch($event)\"\n                 [placeholder]=\"searchInputPlaceholder\"\n                 [searchInputText]=\"searchInputText\"\n                 [searchButtonLabel]=\"searchButtonLabel\"\n                 [class]=\"getSearchBoxCssClasses()\">\n</ecl-search-form>", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "component", type: i2.EclSearchFormComponent, selector: "ecl-search-form", inputs: ["formControlName", "searchInputText", "placeholder", "searchButtonLabel", "searchButtonIcon"], outputs: ["search"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
+/** @nocollapse */ EclSiteHeaderSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclSiteHeaderSearchComponent, selector: "ecl-site-header-search", inputs: { searchInputText: "searchInputText", searchInputPlaceholder: "searchInputPlaceholder", searchButtonLabel: "searchButtonLabel" }, outputs: { search: "search", searchToggle: "searchToggle" }, host: { properties: { "class": "this.class" } }, 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\"></ecl-icon>\n    {{ 'ecl.common.SEARCH' | translate }}\n</a>\n\n<ecl-search-form (search)=\"onSearch($event)\"\n                 [placeholder]=\"searchInputPlaceholder\"\n                 [searchInputText]=\"searchInputText\"\n                 [searchButtonLabel]=\"searchButtonLabel\"\n                 [class]=\"getSearchBoxCssClasses()\">\n</ecl-search-form>", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "component", type: i2.EclSearchFormComponent, selector: "ecl-search-form", inputs: ["formControlName", "searchInputText", "placeholder", "searchButtonLabel", "searchButtonIcon"], outputs: ["search"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclSiteHeaderSearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-site-header-search', 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\"></ecl-icon>\n    {{ 'ecl.common.SEARCH' | translate }}\n</a>\n\n<ecl-search-form (search)=\"onSearch($event)\"\n                 [placeholder]=\"searchInputPlaceholder\"\n                 [searchInputText]=\"searchInputText\"\n                 [searchButtonLabel]=\"searchButtonLabel\"\n                 [class]=\"getSearchBoxCssClasses()\">\n</ecl-search-form>", styles: [":host{display:block}\n"] }]

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

@@ -27,7 +27,7 @@ export class EclSocialMediaFollowItemComponent extends ECLBaseDirective {
     }
 }
 /** @nocollapse */ EclSocialMediaFollowItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclSocialMediaFollowItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclSocialMediaFollowItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclSocialMediaFollowItemComponent, selector: "ecl-social-media-follow-item", inputs: { icon: "icon", href: "href", target: "target", size: "size" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a eclLink \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\" iconSet=\"social\" icon=\"{{ icon }}\" [size]=\"size\" class=\"ecl-social-media-follow__icon\"></ecl-icon>\n  <ecl-icon *ngIf=\"icon\" iconSet=\"social\" icon=\"{{ icon }}_hover\" [size]=\"size\" class=\"ecl-social-media-follow__icon-hover\"></ecl-icon>\n\n  <span class=\"ecl-link__label\">\n    <ng-content></ng-content>\n  </span>\n</a>\n", styles: [":host{display:list-item}\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", "ariaHidden", "focusable"] }, { kind: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }] });
+/** @nocollapse */ EclSocialMediaFollowItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclSocialMediaFollowItemComponent, selector: "ecl-social-media-follow-item", inputs: { icon: "icon", href: "href", target: "target", size: "size" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a eclLink \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\" iconSet=\"social\" icon=\"{{ icon }}\" [size]=\"size\" class=\"ecl-social-media-follow__icon\"></ecl-icon>\n  <ecl-icon *ngIf=\"icon\" iconSet=\"social\" icon=\"{{ icon }}_hover\" [size]=\"size\" class=\"ecl-social-media-follow__icon-hover\"></ecl-icon>\n\n  <span class=\"ecl-link__label\">\n    <ng-content></ng-content>\n  </span>\n</a>\n", styles: [":host{display:list-item}\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: "directive", type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclSocialMediaFollowItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-social-media-follow-item', template: "<a eclLink \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\" iconSet=\"social\" icon=\"{{ icon }}\" [size]=\"size\" class=\"ecl-social-media-follow__icon\"></ecl-icon>\n  <ecl-icon *ngIf=\"icon\" iconSet=\"social\" icon=\"{{ icon }}_hover\" [size]=\"size\" class=\"ecl-social-media-follow__icon-hover\"></ecl-icon>\n\n  <span class=\"ecl-link__label\">\n    <ng-content></ng-content>\n  </span>\n</a>\n", styles: [":host{display:list-item}\n"] }]

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

@@ -26,7 +26,7 @@ export class EclSocialMediaShareItemComponent extends ECLBaseDirective {
     }
 }
 /** @nocollapse */ EclSocialMediaShareItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclSocialMediaShareItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclSocialMediaShareItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclSocialMediaShareItemComponent, selector: "ecl-social-media-share-item", inputs: { icon: "icon", href: "href", target: "target" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a eclLink \n    (click)=\"onItemClick($event)\"\n    variant=\"standalone\"\n    [href]=\"href\" \n    [attr.target]=\"target\"\n    class=\"ecl-social-media-share__link ecl-social-media-share__link--{{ icon }}\">\n  <ecl-icon *ngIf=\"icon\" iconSet=\"social\" icon=\"{{icon}}\" size=\"xl\" class=\"ecl-social-media-share__icon\"></ecl-icon>\n  <ecl-icon *ngIf=\"icon\" iconSet=\"social\" icon=\"{{icon}}_hover\" size=\"xl\" class=\"ecl-social-media-share__icon-hover\"></ecl-icon>\n\n  <span class=\"ecl-link__label\">\n    <ng-content></ng-content>\n  </span>\n</a>\n", styles: [":host{display:list-item}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i3.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }] });
+/** @nocollapse */ EclSocialMediaShareItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclSocialMediaShareItemComponent, selector: "ecl-social-media-share-item", inputs: { icon: "icon", href: "href", target: "target" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<a eclLink \n    (click)=\"onItemClick($event)\"\n    variant=\"standalone\"\n    [href]=\"href\" \n    [attr.target]=\"target\"\n    class=\"ecl-social-media-share__link ecl-social-media-share__link--{{ icon }}\">\n  <ecl-icon *ngIf=\"icon\" iconSet=\"social\" icon=\"{{icon}}\" size=\"xl\" class=\"ecl-social-media-share__icon\"></ecl-icon>\n  <ecl-icon *ngIf=\"icon\" iconSet=\"social\" icon=\"{{icon}}_hover\" size=\"xl\" class=\"ecl-social-media-share__icon-hover\"></ecl-icon>\n\n  <span class=\"ecl-link__label\">\n    <ng-content></ng-content>\n  </span>\n</a>\n", styles: [":host{display:list-item}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { kind: "component", type: i3.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclSocialMediaShareItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-social-media-share-item', template: "<a eclLink \n    (click)=\"onItemClick($event)\"\n    variant=\"standalone\"\n    [href]=\"href\" \n    [attr.target]=\"target\"\n    class=\"ecl-social-media-share__link ecl-social-media-share__link--{{ icon }}\">\n  <ecl-icon *ngIf=\"icon\" iconSet=\"social\" icon=\"{{icon}}\" size=\"xl\" class=\"ecl-social-media-share__icon\"></ecl-icon>\n  <ecl-icon *ngIf=\"icon\" iconSet=\"social\" icon=\"{{icon}}_hover\" size=\"xl\" class=\"ecl-social-media-share__icon-hover\"></ecl-icon>\n\n  <span class=\"ecl-link__label\">\n    <ng-content></ng-content>\n  </span>\n</a>\n", styles: [":host{display:list-item}\n"] }]

package/esm2020/lib/components/ecl-tabs/ecl-tabs.component.mjs

@@ -100,7 +100,7 @@ export class EclTabsComponent extends ECLBaseDirective {
     }
 }
 /** @nocollapse */ EclTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTabsComponent, deps: [{ token: i0.IterableDiffers }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclTabsComponent, selector: "ecl-tabs", inputs: { activeTabIndex: "activeTabIndex", bodyClass: "bodyClass" }, outputs: { tabSelect: "tabSelect" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class.ecl-tabs": "this.cmpClass", "attr.role": "this.role" } }, queries: [{ propertyName: "tabs", predicate: i0.forwardRef(function () { return EclTabComponent; }) }], viewQueries: [{ propertyName: "moreButtonElement", first: true, predicate: ["moreButton"], descendants: true, read: ElementRef }, { propertyName: "tabsListElement", first: true, predicate: ["tabsList"], descendants: true }, { propertyName: "dropdownListElement", first: true, predicate: ["dropdownList"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-tabs__container\">\n    <ul #tabsList class=\"ecl-tabs__list\">\n        <ng-content select=\"ecl-tab\"></ng-content>\n\n        <ecl-tab [isMore]=\"true\" [isHidden]=\"false\">\n            <ecl-tab-label>\n                <button \n                    #moreButton\n                    eclButton \n                    (click)=\"onMoreToggle()\"\n                    variant=\"secondary\" \n                    [attr.aria-expanded]=\"false\"\n                    class=\"ecl-tabs__toggle\">\n                    {{ 'ecl.common.MORE' | translate }}\n                </button>\n                <ul #dropdownList class=\"ecl-tabs__dropdown\">\n\n                </ul>\n            </ecl-tab-label>\n        </ecl-tab>\n    </ul>\n</div>\n<div class=\"ecl-tabs__controls\">\n    <button eclButton (click)=\"onScrollPrev()\" class=\"ecl-tabs__prev\">\n        <ecl-icon \n            icon=\"corner-arrow\" \n            color=\"inverted\" \n            transform=\"rotate-270\" \n            size=\"m\"\n            class=\"ecl-u-d-block\">\n        </ecl-icon>\n    </button>\n    <button eclButton (click)=\"onScrollNext()\" class=\"ecl-tabs__next\">\n        <ecl-icon \n            icon=\"corner-arrow\" \n            color=\"inverted\" \n            transform=\"rotate-90\" \n            size=\"m\"\n            class=\"ecl-u-d-block\">\n        </ecl-icon>\n    </button>\n</div>\n\n<ng-container *ngFor=\"let c of tabs.toArray()\">\n    <div class=\"{{ bodyClass }}\" *ngIf=\"c.isActive\">\n        <ng-container *ngTemplateOutlet=\"c.tabContentTemplate\"></ng-container>\n    </div>\n</ng-container>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["variant", "containerStyleClass"] }, { kind: "component", type: i3.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "component", type: i4.EclTabComponent, selector: "ecl-tab", inputs: ["id", "isHidden", "isActive", "isMore"], outputs: ["select"] }, { kind: "component", type: i5.EclTabLabelComponent, selector: "ecl-tab-label" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
+/** @nocollapse */ EclTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclTabsComponent, selector: "ecl-tabs", inputs: { activeTabIndex: "activeTabIndex", bodyClass: "bodyClass" }, outputs: { tabSelect: "tabSelect" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class.ecl-tabs": "this.cmpClass", "attr.role": "this.role" } }, queries: [{ propertyName: "tabs", predicate: i0.forwardRef(function () { return EclTabComponent; }) }], viewQueries: [{ propertyName: "moreButtonElement", first: true, predicate: ["moreButton"], descendants: true, read: ElementRef }, { propertyName: "tabsListElement", first: true, predicate: ["tabsList"], descendants: true }, { propertyName: "dropdownListElement", first: true, predicate: ["dropdownList"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-tabs__container\">\n    <ul #tabsList class=\"ecl-tabs__list\">\n        <ng-content select=\"ecl-tab\"></ng-content>\n\n        <ecl-tab [isMore]=\"true\" [isHidden]=\"false\">\n            <ecl-tab-label>\n                <button \n                    #moreButton\n                    eclButton \n                    (click)=\"onMoreToggle()\"\n                    variant=\"secondary\" \n                    [attr.aria-expanded]=\"false\"\n                    class=\"ecl-tabs__toggle\">\n                    {{ 'ecl.common.MORE' | translate }}\n                </button>\n                <ul #dropdownList class=\"ecl-tabs__dropdown\">\n\n                </ul>\n            </ecl-tab-label>\n        </ecl-tab>\n    </ul>\n</div>\n<div class=\"ecl-tabs__controls\">\n    <button eclButton (click)=\"onScrollPrev()\" class=\"ecl-tabs__prev\">\n        <ecl-icon \n            icon=\"corner-arrow\" \n            color=\"inverted\" \n            transform=\"rotate-270\" \n            size=\"m\"\n            class=\"ecl-u-d-block\">\n        </ecl-icon>\n    </button>\n    <button eclButton (click)=\"onScrollNext()\" class=\"ecl-tabs__next\">\n        <ecl-icon \n            icon=\"corner-arrow\" \n            color=\"inverted\" \n            transform=\"rotate-90\" \n            size=\"m\"\n            class=\"ecl-u-d-block\">\n        </ecl-icon>\n    </button>\n</div>\n\n<ng-container *ngFor=\"let c of tabs.toArray()\">\n    <div class=\"{{ bodyClass }}\" *ngIf=\"c.isActive\">\n        <ng-container *ngTemplateOutlet=\"c.tabContentTemplate\"></ng-container>\n    </div>\n</ng-container>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["variant", "containerStyleClass"] }, { kind: "component", type: i3.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "component", type: i4.EclTabComponent, selector: "ecl-tab", inputs: ["id", "isHidden", "isActive", "isMore"], outputs: ["select"] }, { kind: "component", type: i5.EclTabLabelComponent, selector: "ecl-tab-label" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
 __decorate([
     coerceElement
 ], EclTabsComponent.prototype, "moreButtonElement", void 0);

package/esm2020/lib/components/ecl-tag/ecl-tag.component.mjs

@@ -33,7 +33,7 @@ export class EclTagComponent extends ECLBaseDirective {
     }
 }
 /** @nocollapse */ EclTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclTagComponent, selector: "ecl-tag, [eclTag]", inputs: { variant: "variant" }, outputs: { remove: "remove" }, host: { properties: { "attr.hidden": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n\n<span *ngIf=\"isRemovable\" class=\"ecl-tag__icon\" (click)=\"onRemoveClick($event)\">\n  <ecl-icon icon=\"close\" class=\"ecl-tag__icon-close\"></ecl-icon>\n  <ecl-icon icon=\"close-filled\" class=\"ecl-tag__icon-close-filled\"></ecl-icon>\n</span>", 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", "ariaHidden", "focusable"] }] });
+/** @nocollapse */ EclTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclTagComponent, selector: "ecl-tag, [eclTag]", inputs: { variant: "variant" }, outputs: { remove: "remove" }, host: { properties: { "attr.hidden": "this.isHidden", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n\n<span *ngIf=\"isRemovable\" class=\"ecl-tag__icon\" (click)=\"onRemoveClick($event)\">\n  <ecl-icon icon=\"close\" class=\"ecl-tag__icon-close\"></ecl-icon>\n  <ecl-icon icon=\"close-filled\" class=\"ecl-tag__icon-close-filled\"></ecl-icon>\n</span>", 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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTagComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-tag, [eclTag]', template: "<ng-content></ng-content>\n\n<span *ngIf=\"isRemovable\" class=\"ecl-tag__icon\" (click)=\"onRemoveClick($event)\">\n  <ecl-icon icon=\"close\" class=\"ecl-tag__icon-close\"></ecl-icon>\n  <ecl-icon icon=\"close-filled\" class=\"ecl-tag__icon-close-filled\"></ecl-icon>\n</span>" }]

package/esm2020/lib/components/ecl-timeline/ecl-timeline-item.component.mjs

@@ -62,7 +62,7 @@ export class EclTimelineItemComponent extends ECLBaseDirective {
     }
 }
 /** @nocollapse */ EclTimelineItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EclTimelineItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EclTimelineItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclTimelineItemComponent, selector: "ecl-timeline-item", inputs: { label: "label", eclTitle: "eclTitle", toggleButtonLabel: "toggleButtonLabel", isTogglerExpanded: "isTogglerExpanded", isCollapsed: "isCollapsed", isToggler: "isToggler", toggleGroup: "toggleGroup" }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses", "class.ecl-timeline__item--collapsed": "this.isCollapsed", "class.ecl-timeline__item--toggle": "this.isToggler" } }, queries: [{ propertyName: "timelineItemToggler", first: true, predicate: i0.forwardRef(function () { return EclTimelineItemTogglerComponent; }), descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"label\" class=\"ecl-timeline__label\">{{ label }}</div>\n<ng-content select=\"[eclTimelineItemLabel]\"></ng-content>\n\n<div *ngIf=\"eclTitle\" class=\"ecl-timeline__title\">{{ eclTitle }}</div>\n<ng-content select=\"[eclTimelineItemTitle]\"></ng-content>\n\n<div class=\"ecl-timeline__content\">\n  <button eclButton *ngIf=\"hasDefaultToggler()\" (click)=\"onTogglerClick($event)\" type=\"secondary\">\n    <span eclButtonLabel>\n        {{ toggleButtonLabel || 'ecl.timeline.TOGGLE-ITEMS' | translate }}\n    </span>\n    <ecl-icon icon=\"corner-arrow\" size=\"fluid\" [transform]=\"!isTogglerExpanded ? 'rotate-180' : ''\"></ecl-icon>\n  </button>\n\n  <ng-content select=\"ecl-timeline-item-toggler\"></ng-content>\n\n  <ng-content></ng-content>\n</div>\n", styles: ["ecl-timeline-item{display:list-item}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["variant", "containerStyleClass"] }, { kind: "directive", type: i3.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ EclTimelineItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EclTimelineItemComponent, selector: "ecl-timeline-item", inputs: { label: "label", eclTitle: "eclTitle", toggleButtonLabel: "toggleButtonLabel", isTogglerExpanded: "isTogglerExpanded", isCollapsed: "isCollapsed", isToggler: "isToggler", toggleGroup: "toggleGroup" }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses", "class.ecl-timeline__item--collapsed": "this.isCollapsed", "class.ecl-timeline__item--toggle": "this.isToggler" } }, queries: [{ propertyName: "timelineItemToggler", first: true, predicate: i0.forwardRef(function () { return EclTimelineItemTogglerComponent; }), descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"label\" class=\"ecl-timeline__label\">{{ label }}</div>\n<ng-content select=\"[eclTimelineItemLabel]\"></ng-content>\n\n<div *ngIf=\"eclTitle\" class=\"ecl-timeline__title\">{{ eclTitle }}</div>\n<ng-content select=\"[eclTimelineItemTitle]\"></ng-content>\n\n<div class=\"ecl-timeline__content\">\n  <button eclButton *ngIf=\"hasDefaultToggler()\" (click)=\"onTogglerClick($event)\" type=\"secondary\">\n    <span eclButtonLabel>\n        {{ toggleButtonLabel || 'ecl.timeline.TOGGLE-ITEMS' | translate }}\n    </span>\n    <ecl-icon icon=\"corner-arrow\" size=\"fluid\" [transform]=\"!isTogglerExpanded ? 'rotate-180' : ''\"></ecl-icon>\n  </button>\n\n  <ng-content select=\"ecl-timeline-item-toggler\"></ng-content>\n\n  <ng-content></ng-content>\n</div>\n", styles: ["ecl-timeline-item{display:list-item}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["variant", "containerStyleClass"] }, { kind: "directive", type: i3.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: i4.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "isInverted", "ariaHidden", "focusable"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     coerceBoolean
 ], EclTimelineItemComponent.prototype, "isTogglerExpanded", void 0);