import { Component, HostBinding } from '@angular/core';
import { EclSiteHeaderLoginComponent } from '../../common/ecl-site-header-login.component';
import * as i0 from "@angular/core";
import * as i1 from "../../../ecl-icon/ecl-icon.component";
import * as i2 from "@angular/common";
import * as i3 from "@ngx-translate/core";
export class EclSiteHeaderCoreLoginComponent extends EclSiteHeaderLoginComponent {
    constructor() {
        super(...arguments);
        this.class = 'ecl-site-header-core__login-container';
    }
    getLoginBoxCssClasses() {
        return [
            'ecl-site-header-core__login-box',
            this.isLoginBoxActive ? 'ecl-site-header-core__login-box--active' : ''
        ].join(' ');
    }
}
/** @nocollapse */ EclSiteHeaderCoreLoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EclSiteHeaderCoreLoginComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ EclSiteHeaderCoreLoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: EclSiteHeaderCoreLoginComponent, selector: "ecl-site-header-core-login", host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!isLoggedIn\">\n    <a href=\"#\"\n        variant=\"standalone\" \n        class=\"ecl-button ecl-button--ghost ecl-site-header-core__login-toggle\" \n        [attr.aria-expanded]=\"isLoginBoxActive\"\n        (click)=\"onLoginClick($event)\">\n        <ecl-icon icon=\"log-in\" size=\"s\" class=\"ecl-site-header-core__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-core__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-core__icon\"></ecl-icon>\n        {{ 'ecl.site-header.LOGGED-IN' | translate }}\n        <ecl-icon icon=\"corner-arrow\" size=\"xs\" class=\"ecl-site-header-core__login-arrow\"></ecl-icon>\n    </a>\n    <div class=\"{{ getLoginBoxCssClasses() }}\">\n        <ng-content></ng-content>\n    </div>\n</ng-container>", styles: [".ecl-site-header-core__login-toggle .ecl-site-header-core__login-arrow{display:inline-flex}\n"], components: [{ type: i1.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "ariaHidden", "focusable"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i3.TranslatePipe } });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EclSiteHeaderCoreLoginComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ecl-site-header-core-login', styles: [`
        .ecl-site-header-core__login-toggle .ecl-site-header-core__login-arrow {
            display: inline-flex;
        }
    `], template: "<ng-container *ngIf=\"!isLoggedIn\">\n    <a href=\"#\"\n        variant=\"standalone\" \n        class=\"ecl-button ecl-button--ghost ecl-site-header-core__login-toggle\" \n        [attr.aria-expanded]=\"isLoginBoxActive\"\n        (click)=\"onLoginClick($event)\">\n        <ecl-icon icon=\"log-in\" size=\"s\" class=\"ecl-site-header-core__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-core__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-core__icon\"></ecl-icon>\n        {{ 'ecl.site-header.LOGGED-IN' | translate }}\n        <ecl-icon icon=\"corner-arrow\" size=\"xs\" class=\"ecl-site-header-core__login-arrow\"></ecl-icon>\n    </a>\n    <div class=\"{{ getLoginBoxCssClasses() }}\">\n        <ng-content></ng-content>\n    </div>\n</ng-container>" }]
        }], propDecorators: { class: [{
                type: HostBinding,
                args: ['class']
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNsLXNpdGUtaGVhZGVyLWNvcmUtbG9naW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2VjbC1zaXRlLWhlYWRlci9lY2wtc2l0ZS1oZWFkZXItY29yZS9sb2dpbi9lY2wtc2l0ZS1oZWFkZXItY29yZS1sb2dpbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZWNsLXNpdGUtaGVhZGVyL2VjbC1zaXRlLWhlYWRlci1jb3JlL2xvZ2luL2VjbC1zaXRlLWhlYWRlci1jb3JlLWxvZ2luLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBRWxFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDhDQUE4QyxDQUFDOzs7OztBQVczRixNQUFNLE9BQU8sK0JBQWdDLFNBQVEsMkJBQTJCO0lBVGhGOztRQVUwQixVQUFLLEdBQUcsdUNBQXVDLENBQUM7S0FRekU7SUFORyxxQkFBcUI7UUFDakIsT0FBTztZQUNILGlDQUFpQztZQUNqQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLHlDQUF5QyxDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQ3pFLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2hCLENBQUM7O2dKQVJRLCtCQUErQjtvSUFBL0IsK0JBQStCLDBJQ2I1QyxtbENBdUJlOzRGRFZGLCtCQUErQjtrQkFUM0MsU0FBUzsrQkFDSSw0QkFBNEIsVUFFOUIsQ0FBQzs7OztLQUlSLENBQUM7OEJBR29CLEtBQUs7c0JBQTFCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIE9uQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRWNsQmFzZUV2ZW50IH0gZnJvbSAnLi4vLi4vLi4vLi4vbW9kZWwvZWNsLWJhc2UuZXZlbnQnO1xuaW1wb3J0IHsgRWNsU2l0ZUhlYWRlckxvZ2luQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vY29tbW9uL2VjbC1zaXRlLWhlYWRlci1sb2dpbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2VjbC1zaXRlLWhlYWRlci1jb3JlLWxvZ2luJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZWNsLXNpdGUtaGVhZGVyLWNvcmUtbG9naW4uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlczogW2BcbiAgICAgICAgLmVjbC1zaXRlLWhlYWRlci1jb3JlX19sb2dpbi10b2dnbGUgLmVjbC1zaXRlLWhlYWRlci1jb3JlX19sb2dpbi1hcnJvdyB7XG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgICAgfVxuICAgIGBdXG59KVxuZXhwb3J0IGNsYXNzIEVjbFNpdGVIZWFkZXJDb3JlTG9naW5Db21wb25lbnQgZXh0ZW5kcyBFY2xTaXRlSGVhZGVyTG9naW5Db21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzcyA9ICdlY2wtc2l0ZS1oZWFkZXItY29yZV9fbG9naW4tY29udGFpbmVyJztcblxuICAgIGdldExvZ2luQm94Q3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgJ2VjbC1zaXRlLWhlYWRlci1jb3JlX19sb2dpbi1ib3gnLFxuICAgICAgICAgICAgdGhpcy5pc0xvZ2luQm94QWN0aXZlID8gJ2VjbC1zaXRlLWhlYWRlci1jb3JlX19sb2dpbi1ib3gtLWFjdGl2ZScgOiAnJ1xuICAgICAgICBdLmpvaW4oJyAnKTtcbiAgICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiIWlzTG9nZ2VkSW5cIj5cbiAgICA8YSBocmVmPVwiI1wiXG4gICAgICAgIHZhcmlhbnQ9XCJzdGFuZGFsb25lXCIgXG4gICAgICAgIGNsYXNzPVwiZWNsLWJ1dHRvbiBlY2wtYnV0dG9uLS1naG9zdCBlY2wtc2l0ZS1oZWFkZXItY29yZV9fbG9naW4tdG9nZ2xlXCIgXG4gICAgICAgIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiaXNMb2dpbkJveEFjdGl2ZVwiXG4gICAgICAgIChjbGljayk9XCJvbkxvZ2luQ2xpY2soJGV2ZW50KVwiPlxuICAgICAgICA8ZWNsLWljb24gaWNvbj1cImxvZy1pblwiIHNpemU9XCJzXCIgY2xhc3M9XCJlY2wtc2l0ZS1oZWFkZXItY29yZV9faWNvblwiPjwvZWNsLWljb24+XG4gICAgICAgIHt7ICdlY2wuc2l0ZS1oZWFkZXIuTE9HSU4nIHwgdHJhbnNsYXRlIH19XG4gICAgPC9hPlxuPC9uZy1jb250YWluZXI+XG48bmctY29udGFpbmVyICpuZ0lmPVwiaXNMb2dnZWRJblwiPlxuICAgIDxhIGhyZWY9XCIjXCJcbiAgICAgICAgY2xhc3M9XCJlY2wtYnV0dG9uIGVjbC1idXR0b24tLWdob3N0IGVjbC1zaXRlLWhlYWRlci1jb3JlX19sb2dpbi10b2dnbGVcIiBcbiAgICAgICAgYXJpYS1jb250cm9scz1cImxvZ2luLWJveC1pZFwiIFxuICAgICAgICBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cImlzTG9naW5Cb3hBY3RpdmVcIlxuICAgICAgICAoY2xpY2spPVwib25Mb2dpbkJveFRvZ2dsZSgkZXZlbnQpXCI+XG4gICAgICAgIDxlY2wtaWNvbiBpY29uPVwibG9nZ2VkLWluXCIgc2l6ZT1cInNcIiBjbGFzcz1cImVjbC1zaXRlLWhlYWRlci1jb3JlX19pY29uXCI+PC9lY2wtaWNvbj5cbiAgICAgICAge3sgJ2VjbC5zaXRlLWhlYWRlci5MT0dHRUQtSU4nIHwgdHJhbnNsYXRlIH19XG4gICAgICAgIDxlY2wtaWNvbiBpY29uPVwiY29ybmVyLWFycm93XCIgc2l6ZT1cInhzXCIgY2xhc3M9XCJlY2wtc2l0ZS1oZWFkZXItY29yZV9fbG9naW4tYXJyb3dcIj48L2VjbC1pY29uPlxuICAgIDwvYT5cbiAgICA8ZGl2IGNsYXNzPVwie3sgZ2V0TG9naW5Cb3hDc3NDbGFzc2VzKCkgfX1cIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuPC9uZy1jb250YWluZXI+Il19