@taiga-ui/layout
Version:
A package with Taiga UI layout components
23 lines • 9.61 kB
JavaScript
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation, } from '@angular/core';
import * as i0 from "@angular/core";
class TuiBlockStatusComponent {
constructor() {
this.card = false;
this.size = 'l';
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBlockStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiBlockStatusComponent, isStandalone: true, selector: "tui-block-status", inputs: { card: "card", size: "size" }, host: { properties: { "class._card": "card", "attr.data-size": "size" } }, ngImport: i0, template: "<div class=\"t-block-image\">\n <ng-content select=\"[tuiSlot='top']\" />\n</div>\n\n<ng-content select=\"h1,h2,h3,h4,h5,h6\" />\n\n<div class=\"t-block-text\">\n <ng-content />\n</div>\n\n<div class=\"t-block-actions\">\n <ng-content select=\"a,button,[tuiSlot='action']\" />\n</div>\n", styles: ["tui-block-status{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;overflow:hidden;inline-size:100%;block-size:100%}tui-block-status._card{border-radius:var(--tui-radius-xl);padding:2rem}tui-block-status .t-block-image:empty,tui-block-status .t-block-text:empty,tui-block-status .t-block-actions:empty{display:none}tui-block-status .t-block-image:not(:empty){display:flex;margin-block-end:2rem}tui-block-status .t-block-text:not(:empty){font:var(--tui-font-text-m);color:var(--tui-text-secondary);white-space:pre-line}tui-block-status .t-block-actions:not(:empty){display:flex;flex-direction:column;align-items:center;inline-size:100%;margin-block-start:2rem}tui-block-status h1,tui-block-status h2,tui-block-status h3,tui-block-status h4,tui-block-status h5,tui-block-status h6{font:var(--tui-font-heading-4);margin:0}tui-block-status h1~.t-block-text:not(:empty),tui-block-status h2~.t-block-text:not(:empty),tui-block-status h3~.t-block-text:not(:empty),tui-block-status h4~.t-block-text:not(:empty),tui-block-status h5~.t-block-text:not(:empty),tui-block-status h6~.t-block-text:not(:empty){margin-block-start:1rem}tui-block-status img{inline-size:9rem;block-size:9rem}tui-block-status a:not(:last-child),tui-block-status button:not(:last-child){margin-block-end:.75rem}[data-platform=web] tui-block-status[data-size=m] h1,[data-platform=web] tui-block-status[data-size=m] h2,[data-platform=web] tui-block-status[data-size=m] h3,[data-platform=web] tui-block-status[data-size=m] h4,[data-platform=web] tui-block-status[data-size=m] h5,[data-platform=web] tui-block-status[data-size=m] h6{font:var(--tui-font-heading-6);margin-block-start:0}[data-platform=web] tui-block-status[data-size=m] h1~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h2~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h3~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h4~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h5~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h6~.t-block-text:not(:empty){margin-block-start:.75rem}[data-platform=web] tui-block-status[data-size=m] img{inline-size:6rem;block-size:6rem}[data-platform=web] tui-block-status[data-size=m] .t-block-text:not(:empty){font:var(--tui-font-text-s)}[data-platform=web] tui-block-status[data-size=m] .t-block-actions:not(:empty){margin-block-start:1.5rem}[data-platform=web] tui-block-status[data-size=m] .t-block-image:not(:empty){margin-block-end:1.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
export { TuiBlockStatusComponent };
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBlockStatusComponent, decorators: [{
type: Component,
args: [{ standalone: true, selector: 'tui-block-status', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
'[class._card]': 'card',
'[attr.data-size]': 'size',
}, template: "<div class=\"t-block-image\">\n <ng-content select=\"[tuiSlot='top']\" />\n</div>\n\n<ng-content select=\"h1,h2,h3,h4,h5,h6\" />\n\n<div class=\"t-block-text\">\n <ng-content />\n</div>\n\n<div class=\"t-block-actions\">\n <ng-content select=\"a,button,[tuiSlot='action']\" />\n</div>\n", styles: ["tui-block-status{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;overflow:hidden;inline-size:100%;block-size:100%}tui-block-status._card{border-radius:var(--tui-radius-xl);padding:2rem}tui-block-status .t-block-image:empty,tui-block-status .t-block-text:empty,tui-block-status .t-block-actions:empty{display:none}tui-block-status .t-block-image:not(:empty){display:flex;margin-block-end:2rem}tui-block-status .t-block-text:not(:empty){font:var(--tui-font-text-m);color:var(--tui-text-secondary);white-space:pre-line}tui-block-status .t-block-actions:not(:empty){display:flex;flex-direction:column;align-items:center;inline-size:100%;margin-block-start:2rem}tui-block-status h1,tui-block-status h2,tui-block-status h3,tui-block-status h4,tui-block-status h5,tui-block-status h6{font:var(--tui-font-heading-4);margin:0}tui-block-status h1~.t-block-text:not(:empty),tui-block-status h2~.t-block-text:not(:empty),tui-block-status h3~.t-block-text:not(:empty),tui-block-status h4~.t-block-text:not(:empty),tui-block-status h5~.t-block-text:not(:empty),tui-block-status h6~.t-block-text:not(:empty){margin-block-start:1rem}tui-block-status img{inline-size:9rem;block-size:9rem}tui-block-status a:not(:last-child),tui-block-status button:not(:last-child){margin-block-end:.75rem}[data-platform=web] tui-block-status[data-size=m] h1,[data-platform=web] tui-block-status[data-size=m] h2,[data-platform=web] tui-block-status[data-size=m] h3,[data-platform=web] tui-block-status[data-size=m] h4,[data-platform=web] tui-block-status[data-size=m] h5,[data-platform=web] tui-block-status[data-size=m] h6{font:var(--tui-font-heading-6);margin-block-start:0}[data-platform=web] tui-block-status[data-size=m] h1~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h2~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h3~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h4~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h5~.t-block-text:not(:empty),[data-platform=web] tui-block-status[data-size=m] h6~.t-block-text:not(:empty){margin-block-start:.75rem}[data-platform=web] tui-block-status[data-size=m] img{inline-size:6rem;block-size:6rem}[data-platform=web] tui-block-status[data-size=m] .t-block-text:not(:empty){font:var(--tui-font-text-s)}[data-platform=web] tui-block-status[data-size=m] .t-block-actions:not(:empty){margin-block-start:1.5rem}[data-platform=web] tui-block-status[data-size=m] .t-block-image:not(:empty){margin-block-end:1.5rem}\n"] }]
}], propDecorators: { card: [{
type: Input
}], size: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2stc3RhdHVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xheW91dC9jb21wb25lbnRzL2Jsb2NrLXN0YXR1cy9ibG9jay1zdGF0dXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbGF5b3V0L2NvbXBvbmVudHMvYmxvY2stc3RhdHVzL2Jsb2NrLXN0YXR1cy50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTCxpQkFBaUIsR0FDcEIsTUFBTSxlQUFlLENBQUM7O0FBR3ZCLE1BWWEsdUJBQXVCO0lBWnBDO1FBY1csU0FBSSxHQUFHLEtBQUssQ0FBQztRQUdiLFNBQUksR0FBYSxHQUFHLENBQUM7S0FDL0I7K0dBTlksdUJBQXVCO21HQUF2Qix1QkFBdUIsK0xDcEJwQyx5U0FhQTs7U0RPYSx1QkFBdUI7NEZBQXZCLHVCQUF1QjtrQkFabkMsU0FBUztpQ0FDTSxJQUFJLFlBQ04sa0JBQWtCLGlCQUdiLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0YsZUFBZSxFQUFFLE1BQU07d0JBQ3ZCLGtCQUFrQixFQUFFLE1BQU07cUJBQzdCOzhCQUlNLElBQUk7c0JBRFYsS0FBSztnQkFJQyxJQUFJO3NCQURWLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBJbnB1dCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge3R5cGUgVHVpU2l6ZUx9IGZyb20gJ0B0YWlnYS11aS9jb3JlL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ3R1aS1ibG9jay1zdGF0dXMnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ibG9jay1zdGF0dXMudGVtcGxhdGUuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYmxvY2stc3RhdHVzLnN0eWxlLmxlc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1tjbGFzcy5fY2FyZF0nOiAnY2FyZCcsXG4gICAgICAgICdbYXR0ci5kYXRhLXNpemVdJzogJ3NpemUnLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUJsb2NrU3RhdHVzQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBjYXJkID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzaXplOiBUdWlTaXplTCA9ICdsJztcbn1cbiIsIjxkaXYgY2xhc3M9XCJ0LWJsb2NrLWltYWdlXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3R1aVNsb3Q9J3RvcCddXCIgLz5cbjwvZGl2PlxuXG48bmctY29udGVudCBzZWxlY3Q9XCJoMSxoMixoMyxoNCxoNSxoNlwiIC8+XG5cbjxkaXYgY2xhc3M9XCJ0LWJsb2NrLXRleHRcIj5cbiAgICA8bmctY29udGVudCAvPlxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJ0LWJsb2NrLWFjdGlvbnNcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJhLGJ1dHRvbixbdHVpU2xvdD0nYWN0aW9uJ11cIiAvPlxuPC9kaXY+XG4iXX0=