import { Component, HostBinding } from '@angular/core';
import { EclSiteHeaderSearchComponent } from '../../common/ecl-site-header-search.component';
import * as i0 from "@angular/core";
import * as i1 from "../../../ecl-icon/ecl-icon.component";
import * as i2 from "../../../ecl-search-form/ecl-search-form.component";
import * as i3 from "@ngx-translate/core";
export class EclSiteHeaderHarmonisedSearchComponent extends EclSiteHeaderSearchComponent {
    constructor() {
        super(...arguments);
        this.class = 'ecl-site-header-harmonised__search-container';
    }
    getSearchBoxCssClasses() {
        return [
            'ecl-site-header-harmonised__search',
            this.isSearchBoxActive ? 'ecl-site-header-harmonised__search--active' : ''
        ].join(' ');
    }
}
/** @nocollapse */ /** @nocollapse */ EclSiteHeaderHarmonisedSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: EclSiteHeaderHarmonisedSearchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ /** @nocollapse */ EclSiteHeaderHarmonisedSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: EclSiteHeaderHarmonisedSearchComponent, selector: "ecl-site-header-harmonised-search", host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<a href=\"#\"\n   class=\"ecl-button ecl-button--ghost ecl-site-header-harmonised__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"], components: [{ type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }, { type: i2.EclSearchFormComponent, selector: "ecl-search-form", inputs: ["formControlName", "searchInputText", "placeholder", "searchButtonLabel", "searchButtonIcon"], outputs: ["search"] }], pipes: { "translate": i3.TranslatePipe } });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: EclSiteHeaderHarmonisedSearchComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ecl-site-header-harmonised-search', styles: [`
        :host {
            display: block;
        }
    `], template: "<a href=\"#\"\n   class=\"ecl-button ecl-button--ghost ecl-site-header-harmonised__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>" }]
        }], propDecorators: { class: [{
                type: HostBinding,
                args: ['class']
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLXNpdGUtaGVhZGVyLWhhcm1vbmlzZWQtc2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lY2wtc2l0ZS1oZWFkZXIvZWNsLXNpdGUtaGVhZGVyLWhhcm1vbmlzZWQvc2VhcmNoL2VjbC1zaXRlLWhlYWRlci1oYXJtb25pc2VkLXNlYXJjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLXNpdGUtaGVhZGVyL2VjbC1zaXRlLWhlYWRlci1oYXJtb25pc2VkL3NlYXJjaC9lY2wtc2l0ZS1oZWFkZXItaGFybW9uaXNlZC1zZWFyY2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkQsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sK0NBQStDLENBQUM7Ozs7O0FBVzdGLE1BQU0sT0FBTyxzQ0FBdUMsU0FBUSw0QkFBNEI7SUFUeEY7O1FBVTBCLFVBQUssR0FBRyw4Q0FBOEMsQ0FBQztLQVVoRjtJQVJHLHNCQUFzQjtRQUNsQixPQUFPO1lBQ0gsb0NBQW9DO1lBQ3BDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsNENBQTRDLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDN0UsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDaEIsQ0FBQzs7eUtBUlEsc0NBQXNDOzZKQUF0QyxzQ0FBc0MsaUpDWm5ELDBxQkFnQmtCOzJGREpMLHNDQUFzQztrQkFUbEQsU0FBUzsrQkFDSSxtQ0FBbUMsVUFFckMsQ0FBQzs7OztLQUlSLENBQUM7OEJBR29CLEtBQUs7c0JBQTFCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEVjbFNpdGVIZWFkZXJTZWFyY2hDb21wb25lbnQgfSBmcm9tICcuLi8uLi9jb21tb24vZWNsLXNpdGUtaGVhZGVyLXNlYXJjaC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2VjbC1zaXRlLWhlYWRlci1oYXJtb25pc2VkLXNlYXJjaCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2VjbC1zaXRlLWhlYWRlci1oYXJtb25pc2VkLXNlYXJjaC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVzOiBbYFxuICAgICAgICA6aG9zdCB7XG4gICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgfVxuICAgIGBdLFxufSlcbmV4cG9ydCBjbGFzcyBFY2xTaXRlSGVhZGVySGFybW9uaXNlZFNlYXJjaENvbXBvbmVudCBleHRlbmRzIEVjbFNpdGVIZWFkZXJTZWFyY2hDb21wb25lbnQge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzcyA9ICdlY2wtc2l0ZS1oZWFkZXItaGFybW9uaXNlZF9fc2VhcmNoLWNvbnRhaW5lcic7XG5cbiAgICBnZXRTZWFyY2hCb3hDc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICAnZWNsLXNpdGUtaGVhZGVyLWhhcm1vbmlzZWRfX3NlYXJjaCcsXG4gICAgICAgICAgICB0aGlzLmlzU2VhcmNoQm94QWN0aXZlID8gJ2VjbC1zaXRlLWhlYWRlci1oYXJtb25pc2VkX19zZWFyY2gtLWFjdGl2ZScgOiAnJ1xuICAgICAgICBdLmpvaW4oJyAnKTtcbiAgICB9XG5cblxufVxuIiwiPGEgaHJlZj1cIiNcIlxuICAgY2xhc3M9XCJlY2wtYnV0dG9uIGVjbC1idXR0b24tLWdob3N0IGVjbC1zaXRlLWhlYWRlci1oYXJtb25pc2VkX19zZWFyY2gtdG9nZ2xlXCJcbiAgIGRhdGEtZWNsLXNlYXJjaC10b2dnbGU9XCJ0cnVlXCJcbiAgIGFyaWEtY29udHJvbHM9XCJzZWFyY2gtZm9ybS1pZFwiXG4gICBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cImlzU2VhcmNoQm94QWN0aXZlXCJcbiAgIChjbGljayk9XCJvblNlYXJjaEJveFRvZ2dsZSgkZXZlbnQpXCI+XG4gICAgPGVjbC1pY29uIGljb249XCJzZWFyY2hcIlxuICAgICAgICAgICAgICBzaXplPVwic1wiPjwvZWNsLWljb24+XG4gICAge3sgJ2VjbC5jb21tb24uU0VBUkNIJyB8IHRyYW5zbGF0ZSB9fVxuPC9hPlxuXG48ZWNsLXNlYXJjaC1mb3JtIChzZWFyY2gpPVwib25TZWFyY2goJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJzZWFyY2hJbnB1dFBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgICAgICAgW3NlYXJjaElucHV0VGV4dF09XCJzZWFyY2hJbnB1dFRleHRcIlxuICAgICAgICAgICAgICAgICBbc2VhcmNoQnV0dG9uTGFiZWxdPVwic2VhcmNoQnV0dG9uTGFiZWxcIlxuICAgICAgICAgICAgICAgICBbY2xhc3NdPVwiZ2V0U2VhcmNoQm94Q3NzQ2xhc3NlcygpXCI+XG48L2VjbC1zZWFyY2gtZm9ybT4iXX0=