/**
 * @fileoverview added by tsickle
 * Generated from: lib/dialog-header/dialog-header.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
var BbDialogHeader = /** @class */ (function () {
    function BbDialogHeader() {
        // Inputs.
        this.iconName = null;
        this.iconColor = 'black';
        // Outputs.
        this.closeRequested = new EventEmitter();
    }
    BbDialogHeader.decorators = [
        { type: Component, args: [{
                    selector: '[bb-dialog-header]',
                    template: "<div class=\"bb-dialog-header-row\">\r\n    <div *ngIf=\"iconName as icon\"\r\n         [style.color]=\"iconColor\"\r\n         class=\"bb-dialog-header-icon\">\r\n        <i class=\"material-icons\">{{ icon }}</i>\r\n    </div>\r\n\r\n    <div class=\"bb-dialog-header-content\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n    <button *ngIf=\"closeRequested?.observers?.length > 0\"\r\n            (click)=\"closeRequested?.emit()\"\r\n            type=\"button\"\r\n            class=\"bb-dialog-header-close\">\r\n    </button>\r\n</div>\r\n\r\n<nav class=\"bb-dialog-header-navigation\">\r\n    <ng-content select=\"[bb-dialog-link]\"></ng-content>\r\n</nav>\r\n",
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    encapsulation: ViewEncapsulation.None,
                    preserveWhitespaces: false,
                    host: { 'class': 'bb-dialog-header' },
                    styles: [".bb-dialog-header{display:-ms-flexbox;display:flex;min-height:60px;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:1px solid #d8d8d8}.bb-dialog-header .bb-dialog-header-content,.bb-dialog-header .bb-dialog-header-content h1{max-width:100%;font-size:20px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bb-dialog-header-navigation,.bb-dialog-header-row{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bb-dialog-header-row{padding:10px 20px}.bb-dialog-header-navigation{width:100%;padding:0 20px;overflow-x:auto;white-space:nowrap}.bb-dialog-header-navigation:empty{margin:0;height:0;padding:0;visibility:hidden}.bb-dialog-header-content{-ms-flex:1;flex:1}.bb-dialog-header-icon{width:40px;height:40px;display:-ms-flexbox;display:flex;min-width:40px;overflow:hidden;min-height:40px;margin-right:10px;border-radius:50%;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bb-dialog-header-icon:after{top:0;left:0;right:0;bottom:0;content:\"\";opacity:.14;position:absolute;background-color:currentColor}.bb-dialog-header-close{width:32px;height:32px;border:none;min-width:32px;min-height:32px;overflow:hidden;margin-left:10px;border-radius:4px;position:relative;margin-right:-10px;display:inline-block;background-color:transparent}.bb-dialog-header-close:after,.bb-dialog-header-close:before{top:50%;left:20%;width:60%;height:2px;content:\"\";margin-top:-1px;position:absolute;background-color:#a2a9ba}.bb-dialog-header-close:before{-ms-transform:rotate(45deg);transform:rotate(45deg)}.bb-dialog-header-close:after{-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.bb-dialog-header-close:hover{background-color:rgba(0,0,0,.08)}.bb-dialog-header-close:focus{background-color:rgba(0,0,0,.12)}.bb-dialog-header-close:active{background-color:rgba(0,0,0,.16)}"]
                }] }
    ];
    BbDialogHeader.propDecorators = {
        iconName: [{ type: Input }],
        iconColor: [{ type: Input }],
        closeRequested: [{ type: Output }]
    };
    return BbDialogHeader;
}());
export { BbDialogHeader };
if (false) {
    /** @type {?} */
    BbDialogHeader.prototype.iconName;
    /** @type {?} */
    BbDialogHeader.prototype.iconColor;
    /** @type {?} */
    BbDialogHeader.prototype.closeRequested;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AYnJhdm9iaXQvYmItZm91bmRhdGlvbi9kaWFsb2cvIiwic291cmNlcyI6WyJsaWIvZGlhbG9nLWhlYWRlci9kaWFsb2ctaGVhZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFakg7SUFBQTs7UUFZYSxhQUFRLEdBQWtCLElBQUksQ0FBQztRQUMvQixjQUFTLEdBQVcsT0FBTyxDQUFDOztRQUczQixtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFFeEQsQ0FBQzs7Z0JBbEJBLFNBQVMsU0FBQztvQkFDUCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixxckJBQTZDO29CQUU3QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLG1CQUFtQixFQUFFLEtBQUs7b0JBQzFCLElBQUksRUFBRSxFQUFDLE9BQU8sRUFBRSxrQkFBa0IsRUFBQzs7aUJBQ3RDOzs7MkJBSUksS0FBSzs0QkFDTCxLQUFLO2lDQUdMLE1BQU07O0lBRVgscUJBQUM7Q0FBQSxBQWxCRCxJQWtCQztTQVRZLGNBQWM7OztJQUd2QixrQ0FBd0M7O0lBQ3hDLG1DQUFxQzs7SUFHckMsd0NBQW9EIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdbYmItZGlhbG9nLWhlYWRlcl0nLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2RpYWxvZy1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vZGlhbG9nLWhlYWRlci5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gICAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXHJcbiAgICBob3N0OiB7J2NsYXNzJzogJ2JiLWRpYWxvZy1oZWFkZXInfVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQmJEaWFsb2dIZWFkZXIge1xyXG5cclxuICAgIC8vIElucHV0cy5cclxuICAgIEBJbnB1dCgpIGljb25OYW1lOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcclxuICAgIEBJbnB1dCgpIGljb25Db2xvcjogc3RyaW5nID0gJ2JsYWNrJztcclxuXHJcbiAgICAvLyBPdXRwdXRzLlxyXG4gICAgQE91dHB1dCgpIGNsb3NlUmVxdWVzdGVkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxufVxyXG4iXX0=