import { Component, HostBinding } from '@angular/core';
import { EclSiteHeaderLoginComponentBase } from '../../common/ecl-site-header-login.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../../../ecl-icon/ecl-icon.component";
import * as i3 from "@ngx-translate/core";
export class EclSiteHeaderStandardisedLoginComponent extends EclSiteHeaderLoginComponentBase {
    constructor() {
        super(...arguments);
        this.class = 'ecl-site-header-standardised__login-container';
    }
    getLoginBoxCssClasses() {
        return [
            'ecl-site-header-standardised__login-box',
            this.isLoginBoxActive ? 'ecl-site-header-standardised__login-box--active' : ''
        ].join(' ');
    }
}
/** @nocollapse */ EclSiteHeaderStandardisedLoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: EclSiteHeaderStandardisedLoginComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ EclSiteHeaderStandardisedLoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", 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" }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", 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"] }]
        }], propDecorators: { class: [{
                type: HostBinding,
                args: ['class']
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLXNpdGUtaGVhZGVyLXN0YW5kYXJkaXNlZC1sb2dpbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLXNpdGUtaGVhZGVyL2RlcHJlY2F0ZWQvZWNsLXNpdGUtaGVhZGVyLXN0YW5kYXJkaXNlZC9sb2dpbi9lY2wtc2l0ZS1oZWFkZXItc3RhbmRhcmRpc2VkLWxvZ2luLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9lY2wtc2l0ZS1oZWFkZXIvZGVwcmVjYXRlZC9lY2wtc2l0ZS1oZWFkZXItc3RhbmRhcmRpc2VkL2xvZ2luL2VjbC1zaXRlLWhlYWRlci1zdGFuZGFyZGlzZWQtbG9naW4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDbEUsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sOENBQThDLENBQUM7Ozs7O0FBVy9GLE1BQU0sT0FBTyx1Q0FBd0MsU0FBUSwrQkFBK0I7SUFUNUY7O1FBVTBCLFVBQUssR0FBRywrQ0FBK0MsQ0FBQztLQVFqRjtJQU5HLHFCQUFxQjtRQUNqQixPQUFPO1lBQ0gseUNBQXlDO1lBQ3pDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsaURBQWlELENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDakYsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDaEIsQ0FBQzs7dUpBUlEsdUNBQXVDOzJJQUF2Qyx1Q0FBdUMsa0pDWnBELDBsQ0FzQmU7MkZEVkYsdUNBQXVDO2tCQVRuRCxTQUFTOytCQUNJLG9DQUFvQzs4QkFTeEIsS0FBSztzQkFBMUIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgT25DaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFY2xTaXRlSGVhZGVyTG9naW5Db21wb25lbnRCYXNlIH0gZnJvbSAnLi4vLi4vY29tbW9uL2VjbC1zaXRlLWhlYWRlci1sb2dpbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2VjbC1zaXRlLWhlYWRlci1zdGFuZGFyZGlzZWQtbG9naW4nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9lY2wtc2l0ZS1oZWFkZXItc3RhbmRhcmRpc2VkLWxvZ2luLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZXM6IFtgXG4gICAgICAgIC5lY2wtc2l0ZS1oZWFkZXItc3RhbmRhcmRpc2VkX19sb2dpbi10b2dnbGUgLmVjbC1zaXRlLWhlYWRlci1zdGFuZGFyZGlzZWRfX2xvZ2luLWFycm93IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICB9XG4gICAgYF1cbn0pXG5leHBvcnQgY2xhc3MgRWNsU2l0ZUhlYWRlclN0YW5kYXJkaXNlZExvZ2luQ29tcG9uZW50IGV4dGVuZHMgRWNsU2l0ZUhlYWRlckxvZ2luQ29tcG9uZW50QmFzZSBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGNsYXNzID0gJ2VjbC1zaXRlLWhlYWRlci1zdGFuZGFyZGlzZWRfX2xvZ2luLWNvbnRhaW5lcic7XG5cbiAgICBnZXRMb2dpbkJveENzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgICdlY2wtc2l0ZS1oZWFkZXItc3RhbmRhcmRpc2VkX19sb2dpbi1ib3gnLFxuICAgICAgICAgICAgdGhpcy5pc0xvZ2luQm94QWN0aXZlID8gJ2VjbC1zaXRlLWhlYWRlci1zdGFuZGFyZGlzZWRfX2xvZ2luLWJveC0tYWN0aXZlJyA6ICcnXG4gICAgICAgIF0uam9pbignICcpO1xuICAgIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCIhaXNMb2dnZWRJblwiPlxuICAgIDxhIGhyZWY9XCIjXCJcbiAgICAgICAgY2xhc3M9XCJlY2wtYnV0dG9uIGVjbC1idXR0b24tLWdob3N0IGVjbC1zaXRlLWhlYWRlci1zdGFuZGFyZGlzZWRfX2xvZ2luLXRvZ2dsZVwiIFxuICAgICAgICBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cImlzTG9naW5Cb3hBY3RpdmVcIlxuICAgICAgICAoY2xpY2spPVwib25Mb2dpbkNsaWNrKCRldmVudClcIj5cbiAgICAgICAgPGVjbC1pY29uIGljb249XCJsb2ctaW5cIiBzaXplPVwic1wiIGNsYXNzPVwiZWNsLXNpdGUtaGVhZGVyLXN0YW5kYXJkaXNlZF9faWNvblwiPjwvZWNsLWljb24+XG4gICAgICAgIHt7ICdlY2wuc2l0ZS1oZWFkZXIuTE9HSU4nIHwgdHJhbnNsYXRlIH19XG4gICAgPC9hPlxuPC9uZy1jb250YWluZXI+XG48bmctY29udGFpbmVyICpuZ0lmPVwiaXNMb2dnZWRJblwiPlxuICAgIDxhIGhyZWY9XCIjXCJcbiAgICAgICAgY2xhc3M9XCJlY2wtYnV0dG9uIGVjbC1idXR0b24tLWdob3N0IGVjbC1zaXRlLWhlYWRlci1zdGFuZGFyZGlzZWRfX2xvZ2luLXRvZ2dsZVwiIFxuICAgICAgICBhcmlhLWNvbnRyb2xzPVwibG9naW4tYm94LWlkXCIgXG4gICAgICAgIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiaXNMb2dpbkJveEFjdGl2ZVwiXG4gICAgICAgIChjbGljayk9XCJvbkxvZ2luQm94VG9nZ2xlKCRldmVudClcIj5cbiAgICAgICAgPGVjbC1pY29uIGljb249XCJsb2dnZWQtaW5cIiBzaXplPVwic1wiIGNsYXNzPVwiZWNsLXNpdGUtaGVhZGVyLXN0YW5kYXJkaXNlZF9faWNvblwiPjwvZWNsLWljb24+XG4gICAgICAgIHt7ICdlY2wuc2l0ZS1oZWFkZXIuTE9HR0VELUlOJyB8IHRyYW5zbGF0ZSB9fVxuICAgICAgICA8ZWNsLWljb24gaWNvbj1cImNvcm5lci1hcnJvd1wiIHNpemU9XCJ4c1wiIGNsYXNzPVwiZWNsLXNpdGUtaGVhZGVyLXN0YW5kYXJkaXNlZF9fbG9naW4tYXJyb3dcIj48L2VjbC1pY29uPlxuICAgIDwvYT5cbiAgICA8ZGl2IGNsYXNzPVwie3sgZ2V0TG9naW5Cb3hDc3NDbGFzc2VzKCkgfX1cIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuPC9uZy1jb250YWluZXI+Il19