import { __decorate } from "tslib";
import { Component, HostBinding, Input } from '@angular/core';
var OverviewBlockComponent = /** @class */ (function () {
    function OverviewBlockComponent() {
    }
    OverviewBlockComponent.prototype.ngOnInit = function () {
    };
    __decorate([
        HostBinding('attr.color'), Input()
    ], OverviewBlockComponent.prototype, "color", void 0);
    __decorate([
        HostBinding('attr.size'), Input()
    ], OverviewBlockComponent.prototype, "size", void 0);
    __decorate([
        Input()
    ], OverviewBlockComponent.prototype, "menu", void 0);
    __decorate([
        Input()
    ], OverviewBlockComponent.prototype, "actions", void 0);
    OverviewBlockComponent = __decorate([
        Component({
            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:.5s ease-in}.transition-fast{transition:.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);
    return OverviewBlockComponent;
}());
export { OverviewBlockComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcnZpZXctYmxvY2suY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGNiZGV2L3VpLWtpdC8iLCJzb3VyY2VzIjpbImxpYi9vdmVydmlldy1ibG9jay9vdmVydmlldy1ibG9jay5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBc0IsTUFBTSxlQUFlLENBQUM7QUFPakY7SUFRRTtJQUNBLENBQUM7SUFFRCx5Q0FBUSxHQUFSO0lBQ0EsQ0FBQztJQVZtQztRQUFuQyxXQUFXLENBQUMsWUFBWSxDQUFDLEVBQUUsS0FBSyxFQUFFO3lEQUFlO0lBQ2Y7UUFBbEMsV0FBVyxDQUFDLFdBQVcsQ0FBQyxFQUFFLEtBQUssRUFBRTt3REFBYztJQUV2QztRQUFSLEtBQUssRUFBRTt3REFBd0I7SUFDdkI7UUFBUixLQUFLLEVBQUU7MkRBQTJCO0lBTnhCLHNCQUFzQjtRQUxsQyxTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsbUJBQW1CO1lBQzdCLHl2QkFBOEM7O1NBRS9DLENBQUM7T0FDVyxzQkFBc0IsQ0FjbEM7SUFBRCw2QkFBQztDQUFBLEFBZEQsSUFjQztTQWRZLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCwgVGVtcGxhdGVSZWZ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1vdmVydmlldy1ibG9jaycsXG4gIHRlbXBsYXRlVXJsOiAnLi9vdmVydmlldy1ibG9jay5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL292ZXJ2aWV3LWJsb2NrLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgT3ZlcnZpZXdCbG9ja0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmNvbG9yJykgQElucHV0KCkgY29sb3I6IHN0cmluZztcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLnNpemUnKSBASW5wdXQoKSBzaXplOiBzdHJpbmc7XG5cbiAgQElucHV0KCkgbWVudTogVGVtcGxhdGVSZWY8YW55PjtcbiAgQElucHV0KCkgYWN0aW9uczogVGVtcGxhdGVSZWY8YW55PjtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICB9XG5cbn1cbiJdfQ==