/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, EventEmitter, Output } from '@angular/core';
import { AuthService } from '@bidi/common-services';
export class HeaderV2Component {
    /**
     * @param {?} auth
     */
    constructor(auth) {
        this.auth = auth;
        this.viewNotifications = new EventEmitter();
    }
    /**
     * @param {?} panel
     * @return {?}
     */
    openLeftPanel(panel) {
        this.viewNotifications.emit(panel);
    }
}
HeaderV2Component.decorators = [
    { type: Component, args: [{
                selector: 'bidi-header-v2',
                template: "<div class=\"header-content\">\n  <div class=\"logo\">\n        <svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n         xml:space=\"preserve\"\n         x=\"0px\" y=\"0px\"\n         viewBox=\"0 0 75 78\"\n         style=\"enable-background: new 0 0 75 78; height: 38px;  width: 38px;\">\n      <style type=\"text/css\">\n        .st0 {\n          font-family: 'Lato-BlackItalic';\n        }\n\n        .st1 {\n          font-size: 43.5246px;\n        }\n      </style>\n      <text transform=\"matrix(1.1443 0 0 1 18.6763 52.6157)\" class=\"st0 st1\">T</text>\n      <path d=\"M54.7,5.5c10.3,9.3,14.9,24,10.6,38.2c-5.9,19.5-26.5,30.5-46,24.5c-3.4-1-6.5-2.5-9.4-4.4c3.9,3.5,8.6,6.2,13.9,7.8\n        c19.5,5.9,40.1-5.1,46-24.5C74.7,31.1,68.1,14.3,54.7,5.5z\"/>\n      </svg>\n  </div>\n  <div class=\"content\">\n    <div class=\"welcome is-capitalized\">\n      \u00A1Hola, {{ (auth.userInfo$ | async).given_name }} {{ (auth.userInfo$ | async).family_name }}!\n      <div class=\"icon-welcome\">\n        <svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n             x=\"0px\" y=\"0px\"\n             viewBox=\"0 0 525.153 525.153\"\n             style=\"height: 1.68em;  width: 1.68em; enable-background:new 0 0 525.153 525.153;\" xml:space=\"preserve\">\n            <g>\n                <path d=\"M262.357,0C117.393,0,0,117.634,0,262.576c0,144.92,117.393,262.576,262.357,262.576\n                  c145.183,0,262.795-117.656,262.795-262.576C525.153,117.634,407.54,0,262.357,0z M262.576,472.637\n                  c-116.037,0-210.105-93.98-210.105-210.061S146.539,52.515,262.576,52.515s210.105,93.98,210.105,210.061\n                  S378.613,472.637,262.576,472.637z M354.456,236.341c21.838,0,39.408-17.614,39.408-39.408s-17.571-39.408-39.408-39.408\n                  c-21.75,0-39.408,17.614-39.408,39.408S332.706,236.341,354.456,236.341z M170.696,236.341c21.75,0,39.408-17.615,39.408-39.408\n                  s-17.658-39.408-39.408-39.408c-21.838,0-39.408,17.614-39.408,39.408S148.859,236.341,170.696,236.341z M262.576,406.993\n                  c61.158,0,113.214-38.314,134.198-91.88H128.378C149.362,368.679,201.418,406.993,262.576,406.993z\"/>\n              </g>\n              </svg>\n      </div>\n    </div>\n    <div class=\"notifications\">\n      <bidi-notification-launcher (click)=\"openLeftPanel(2)\"></bidi-notification-launcher>\n    </div>\n  </div>\n</div>\n",
                styles: [".header-content{height:58px;z-index:1;position:relative;box-shadow:0 1px 0 0 rgba(0,0,0,.1)!important}.header-content .logo{height:67px;width:80px;box-shadow:1px 0 0 0 rgba(0,0,0,.1);float:left;text-align:center;padding-top:8px;position:absolute}.header-content .content{height:67px;margin-left:80px}.header-content .welcome{width:20%;position:absolute;font-family:Lato;font-size:18px;font-weight:700;font-style:normal;font-stretch:normal;letter-spacing:normal;color:#939393;margin-top:14px;margin-left:41px}.header-content .welcome .icon-welcome{position:absolute;width:47px!important;padding-left:15px;color:#338ec9}.header-content .notifications{float:right;margin:.5% 3% 0 0}.header-content .notifications p{text-align:center;color:#555;font-weight:700}.header-content .notification-content{position:absolute;top:0;z-index:500;left:-100%;transition:.25s}.header-content .notification-content.active{left:46px}"]
            }] }
];
/** @nocollapse */
HeaderV2Component.ctorParameters = () => [
    { type: AuthService }
];
HeaderV2Component.propDecorators = {
    viewNotifications: [{ type: Output }]
};
if (false) {
    /** @type {?} */
    HeaderV2Component.prototype.viewNotifications;
    /** @type {?} */
    HeaderV2Component.prototype.auth;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLXYyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BiaWRpL2NvbW1vbi1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsibGliL21vZHVsZXMvaGVhZGVyLXYyL2hlYWRlci12Mi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFPcEQsTUFBTSxPQUFPLGlCQUFpQjs7OztJQUc1QixZQUFvQixJQUFpQjtRQUFqQixTQUFJLEdBQUosSUFBSSxDQUFhO1FBRjNCLHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFHakQsQ0FBQzs7Ozs7SUFFRCxhQUFhLENBQUUsS0FBSztRQUNsQixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3JDLENBQUM7OztZQWJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2dCQUMxQixzK0VBQXlDOzthQUUxQzs7OztZQU5RLFdBQVc7OztnQ0FRakIsTUFBTTs7OztJQUFQLDhDQUFpRDs7SUFFcEMsaUNBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQXV0aFNlcnZpY2UgfSBmcm9tICdAYmlkaS9jb21tb24tc2VydmljZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdiaWRpLWhlYWRlci12MicsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWFkZXItdjIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9oZWFkZXItdjIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBIZWFkZXJWMkNvbXBvbmVudCB7XG4gIEBPdXRwdXQoKSB2aWV3Tm90aWZpY2F0aW9ucyA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3RvciAocHVibGljIGF1dGg6IEF1dGhTZXJ2aWNlKSB7XG4gIH1cblxuICBvcGVuTGVmdFBhbmVsIChwYW5lbCkge1xuICAgIHRoaXMudmlld05vdGlmaWNhdGlvbnMuZW1pdChwYW5lbCk7XG4gIH1cbn1cbiJdfQ==