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 "../../../ecl-link/ecl-link.directive";
import * as i4 from "@ngx-translate/core";
export class EclSiteHeaderStandardisedSearchComponent extends EclSiteHeaderSearchComponent {
    constructor() {
        super(...arguments);
        this.class = 'ecl-site-header-standardised__search-container';
    }
    getSearchBoxCssClasses() {
        return [
            'ecl-site-header-standardised__search',
            this.isSearchBoxActive ? 'ecl-site-header-standardised__search--active' : ''
        ].join(' ');
    }
}
/** @nocollapse */ /** @nocollapse */ EclSiteHeaderStandardisedSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: EclSiteHeaderStandardisedSearchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ /** @nocollapse */ EclSiteHeaderStandardisedSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", 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"], 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"] }], directives: [{ type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }], pipes: { "translate": i4.TranslatePipe } });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: EclSiteHeaderStandardisedSearchComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ecl-site-header-standardised-search', styles: [`
        :host {
            display: block;
        }
    `], 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" }]
        }], propDecorators: { class: [{
                type: HostBinding,
                args: ['class']
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLXNpdGUtaGVhZGVyLXN0YW5kYXJkaXNlZC1zZWFyY2guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VjbC1zaXRlLWhlYWRlci9lY2wtc2l0ZS1oZWFkZXItc3RhbmRhcmRpc2VkL3NlYXJjaC9lY2wtc2l0ZS1oZWFkZXItc3RhbmRhcmRpc2VkLXNlYXJjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLXNpdGUtaGVhZGVyL2VjbC1zaXRlLWhlYWRlci1zdGFuZGFyZGlzZWQvc2VhcmNoL2VjbC1zaXRlLWhlYWRlci1zdGFuZGFyZGlzZWQtc2VhcmNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXZELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLCtDQUErQyxDQUFDOzs7Ozs7QUFXN0YsTUFBTSxPQUFPLHdDQUF5QyxTQUFRLDRCQUE0QjtJQVQxRjs7UUFVMEIsVUFBSyxHQUFHLGdEQUFnRCxDQUFDO0tBVWxGO0lBUkcsc0JBQXNCO1FBQ2xCLE9BQU87WUFDSCxzQ0FBc0M7WUFDdEMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyw4Q0FBOEMsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUMvRSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNoQixDQUFDOzsyS0FSUSx3Q0FBd0M7K0pBQXhDLHdDQUF3QyxtSkNickQsd25CQWtCQTsyRkRMYSx3Q0FBd0M7a0JBVHBELFNBQVM7K0JBQ0kscUNBQXFDLFVBRXZDLENBQUM7Ozs7S0FJUixDQUFDOzhCQUdvQixLQUFLO3NCQUExQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFY2xCYXNlRXZlbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9tb2RlbC9lY2wtYmFzZS5ldmVudCc7XG5pbXBvcnQgeyBFY2xTaXRlSGVhZGVyU2VhcmNoQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vY29tbW9uL2VjbC1zaXRlLWhlYWRlci1zZWFyY2guY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdlY2wtc2l0ZS1oZWFkZXItc3RhbmRhcmRpc2VkLXNlYXJjaCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2VjbC1zaXRlLWhlYWRlci1zdGFuZGFyZGlzZWQtc2VhcmNoLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZXM6IFtgXG4gICAgICAgIDpob3N0IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB9XG4gICAgYF0sXG59KVxuZXhwb3J0IGNsYXNzIEVjbFNpdGVIZWFkZXJTdGFuZGFyZGlzZWRTZWFyY2hDb21wb25lbnQgZXh0ZW5kcyBFY2xTaXRlSGVhZGVyU2VhcmNoQ29tcG9uZW50IHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3MgPSAnZWNsLXNpdGUtaGVhZGVyLXN0YW5kYXJkaXNlZF9fc2VhcmNoLWNvbnRhaW5lcic7XG5cbiAgICBnZXRTZWFyY2hCb3hDc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICAnZWNsLXNpdGUtaGVhZGVyLXN0YW5kYXJkaXNlZF9fc2VhcmNoJyxcbiAgICAgICAgICAgIHRoaXMuaXNTZWFyY2hCb3hBY3RpdmUgPyAnZWNsLXNpdGUtaGVhZGVyLXN0YW5kYXJkaXNlZF9fc2VhcmNoLS1hY3RpdmUnIDogJydcbiAgICAgICAgXS5qb2luKCcgJyk7XG4gICAgfVxuXG5cbn1cbiIsIjxhIGVjbExpbmsgXG4gICAgdmFyaWFudD1cInN0YW5kYWxvbmVcIiBcbiAgICBjbGFzcz1cImVjbC1zaXRlLWhlYWRlci1zdGFuZGFyZGlzZWRfX3NlYXJjaC10b2dnbGVcIiBcbiAgICBkYXRhLWVjbC1zZWFyY2gtdG9nZ2xlPVwidHJ1ZVwiIFxuICAgIGFyaWEtY29udHJvbHM9XCJzZWFyY2gtZm9ybS1pZFwiIFxuICAgIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiaXNTZWFyY2hCb3hBY3RpdmVcIlxuICAgIChjbGljayk9XCJvblNlYXJjaEJveFRvZ2dsZSgkZXZlbnQpXCI+XG4gICAgPGVjbC1pY29uIGljb249XCJzZWFyY2hcIiBzaXplPVwic1wiPjwvZWNsLWljb24+XG4gICAge3sgJ2VjbC5jb21tb24uU0VBUkNIJyB8IHRyYW5zbGF0ZSB9fVxuPC9hPlxuXG48ZWNsLXNlYXJjaC1mb3JtIFxuICAgIChzZWFyY2gpPVwib25TZWFyY2goJGV2ZW50KVwiIFxuICAgIFtwbGFjZWhvbGRlcl09XCJzZWFyY2hJbnB1dFBsYWNlaG9sZGVyXCJcbiAgICBbc2VhcmNoSW5wdXRUZXh0XT1cInNlYXJjaElucHV0VGV4dFwiXG4gICAgW3NlYXJjaEJ1dHRvbkxhYmVsXT1cInNlYXJjaEJ1dHRvbkxhYmVsXCJcbiAgICBbY2xhc3NdPVwiZ2V0U2VhcmNoQm94Q3NzQ2xhc3NlcygpXCI+XG48L2VjbC1zZWFyY2gtZm9ybT5cbiJdfQ==