import { Component, HostBinding, Input } from '@angular/core';
export class OverviewBlockComponent {
    constructor() {
    }
    ngOnInit() {
    }
}
OverviewBlockComponent.decorators = [
    { type: Component, args: [{
                selector: 'ui-overview-block',
                template: "<div class=\"header\">\n  <div class=\"header__left\">\n    <ng-content select=\"ui-overview-block-title\"></ng-content>\n    <ng-content select=\"ui-overview-block-balance\"></ng-content>\n  </div>\n  <div class=\"header__right\">\n    <ng-container *ngTemplateOutlet=\"menu\"></ng-container>\n  </div>\n</div>\n<div class=\"footer\">\n  <div class=\"footer__left\">\n    <ng-content select=\"ui-overview-block-info\"></ng-content>\n  </div>\n  <div class=\"footer__right\">\n    <ng-container *ngIf=\"actions else status\">\n      <ng-container *ngTemplateOutlet=\"actions\"></ng-container>\n    </ng-container>\n    <ng-template #status>\n      <ng-content select=\"ui-overview-block-status\"></ng-content>\n    </ng-template>\n  </div>\n</div>\n",
                styles: [".transition{transition:all .5s ease-in}.transition-fast{transition:all .2s ease-in}:host{--overview-padding:20px;display:flex;flex-flow:column;justify-content:space-between;background:#ededf2;padding:var(--overview-padding);border-radius:8px;min-height:200px}@media (min-width:1152px){:host{--overview-padding:32px}}:host[color=black]{background:#000;color:#eee}:host[size=l]{min-height:280px}.header{display:flex;position:relative;padding-bottom:34px;min-width:0}.header__left{flex:1;padding-right:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.footer{display:flex;flex-flow:wrap;justify-content:flex-end;align-items:center;margin:-10px 0}.footer__left,.footer__right{margin:10px 0}.footer__left{flex:1}"]
            },] }
];
OverviewBlockComponent.ctorParameters = () => [];
OverviewBlockComponent.propDecorators = {
    color: [{ type: HostBinding, args: ['attr.color',] }, { type: Input }],
    size: [{ type: HostBinding, args: ['attr.size',] }, { type: Input }],
    menu: [{ type: Input }],
    actions: [{ type: Input }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcnZpZXctYmxvY2suY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vdWkta2l0L3NyYy9saWIvb3ZlcnZpZXctYmxvY2svb3ZlcnZpZXctYmxvY2suY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBc0IsTUFBTSxlQUFlLENBQUM7QUFPakYsTUFBTSxPQUFPLHNCQUFzQjtJQVFqQztJQUNBLENBQUM7SUFFRCxRQUFRO0lBQ1IsQ0FBQzs7O1lBakJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsbUJBQW1CO2dCQUM3Qix5dkJBQThDOzthQUUvQzs7OztvQkFHRSxXQUFXLFNBQUMsWUFBWSxjQUFHLEtBQUs7bUJBQ2hDLFdBQVcsU0FBQyxXQUFXLGNBQUcsS0FBSzttQkFFL0IsS0FBSztzQkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0LCBUZW1wbGF0ZVJlZn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLW92ZXJ2aWV3LWJsb2NrJyxcbiAgdGVtcGxhdGVVcmw6ICcuL292ZXJ2aWV3LWJsb2NrLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vb3ZlcnZpZXctYmxvY2suY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBPdmVydmlld0Jsb2NrQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuY29sb3InKSBASW5wdXQoKSBjb2xvcjogc3RyaW5nO1xuICBASG9zdEJpbmRpbmcoJ2F0dHIuc2l6ZScpIEBJbnB1dCgpIHNpemU6IHN0cmluZztcblxuICBASW5wdXQoKSBtZW51OiBUZW1wbGF0ZVJlZjxhbnk+O1xuICBASW5wdXQoKSBhY3Rpb25zOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gIH1cblxufVxuIl19