import { Component, ContentChild, HostBinding, Input } from '@angular/core';
import { TranslateService } from '@ngx-translate/core';
import { EclLanguageService } from '../../../services/ecl-language.service';
import { EclSiteHeaderComponent } from '../common/ecl-site-header.component';
import { EclSiteHeaderLoginComponent } from '../common/ecl-site-header-login.component';
import { EclSiteHeaderSearchComponent } from '../common/ecl-site-header-search.component';
import { EclSiteHeaderLanguageComponent } from '../common/ecl-site-header-language.component';
import { EclSiteHeaderStandardisedLanguageComponent } from './language/ecl-site-header-standardised-language.component';
import { EclSiteHeaderStandardisedLoginComponent } from './login/ecl-site-header-standardised-login.component';
import { EclSiteHeaderStandardisedSearchComponent } from './search/ecl-site-header-standardised-search.component';
import * as i0 from "@angular/core";
import * as i1 from "../../../services/ecl-language.service";
import * as i2 from "@ngx-translate/core";
import * as i3 from "../../ecl-link/ecl-link.directive";
import * as i4 from "@angular/common";
export class EclSiteHeaderStandardisedComponent extends EclSiteHeaderComponent {
    constructor(eclLanguageService, translateService) {
        super(eclLanguageService, translateService);
        this.eclLanguageService = eclLanguageService;
        this.translateService = translateService;
    }
    get cssClasses() {
        return [
            super.getCssClasses('ecl-site-header-standardised'),
            `ecl-site-header-standardised--group${this.group}`,
        ].join(' ').trim();
    }
}
/** @nocollapse */ /** @nocollapse */ EclSiteHeaderStandardisedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: EclSiteHeaderStandardisedComponent, deps: [{ token: i1.EclLanguageService }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ /** @nocollapse */ EclSiteHeaderStandardisedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: EclSiteHeaderStandardisedComponent, selector: "ecl-site-header-standardised", inputs: { logoUrl: "logoUrl" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclLoginComponent", first: true, predicate: EclSiteHeaderStandardisedLoginComponent, descendants: true }, { propertyName: "eclSearchComponent", first: true, predicate: EclSiteHeaderStandardisedSearchComponent, descendants: true }, { propertyName: "eclLanguageComponent", first: true, predicate: EclSiteHeaderStandardisedLanguageComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ecl-site-header-standardised__container ecl-container\">\n    <div class=\"ecl-site-header-standardised__top\">\n        <a eclLink\n            variant=\"standalone\"\n            class=\"ecl-site-header-standardised__logo-link\"\n            href=\"https://ec.europa.eu/info/index_{{ languageCode }}\"\n            (click)=\"onECLogoClick($event)\"\n            [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n\n            <ng-container *ngTemplateOutlet=\"contentEnvironment\"></ng-container>\n\n            <img alt=\"European Commission logo\"\n                [attr.title]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\"\n                class=\"ecl-site-header-standardised__logo-image\"\n                src=\"./assets/images/ecl/ec/logo/logo-ec--{{ languageCode }}.svg\"/>\n        </a>\n        <ng-content select=\"ecl-site-header-standardised-action\"></ng-content>\n    </div>\n</div>\n\n<ng-content select=\"ecl-site-header-standardised-banner-top\"></ng-content>\n\n<div *ngIf=\"siteName\" class=\"ecl-site-header-standardised__banner\">\n    <div class=\"ecl-container\">\n        <div class=\"ecl-site-header-standardised__site-name\">{{ siteName }}</div>\n        <ng-content select=\"[eclSiteHeaderStandardisedCta]\"></ng-content>\n    </div>\n</div>\n\n<ng-content select=\"ecl-menu\"></ng-content>\n<ng-content select=\"ecl-language-list\"></ng-content>\n\n<ng-template #contentEnvironment><ng-content select=\"[eclSiteHeaderEnvironment]\"></ng-content></ng-template>\n", styles: [":host{display:block}\n"], directives: [{ type: i3.EclLinkDirective, selector: "[eclLink]", inputs: ["variant", "isNegative", "isNoVisited"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i2.TranslatePipe } });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: EclSiteHeaderStandardisedComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ecl-site-header-standardised', styles: [`
        :host {
            display: block;
        }
    `], template: "<div class=\"ecl-site-header-standardised__container ecl-container\">\n    <div class=\"ecl-site-header-standardised__top\">\n        <a eclLink\n            variant=\"standalone\"\n            class=\"ecl-site-header-standardised__logo-link\"\n            href=\"https://ec.europa.eu/info/index_{{ languageCode }}\"\n            (click)=\"onECLogoClick($event)\"\n            [attr.aria-label]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\">\n\n            <ng-container *ngTemplateOutlet=\"contentEnvironment\"></ng-container>\n\n            <img alt=\"European Commission logo\"\n                [attr.title]=\"'ecl.footer.EUROPEAN-COMMISSION' | translate\"\n                class=\"ecl-site-header-standardised__logo-image\"\n                src=\"./assets/images/ecl/ec/logo/logo-ec--{{ languageCode }}.svg\"/>\n        </a>\n        <ng-content select=\"ecl-site-header-standardised-action\"></ng-content>\n    </div>\n</div>\n\n<ng-content select=\"ecl-site-header-standardised-banner-top\"></ng-content>\n\n<div *ngIf=\"siteName\" class=\"ecl-site-header-standardised__banner\">\n    <div class=\"ecl-container\">\n        <div class=\"ecl-site-header-standardised__site-name\">{{ siteName }}</div>\n        <ng-content select=\"[eclSiteHeaderStandardisedCta]\"></ng-content>\n    </div>\n</div>\n\n<ng-content select=\"ecl-menu\"></ng-content>\n<ng-content select=\"ecl-language-list\"></ng-content>\n\n<ng-template #contentEnvironment><ng-content select=\"[eclSiteHeaderEnvironment]\"></ng-content></ng-template>\n" }]
        }], ctorParameters: function () { return [{ type: i1.EclLanguageService }, { type: i2.TranslateService }]; }, propDecorators: { logoUrl: [{
                type: Input
            }], cssClasses: [{
                type: HostBinding,
                args: ['class']
            }], eclLoginComponent: [{
                type: ContentChild,
                args: [EclSiteHeaderStandardisedLoginComponent]
            }], eclSearchComponent: [{
                type: ContentChild,
                args: [EclSiteHeaderStandardisedSearchComponent]
            }], eclLanguageComponent: [{
                type: ContentChild,
                args: [EclSiteHeaderStandardisedLanguageComponent]
            }] } });
//# sourceMappingURL=data:application/json;base64, 