@taiga-ui/layout 4.13.0 → 4.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/block-status/block-status.component.d.ts +3 -1
- package/esm2022/components/block-status/block-status.component.mjs +7 -3
- package/fesm2022/taiga-ui-layout-components-block-status.mjs +6 -2
- package/fesm2022/taiga-ui-layout-components-block-status.mjs.map +1 -1
- package/package.json +5 -5
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
import type { TuiSizeL } from '@taiga-ui/core/types';
|
|
1
2
|
import * as i0 from "@angular/core";
|
|
2
3
|
export declare class TuiBlockStatusComponent {
|
|
3
4
|
card: boolean;
|
|
5
|
+
size: TuiSizeL;
|
|
4
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiBlockStatusComponent, never>;
|
|
5
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiBlockStatusComponent, "tui-block-status", never, { "card": { "alias": "card"; "required": false; }; }, {}, never, ["[tuiSlot='top']", "h1,h2,h3,h4,h5,h6", "*", "a,button,[tuiSlot='action']"], true, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiBlockStatusComponent, "tui-block-status", never, { "card": { "alias": "card"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["[tuiSlot='top']", "h1,h2,h3,h4,h5,h6", "*", "a,button,[tuiSlot='action']"], true, never>;
|
|
6
8
|
}
|
|
@@ -3,17 +3,21 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
class TuiBlockStatusComponent {
|
|
4
4
|
constructor() {
|
|
5
5
|
this.card = false;
|
|
6
|
+
this.size = 'l';
|
|
6
7
|
}
|
|
7
8
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBlockStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiBlockStatusComponent, isStandalone: true, selector: "tui-block-status", inputs: { card: "card" }, host: { properties: { "class._card": "card" } }, 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{margin-bottom:2rem}tui-block-status .t-block-text:not(:empty){font:var(--tui-font-text-m);color:var(--tui-text-secondary);margin-bottom:2rem;white-space:pre-line}tui-block-status .t-block-actions:not(:empty){display:flex;flex-direction:column;align-items:center;inline-size:100%}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-top:0;margin-bottom: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-bottom:.75rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
9
|
+
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{margin-bottom:2rem}tui-block-status .t-block-text:not(:empty){font:var(--tui-font-text-m);color:var(--tui-text-secondary);margin-bottom:2rem;white-space:pre-line}tui-block-status .t-block-actions:not(:empty){display:flex;flex-direction:column;align-items:center;inline-size:100%}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-top:0;margin-bottom: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-bottom:.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-top:0;margin-bottom:.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);margin-bottom:1.5rem}[data-platform=web] tui-block-status[data-size=m] .t-block-image{margin-bottom:1.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
9
10
|
}
|
|
10
11
|
export { TuiBlockStatusComponent };
|
|
11
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBlockStatusComponent, decorators: [{
|
|
12
13
|
type: Component,
|
|
13
14
|
args: [{ standalone: true, selector: 'tui-block-status', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
14
15
|
'[class._card]': 'card',
|
|
15
|
-
|
|
16
|
+
'[attr.data-size]': 'size',
|
|
17
|
+
}, 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{margin-bottom:2rem}tui-block-status .t-block-text:not(:empty){font:var(--tui-font-text-m);color:var(--tui-text-secondary);margin-bottom:2rem;white-space:pre-line}tui-block-status .t-block-actions:not(:empty){display:flex;flex-direction:column;align-items:center;inline-size:100%}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-top:0;margin-bottom: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-bottom:.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-top:0;margin-bottom:.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);margin-bottom:1.5rem}[data-platform=web] tui-block-status[data-size=m] .t-block-image{margin-bottom:1.5rem}\n"] }]
|
|
16
18
|
}], propDecorators: { card: [{
|
|
17
19
|
type: Input
|
|
20
|
+
}], size: [{
|
|
21
|
+
type: Input
|
|
18
22
|
}] } });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2stc3RhdHVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xheW91dC9jb21wb25lbnRzL2Jsb2NrLXN0YXR1cy9ibG9jay1zdGF0dXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbGF5b3V0L2NvbXBvbmVudHMvYmxvY2stc3RhdHVzL2Jsb2NrLXN0YXR1cy50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTCxpQkFBaUIsR0FDcEIsTUFBTSxlQUFlLENBQUM7O0FBR3ZCLE1BWWEsdUJBQXVCO0lBWnBDO1FBY1csU0FBSSxHQUFHLEtBQUssQ0FBQztRQUdiLFNBQUksR0FBYSxHQUFHLENBQUM7S0FDL0I7K0dBTlksdUJBQXVCO21HQUF2Qix1QkFBdUIsK0xDcEJwQyx5U0FhQTs7U0RPYSx1QkFBdUI7NEZBQXZCLHVCQUF1QjtrQkFabkMsU0FBUztpQ0FDTSxJQUFJLFlBQ04sa0JBQWtCLGlCQUdiLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0YsZUFBZSxFQUFFLE1BQU07d0JBQ3ZCLGtCQUFrQixFQUFFLE1BQU07cUJBQzdCOzhCQUlNLElBQUk7c0JBRFYsS0FBSztnQkFJQyxJQUFJO3NCQURWLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBJbnB1dCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgdHlwZSB7VHVpU2l6ZUx9IGZyb20gJ0B0YWlnYS11aS9jb3JlL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ3R1aS1ibG9jay1zdGF0dXMnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ibG9jay1zdGF0dXMudGVtcGxhdGUuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYmxvY2stc3RhdHVzLnN0eWxlLmxlc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1tjbGFzcy5fY2FyZF0nOiAnY2FyZCcsXG4gICAgICAgICdbYXR0ci5kYXRhLXNpemVdJzogJ3NpemUnLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUJsb2NrU3RhdHVzQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBjYXJkID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzaXplOiBUdWlTaXplTCA9ICdsJztcbn1cbiIsIjxkaXYgY2xhc3M9XCJ0LWJsb2NrLWltYWdlXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3R1aVNsb3Q9J3RvcCddXCIgLz5cbjwvZGl2PlxuXG48bmctY29udGVudCBzZWxlY3Q9XCJoMSxoMixoMyxoNCxoNSxoNlwiIC8+XG5cbjxkaXYgY2xhc3M9XCJ0LWJsb2NrLXRleHRcIj5cbiAgICA8bmctY29udGVudCAvPlxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJ0LWJsb2NrLWFjdGlvbnNcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJhLGJ1dHRvbixbdHVpU2xvdD0nYWN0aW9uJ11cIiAvPlxuPC9kaXY+XG4iXX0=
|
|
@@ -4,17 +4,21 @@ import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Directive
|
|
|
4
4
|
class TuiBlockStatusComponent {
|
|
5
5
|
constructor() {
|
|
6
6
|
this.card = false;
|
|
7
|
+
this.size = 'l';
|
|
7
8
|
}
|
|
8
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBlockStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiBlockStatusComponent, isStandalone: true, selector: "tui-block-status", inputs: { card: "card" }, host: { properties: { "class._card": "card" } }, 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{margin-bottom:2rem}tui-block-status .t-block-text:not(:empty){font:var(--tui-font-text-m);color:var(--tui-text-secondary);margin-bottom:2rem;white-space:pre-line}tui-block-status .t-block-actions:not(:empty){display:flex;flex-direction:column;align-items:center;inline-size:100%}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-top:0;margin-bottom: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-bottom:.75rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10
|
+
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{margin-bottom:2rem}tui-block-status .t-block-text:not(:empty){font:var(--tui-font-text-m);color:var(--tui-text-secondary);margin-bottom:2rem;white-space:pre-line}tui-block-status .t-block-actions:not(:empty){display:flex;flex-direction:column;align-items:center;inline-size:100%}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-top:0;margin-bottom: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-bottom:.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-top:0;margin-bottom:.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);margin-bottom:1.5rem}[data-platform=web] tui-block-status[data-size=m] .t-block-image{margin-bottom:1.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10
11
|
}
|
|
11
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBlockStatusComponent, decorators: [{
|
|
12
13
|
type: Component,
|
|
13
14
|
args: [{ standalone: true, selector: 'tui-block-status', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
14
15
|
'[class._card]': 'card',
|
|
15
|
-
|
|
16
|
+
'[attr.data-size]': 'size',
|
|
17
|
+
}, 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{margin-bottom:2rem}tui-block-status .t-block-text:not(:empty){font:var(--tui-font-text-m);color:var(--tui-text-secondary);margin-bottom:2rem;white-space:pre-line}tui-block-status .t-block-actions:not(:empty){display:flex;flex-direction:column;align-items:center;inline-size:100%}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-top:0;margin-bottom: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-bottom:.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-top:0;margin-bottom:.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);margin-bottom:1.5rem}[data-platform=web] tui-block-status[data-size=m] .t-block-image{margin-bottom:1.5rem}\n"] }]
|
|
16
18
|
}], propDecorators: { card: [{
|
|
17
19
|
type: Input
|
|
20
|
+
}], size: [{
|
|
21
|
+
type: Input
|
|
18
22
|
}] } });
|
|
19
23
|
|
|
20
24
|
class TuiBlockStatusDirective {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-layout-components-block-status.mjs","sources":["../../../projects/layout/components/block-status/block-status.component.ts","../../../projects/layout/components/block-status/block-status.template.html","../../../projects/layout/components/block-status/block-status.directive.ts","../../../projects/layout/components/block-status/block-status.ts","../../../projects/layout/components/block-status/taiga-ui-layout-components-block-status.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n Input,\n ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n standalone: true,\n selector: 'tui-block-status',\n templateUrl: './block-status.template.html',\n styleUrls: ['./block-status.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[class._card]': 'card',\n },\n})\nexport class TuiBlockStatusComponent {\n @Input()\n public card = false;\n}\n","<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","import {Directive, Input} from '@angular/core';\nimport type {TuiLooseUnion} from '@taiga-ui/cdk/types';\n\n@Directive({\n standalone: true,\n selector: '[tuiSlot]',\n})\nexport class TuiBlockStatusDirective {\n @Input()\n public tuiSlot: TuiLooseUnion<'action' | 'top'> = 'top';\n}\n","import {TuiBlockStatusComponent} from './block-status.component';\nimport {TuiBlockStatusDirective} from './block-status.directive';\n\nexport const TuiBlockStatus = [TuiBlockStatusComponent, TuiBlockStatusDirective] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"taiga-ui-layout-components-block-status.mjs","sources":["../../../projects/layout/components/block-status/block-status.component.ts","../../../projects/layout/components/block-status/block-status.template.html","../../../projects/layout/components/block-status/block-status.directive.ts","../../../projects/layout/components/block-status/block-status.ts","../../../projects/layout/components/block-status/taiga-ui-layout-components-block-status.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n Input,\n ViewEncapsulation,\n} from '@angular/core';\nimport type {TuiSizeL} from '@taiga-ui/core/types';\n\n@Component({\n standalone: true,\n selector: 'tui-block-status',\n templateUrl: './block-status.template.html',\n styleUrls: ['./block-status.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[class._card]': 'card',\n '[attr.data-size]': 'size',\n },\n})\nexport class TuiBlockStatusComponent {\n @Input()\n public card = false;\n\n @Input()\n public size: TuiSizeL = 'l';\n}\n","<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","import {Directive, Input} from '@angular/core';\nimport type {TuiLooseUnion} from '@taiga-ui/cdk/types';\n\n@Directive({\n standalone: true,\n selector: '[tuiSlot]',\n})\nexport class TuiBlockStatusDirective {\n @Input()\n public tuiSlot: TuiLooseUnion<'action' | 'top'> = 'top';\n}\n","import {TuiBlockStatusComponent} from './block-status.component';\nimport {TuiBlockStatusDirective} from './block-status.directive';\n\nexport const TuiBlockStatus = [TuiBlockStatusComponent, TuiBlockStatusDirective] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAQA,MAYa,uBAAuB,CAAA;AAZpC,IAAA,WAAA,GAAA;QAcW,IAAI,CAAA,IAAA,GAAG,KAAK,CAAC;QAGb,IAAI,CAAA,IAAA,GAAa,GAAG,CAAC;AAC/B,KAAA;+GANY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,+LCpBpC,ySAaA,EAAA,MAAA,EAAA,CAAA,ijDAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;4FDOa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAZnC,SAAS;iCACM,IAAI,EAAA,QAAA,EACN,kBAAkB,EAAA,aAAA,EAGb,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA;AACF,wBAAA,eAAe,EAAE,MAAM;AACvB,wBAAA,kBAAkB,EAAE,MAAM;AAC7B,qBAAA,EAAA,QAAA,EAAA,ySAAA,EAAA,MAAA,EAAA,CAAA,ijDAAA,CAAA,EAAA,CAAA;8BAIM,IAAI,EAAA,CAAA;sBADV,KAAK;gBAIC,IAAI,EAAA,CAAA;sBADV,KAAK;;;AErBV,MAIa,uBAAuB,CAAA;AAJpC,IAAA,WAAA,GAAA;QAMW,IAAO,CAAA,OAAA,GAAoC,KAAK,CAAC;AAC3D,KAAA;+GAHY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,WAAW;AACxB,iBAAA,CAAA;8BAGU,OAAO,EAAA,CAAA;sBADb,KAAK;;;MCLG,cAAc,GAAG,CAAC,uBAAuB,EAAE,uBAAuB;;ACH/E;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@taiga-ui/layout",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.14.0",
|
|
4
4
|
"description": "A package with Taiga UI layout components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -13,9 +13,9 @@
|
|
|
13
13
|
"peerDependencies": {
|
|
14
14
|
"@angular/common": ">=16.0.0",
|
|
15
15
|
"@angular/core": ">=16.0.0",
|
|
16
|
-
"@taiga-ui/cdk": "^4.
|
|
17
|
-
"@taiga-ui/core": "^4.
|
|
18
|
-
"@taiga-ui/kit": "^4.
|
|
16
|
+
"@taiga-ui/cdk": "^4.14.0",
|
|
17
|
+
"@taiga-ui/core": "^4.14.0",
|
|
18
|
+
"@taiga-ui/kit": "^4.14.0",
|
|
19
19
|
"@taiga-ui/polymorpheus": "^4.7.4",
|
|
20
20
|
"rxjs": ">=7.0.0"
|
|
21
21
|
},
|
|
@@ -94,6 +94,6 @@
|
|
|
94
94
|
},
|
|
95
95
|
"sideEffects": false,
|
|
96
96
|
"dependencies": {
|
|
97
|
-
"tslib": ">=2.8.
|
|
97
|
+
"tslib": ">=2.8.1"
|
|
98
98
|
}
|
|
99
99
|
}
|