@taiga-ui/layout 4.52.0-canary.ca43bcb → 4.52.0-canary.e07790b
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/app-bar/app-bar-back.component.d.ts +1 -1
- package/components/elastic-container/elastic-container.component.d.ts +8 -0
- package/components/elastic-container/elastic-container.directive.d.ts +7 -0
- package/components/elastic-container/index.d.ts +2 -0
- package/components/floating-container/floating-container.directive.d.ts +8 -0
- package/components/floating-container/index.d.ts +1 -0
- package/components/index.d.ts +3 -0
- package/components/slides/index.d.ts +1 -0
- package/components/slides/slides.directive.d.ts +11 -0
- package/fesm2022/taiga-ui-layout-components-app-bar.mjs +15 -15
- package/fesm2022/taiga-ui-layout-components-app-bar.mjs.map +1 -1
- package/fesm2022/taiga-ui-layout-components-block-details.mjs +6 -6
- package/fesm2022/taiga-ui-layout-components-block-status.mjs +6 -6
- package/fesm2022/taiga-ui-layout-components-card.mjs +24 -24
- package/fesm2022/taiga-ui-layout-components-dynamic-header.mjs +9 -9
- package/fesm2022/taiga-ui-layout-components-elastic-container.mjs +74 -0
- package/fesm2022/taiga-ui-layout-components-elastic-container.mjs.map +1 -0
- package/fesm2022/taiga-ui-layout-components-floating-container.mjs +40 -0
- package/fesm2022/taiga-ui-layout-components-floating-container.mjs.map +1 -0
- package/fesm2022/taiga-ui-layout-components-form.mjs +6 -6
- package/fesm2022/taiga-ui-layout-components-header.mjs +6 -6
- package/fesm2022/taiga-ui-layout-components-input-search.mjs +4 -4
- package/fesm2022/taiga-ui-layout-components-input-search.mjs.map +1 -1
- package/fesm2022/taiga-ui-layout-components-item-group.mjs +6 -6
- package/fesm2022/taiga-ui-layout-components-navigation.mjs +39 -39
- package/fesm2022/taiga-ui-layout-components-navigation.mjs.map +1 -1
- package/fesm2022/taiga-ui-layout-components-pdf-viewer.mjs +3 -3
- package/fesm2022/taiga-ui-layout-components-search.mjs +9 -9
- package/fesm2022/taiga-ui-layout-components-slides.mjs +49 -0
- package/fesm2022/taiga-ui-layout-components-slides.mjs.map +1 -0
- package/fesm2022/taiga-ui-layout-components-surface.mjs +6 -6
- package/fesm2022/taiga-ui-layout-components.mjs +3 -0
- package/fesm2022/taiga-ui-layout-components.mjs.map +1 -1
- package/package.json +17 -5
|
@@ -2,7 +2,7 @@ import { type TuiAppearanceOptions } from '@taiga-ui/core/directives/appearance'
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@taiga-ui/core/directives/appearance";
|
|
4
4
|
export declare class TuiAppBarBack implements TuiAppearanceOptions {
|
|
5
|
-
protected readonly icons: import("@taiga-ui/core/tokens").
|
|
5
|
+
protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
|
|
6
6
|
readonly appearance = "link";
|
|
7
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiAppBarBack, never>;
|
|
8
8
|
static ɵcmp: i0.ɵɵComponentDeclaration<TuiAppBarBack, "button[tuiAppBarBack], a[tuiAppBarBack]", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }]>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class TuiElasticContainer {
|
|
3
|
+
protected height: string;
|
|
4
|
+
protected transitions: number;
|
|
5
|
+
protected onAnimation(_name: string, count: number): void;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiElasticContainer, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiElasticContainer, "tui-elastic-container", never, {}, {}, never, ["*"], true, never>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class TuiElasticContainerDirective {
|
|
3
|
+
private readonly el;
|
|
4
|
+
readonly tuiElasticContainer: import("rxjs").Observable<number>;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiElasticContainerDirective, never>;
|
|
6
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiElasticContainerDirective, "[tuiElasticContainer]", never, {}, { "tuiElasticContainer": "tuiElasticContainer"; }, never, never, true, never>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "@taiga-ui/cdk/directives/animated";
|
|
3
|
+
export declare class TuiFloatingContainer {
|
|
4
|
+
protected readonly nothing: undefined;
|
|
5
|
+
readonly background: import("@angular/core").InputSignal<string>;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiFloatingContainer, never>;
|
|
7
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiFloatingContainer, "[tuiFloatingContainer]", never, { "background": { "alias": "tuiFloatingContainer"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
|
|
8
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './floating-container.directive';
|
package/components/index.d.ts
CHANGED
|
@@ -3,6 +3,8 @@ export * from '@taiga-ui/layout/components/block-details';
|
|
|
3
3
|
export * from '@taiga-ui/layout/components/block-status';
|
|
4
4
|
export * from '@taiga-ui/layout/components/card';
|
|
5
5
|
export * from '@taiga-ui/layout/components/dynamic-header';
|
|
6
|
+
export * from '@taiga-ui/layout/components/elastic-container';
|
|
7
|
+
export * from '@taiga-ui/layout/components/floating-container';
|
|
6
8
|
export * from '@taiga-ui/layout/components/form';
|
|
7
9
|
export * from '@taiga-ui/layout/components/header';
|
|
8
10
|
export * from '@taiga-ui/layout/components/input-search';
|
|
@@ -10,4 +12,5 @@ export * from '@taiga-ui/layout/components/item-group';
|
|
|
10
12
|
export * from '@taiga-ui/layout/components/navigation';
|
|
11
13
|
export * from '@taiga-ui/layout/components/pdf-viewer';
|
|
12
14
|
export * from '@taiga-ui/layout/components/search';
|
|
15
|
+
export * from '@taiga-ui/layout/components/slides';
|
|
13
16
|
export * from '@taiga-ui/layout/components/surface';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './slides.directive';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "@taiga-ui/cdk/directives/animated";
|
|
3
|
+
export declare class TuiSlides {
|
|
4
|
+
protected readonly nothing: undefined;
|
|
5
|
+
protected readonly el: HTMLElement;
|
|
6
|
+
protected readonly sign: import("@angular/core").Signal<number>;
|
|
7
|
+
readonly direction: import("@angular/core").InputSignal<number | "">;
|
|
8
|
+
protected onAnimation(target: Element): void;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSlides, never>;
|
|
10
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSlides, "[tuiSlides]", never, { "direction": { "alias": "tuiSlides"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
|
|
11
|
+
}
|
|
@@ -11,7 +11,7 @@ import { tuiButtonOptionsProvider } from '@taiga-ui/core/components/button';
|
|
|
11
11
|
import { TuiIcon } from '@taiga-ui/core/components/icon';
|
|
12
12
|
import * as i1 from '@taiga-ui/core/directives/appearance';
|
|
13
13
|
import { tuiAppearanceOptionsProvider, TuiWithAppearance } from '@taiga-ui/core/directives/appearance';
|
|
14
|
-
import {
|
|
14
|
+
import { TUI_COMMON_ICONS } from '@taiga-ui/core/tokens';
|
|
15
15
|
import { toSignal } from '@angular/core/rxjs-interop';
|
|
16
16
|
import { tuiDirectiveBinding } from '@taiga-ui/cdk/utils/di';
|
|
17
17
|
import { TuiBreakpointService } from '@taiga-ui/core/services';
|
|
@@ -44,24 +44,24 @@ class TuiAppBarComponent {
|
|
|
44
44
|
ngAfterViewInit() {
|
|
45
45
|
this.el.closest('tui-dialog')?.classList.add('tui-app-bar');
|
|
46
46
|
}
|
|
47
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
48
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.
|
|
47
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiAppBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.17", type: TuiAppBarComponent, isStandalone: true, selector: "tui-app-bar", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "size()" } }, providers: TUI_APP_BAR_PROVIDERS, viewQueries: [{ propertyName: "side", predicate: ["side"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #side>\n <ng-content select=\"[tuiSlot='left']\" />\n</div>\n<div\n tuiFade\n class=\"t-content\"\n [style.--t-sides.px]=\"width$ | async\"\n>\n <ng-content />\n</div>\n<div #side>\n <ng-content select=\"[tuiSlot='right']\" />\n</div>\n", styles: ["tui-app-bar{position:relative;display:flex;block-size:2.75rem;align-items:center;justify-content:space-between;box-sizing:border-box;font:var(--tui-font-text-m);font-weight:700;text-align:center;color:var(--tui-text-primary);background:var(--tui-background-base);background:color-mix(in hsl,var(--tui-background-base) 80%,transparent);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem)}tui-app-bar>.t-content{left:50%;transform:translate(-50%);position:absolute;display:flex;block-size:100%;max-inline-size:calc(100% - var(--t-sides, 0px));inline-size:calc(100% - var(--t-sides, 0px));flex-direction:column;justify-content:center;flex:1;padding:0 .375rem;box-sizing:border-box;text-align:inherit;white-space:nowrap}tui-app-bar>.t-content progress{margin:auto}tui-app-bar>:last-child [tuiIconButton]{margin:0 -.375rem}tui-app-bar>:last-child [tuiIconButton]:last-child{margin-inline-end:0}tui-app-bar>:last-child [tuiIconButton]:only-child{margin:0}tui-app-bar [tuiButton][data-size=l]{font:var(--tui-font-text-l);margin:0 -.25rem}tui-app-bar [tuiTitle]{text-align:inherit;font:inherit}tui-app-bar [tuiSubtitle]{color:var(--tui-text-secondary)}tui-app-bar[data-size=m] [tuiTitle]{line-height:1.2em;gap:0}tui-app-bar[data-size=l]{block-size:4rem}tui-app-bar[data-size=l]>:first-child,tui-app-bar[data-size=l]>:last-child{margin:0 -1em}tui-app-bar[data-size=l] [tuiAppBarBack]{font:var(--tui-font-text-l)}tui-app-bar [tuiProgressBar]{inline-size:8.75rem}tui-dialog tui-app-bar[data-size=l]{margin:-3rem 0 2rem}tui-dialog tui-app-bar[data-size=m]{margin:-1rem -1rem .75rem}tui-sheet-dialog tui-app-bar{margin:-.75rem -1rem;block-size:3.5rem;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: TuiFade, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
49
49
|
}
|
|
50
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiAppBarComponent, decorators: [{
|
|
51
51
|
type: Component,
|
|
52
52
|
args: [{ selector: 'tui-app-bar', imports: [AsyncPipe, TuiFade], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: TUI_APP_BAR_PROVIDERS, host: {
|
|
53
53
|
'[attr.data-size]': 'size()',
|
|
54
|
-
}, template: "<div #side>\n <ng-content select=\"[tuiSlot='left']\" />\n</div>\n<div\n tuiFade\n class=\"t-content\"\n [style.--t-sides.px]=\"width$ | async\"\n>\n <ng-content />\n</div>\n<div #side>\n <ng-content select=\"[tuiSlot='right']\" />\n</div>\n", styles: ["tui-app-bar{position:relative;display:flex;block-size:2.75rem;align-items:center;justify-content:space-between;box-sizing:border-box;font:var(--tui-font-text-m);font-weight:700;text-align:center;color:var(--tui-text-primary);background:var(--tui-background-base);background:color-mix(in hsl,var(--tui-background-base) 80%,transparent);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem)}tui-app-bar>.t-content{left:50%;transform:translate(-50%);position:absolute;display:flex;block-size:100%;max-inline-size:calc(100% - var(--t-sides, 0px));inline-size:calc(100% - var(--t-sides, 0px));flex-direction:column;justify-content:center;flex:1;padding:0 .375rem;box-sizing:border-box;text-align:inherit;white-space:nowrap}tui-app-bar>.t-content progress{margin:auto}tui-app-bar>:last-child [tuiIconButton]{margin:0 -.375rem}tui-app-bar>:last-child [tuiIconButton]:last-child{margin-inline-end:0}tui-app-bar>:last-child [tuiIconButton]:only-child{margin:0}tui-app-bar [tuiButton][data-size=l]{font:var(--tui-font-text-l);margin:0 -.25rem}tui-app-bar [tuiTitle]{text-align:inherit;font:inherit}tui-app-bar [tuiSubtitle]{color:var(--tui-text-secondary)}tui-app-bar[data-size=m] [tuiTitle]{line-height:1.2em;gap:0}tui-app-bar[data-size=l]{block-size:4rem}tui-app-bar[data-size=l]>:first-child,tui-app-bar[data-size=l]>:last-child{margin:0 -1em}tui-app-bar [tuiProgressBar]{inline-size:8.75rem}tui-dialog tui-app-bar[data-size=l]{margin:-3rem 0 2rem}tui-dialog tui-app-bar[data-size=m]{margin:-1rem -1rem .75rem}tui-sheet-dialog tui-app-bar{margin:-.75rem -1rem;block-size:3.5rem;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}\n"] }]
|
|
54
|
+
}, template: "<div #side>\n <ng-content select=\"[tuiSlot='left']\" />\n</div>\n<div\n tuiFade\n class=\"t-content\"\n [style.--t-sides.px]=\"width$ | async\"\n>\n <ng-content />\n</div>\n<div #side>\n <ng-content select=\"[tuiSlot='right']\" />\n</div>\n", styles: ["tui-app-bar{position:relative;display:flex;block-size:2.75rem;align-items:center;justify-content:space-between;box-sizing:border-box;font:var(--tui-font-text-m);font-weight:700;text-align:center;color:var(--tui-text-primary);background:var(--tui-background-base);background:color-mix(in hsl,var(--tui-background-base) 80%,transparent);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem)}tui-app-bar>.t-content{left:50%;transform:translate(-50%);position:absolute;display:flex;block-size:100%;max-inline-size:calc(100% - var(--t-sides, 0px));inline-size:calc(100% - var(--t-sides, 0px));flex-direction:column;justify-content:center;flex:1;padding:0 .375rem;box-sizing:border-box;text-align:inherit;white-space:nowrap}tui-app-bar>.t-content progress{margin:auto}tui-app-bar>:last-child [tuiIconButton]{margin:0 -.375rem}tui-app-bar>:last-child [tuiIconButton]:last-child{margin-inline-end:0}tui-app-bar>:last-child [tuiIconButton]:only-child{margin:0}tui-app-bar [tuiButton][data-size=l]{font:var(--tui-font-text-l);margin:0 -.25rem}tui-app-bar [tuiTitle]{text-align:inherit;font:inherit}tui-app-bar [tuiSubtitle]{color:var(--tui-text-secondary)}tui-app-bar[data-size=m] [tuiTitle]{line-height:1.2em;gap:0}tui-app-bar[data-size=l]{block-size:4rem}tui-app-bar[data-size=l]>:first-child,tui-app-bar[data-size=l]>:last-child{margin:0 -1em}tui-app-bar[data-size=l] [tuiAppBarBack]{font:var(--tui-font-text-l)}tui-app-bar [tuiProgressBar]{inline-size:8.75rem}tui-dialog tui-app-bar[data-size=l]{margin:-3rem 0 2rem}tui-dialog tui-app-bar[data-size=m]{margin:-1rem -1rem .75rem}tui-sheet-dialog tui-app-bar{margin:-.75rem -1rem;block-size:3.5rem;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}\n"] }]
|
|
55
55
|
}] });
|
|
56
56
|
|
|
57
57
|
class TuiAppBarDirective {
|
|
58
58
|
constructor() {
|
|
59
59
|
this.tuiSlot = input('left');
|
|
60
60
|
}
|
|
61
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
62
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.
|
|
61
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiAppBarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
62
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.17", type: TuiAppBarDirective, isStandalone: true, selector: "[tuiSlot]", inputs: { tuiSlot: { classPropertyName: "tuiSlot", publicName: "tuiSlot", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
63
63
|
}
|
|
64
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiAppBarDirective, decorators: [{
|
|
65
65
|
type: Directive,
|
|
66
66
|
args: [{
|
|
67
67
|
selector: '[tuiSlot]',
|
|
@@ -70,13 +70,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
70
70
|
|
|
71
71
|
class TuiAppBarBack {
|
|
72
72
|
constructor() {
|
|
73
|
-
this.icons = inject(
|
|
73
|
+
this.icons = inject(TUI_COMMON_ICONS);
|
|
74
74
|
this.appearance = 'link';
|
|
75
75
|
}
|
|
76
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
77
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
76
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiAppBarBack, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
77
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: TuiAppBarBack, isStandalone: true, selector: "button[tuiAppBarBack], a[tuiAppBarBack]", providers: [tuiAppearanceOptionsProvider(TuiAppBarBack)], hostDirectives: [{ directive: i1.TuiWithAppearance }], ngImport: i0, template: "<svg\n height=\"24\"\n viewBox=\"0 0 24 24\"\n width=\"24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"t-ios\"\n>\n <path\n d=\"M7.44025 12L14.9826 4.43872C15.5391 3.88083 15.5391 2.97631 14.9826 2.41842C14.4261 1.86053 13.5239 1.86053 12.9674 2.41842L4.41737 10.9898C3.86088 11.5477 3.86088 12.4523 4.41737 13.0102L12.9674 21.5816C13.5239 22.1395 14.4261 22.1395 14.9826 21.5816C15.5391 21.0237 15.5391 20.1192 14.9826 19.5613L7.44025 12Z\"\n fill=\"currentColor\"\n />\n</svg>\n<svg\n height=\"24\"\n viewBox=\"0 0 24 24\"\n width=\"24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"t-android\"\n>\n <path\n d=\"M19.6999 11.5899C19.6999 11.0377 19.2522 10.5899 18.6999 10.5899H7.49992L12.3999 5.68995C12.7865 5.30335 12.7865 4.67655 12.3999 4.28995V4.28995C12.0133 3.90335 11.3865 3.90335 10.9999 4.28995L4.40703 10.8828C4.0165 11.2734 4.01651 11.9065 4.40703 12.2971L10.9999 18.89C11.3865 19.2765 12.0133 19.2765 12.3999 18.8899V18.8899C12.7865 18.5034 12.7865 17.8765 12.3999 17.49L7.49992 12.5899H18.6999C19.2522 12.5899 19.6999 12.1422 19.6999 11.5899V11.5899Z\"\n fill=\"currentColor\"\n />\n</svg>\n<tui-icon\n class=\"t-web\"\n [icon]=\"icons.decrement\"\n/>\n<ng-content />\n", styles: [":host{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;display:flex;align-items:center;padding:0 1rem 0 0;cursor:pointer}:host :host-context([data-platform=\"web\"] tui-dialog){padding:0 .5rem}:host :host-context([data-platform=\"android\"]){font-size:0;padding:0 1rem}:host :host-context([data-platform=\"android\"]) .t-android{display:block}:host :host-context([data-platform=\"android\"]) .t-web{display:none}:host :host-context([data-platform=\"ios\"]) .t-ios{display:block;margin-inline-start:.5rem}:host :host-context([data-platform=\"ios\"]) .t-web{display:none}.t-web{transform:scaleX(var(--tui-inline))}.t-android,.t-ios{display:none}\n"], dependencies: [{ kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
78
78
|
}
|
|
79
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
79
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiAppBarBack, decorators: [{
|
|
80
80
|
type: Component,
|
|
81
81
|
args: [{ selector: 'button[tuiAppBarBack], a[tuiAppBarBack]', imports: [TuiIcon], changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiAppearanceOptionsProvider(TuiAppBarBack)], hostDirectives: [TuiWithAppearance], template: "<svg\n height=\"24\"\n viewBox=\"0 0 24 24\"\n width=\"24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"t-ios\"\n>\n <path\n d=\"M7.44025 12L14.9826 4.43872C15.5391 3.88083 15.5391 2.97631 14.9826 2.41842C14.4261 1.86053 13.5239 1.86053 12.9674 2.41842L4.41737 10.9898C3.86088 11.5477 3.86088 12.4523 4.41737 13.0102L12.9674 21.5816C13.5239 22.1395 14.4261 22.1395 14.9826 21.5816C15.5391 21.0237 15.5391 20.1192 14.9826 19.5613L7.44025 12Z\"\n fill=\"currentColor\"\n />\n</svg>\n<svg\n height=\"24\"\n viewBox=\"0 0 24 24\"\n width=\"24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"t-android\"\n>\n <path\n d=\"M19.6999 11.5899C19.6999 11.0377 19.2522 10.5899 18.6999 10.5899H7.49992L12.3999 5.68995C12.7865 5.30335 12.7865 4.67655 12.3999 4.28995V4.28995C12.0133 3.90335 11.3865 3.90335 10.9999 4.28995L4.40703 10.8828C4.0165 11.2734 4.01651 11.9065 4.40703 12.2971L10.9999 18.89C11.3865 19.2765 12.0133 19.2765 12.3999 18.8899V18.8899C12.7865 18.5034 12.7865 17.8765 12.3999 17.49L7.49992 12.5899H18.6999C19.2522 12.5899 19.6999 12.1422 19.6999 11.5899V11.5899Z\"\n fill=\"currentColor\"\n />\n</svg>\n<tui-icon\n class=\"t-web\"\n [icon]=\"icons.decrement\"\n/>\n<ng-content />\n", styles: [":host{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;display:flex;align-items:center;padding:0 1rem 0 0;cursor:pointer}:host :host-context([data-platform=\"web\"] tui-dialog){padding:0 .5rem}:host :host-context([data-platform=\"android\"]){font-size:0;padding:0 1rem}:host :host-context([data-platform=\"android\"]) .t-android{display:block}:host :host-context([data-platform=\"android\"]) .t-web{display:none}:host :host-context([data-platform=\"ios\"]) .t-ios{display:block;margin-inline-start:.5rem}:host :host-context([data-platform=\"ios\"]) .t-web{display:none}.t-web{transform:scaleX(var(--tui-inline))}.t-android,.t-ios{display:none}\n"] }]
|
|
82
82
|
}] });
|
|
@@ -86,10 +86,10 @@ class TuiAppBarSizeDirective {
|
|
|
86
86
|
constructor() {
|
|
87
87
|
this.size = tuiDirectiveBinding(TuiAppBarComponent, 'size', toSignal(inject(TuiBreakpointService).pipe(map((breakpoint) => (breakpoint === 'mobile' ? 'm' : 'l'))), { initialValue: 'm' }));
|
|
88
88
|
}
|
|
89
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
90
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
89
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiAppBarSizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
90
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: TuiAppBarSizeDirective, isStandalone: true, selector: "tui-app-bar[tuiAppBarSize]", ngImport: i0 }); }
|
|
91
91
|
}
|
|
92
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
92
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiAppBarSizeDirective, decorators: [{
|
|
93
93
|
type: Directive,
|
|
94
94
|
args: [{
|
|
95
95
|
selector: 'tui-app-bar[tuiAppBarSize]',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-layout-components-app-bar.mjs","sources":["../../../projects/layout/components/app-bar/app-bar.providers.ts","../../../projects/layout/components/app-bar/app-bar.component.ts","../../../projects/layout/components/app-bar/app-bar.template.html","../../../projects/layout/components/app-bar/app-bar.directive.ts","../../../projects/layout/components/app-bar/app-bar-back.component.ts","../../../projects/layout/components/app-bar/app-bar-back.template.html","../../../projects/layout/components/app-bar/app-bar-size.directive.ts","../../../projects/layout/components/app-bar/app-bar.ts","../../../projects/layout/components/app-bar/taiga-ui-layout-components-app-bar.ts"],"sourcesContent":["import {type Provider} from '@angular/core';\nimport {\n MutationObserverService,\n WA_MUTATION_OBSERVER_INIT,\n} from '@ng-web-apis/mutation-observer';\nimport {ResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\n\nexport const TUI_APP_BAR_PROVIDERS: Provider[] = [\n ResizeObserverService,\n MutationObserverService,\n {\n provide: WA_MUTATION_OBSERVER_INIT,\n useValue: {\n characterData: true,\n childList: true,\n subtree: true,\n },\n },\n tuiButtonOptionsProvider({\n appearance: 'action',\n }),\n];\n","import {AsyncPipe} from '@angular/common';\nimport {\n type AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n type ElementRef,\n inject,\n input,\n viewChildren,\n ViewEncapsulation,\n} from '@angular/core';\nimport {MutationObserverService} from '@ng-web-apis/mutation-observer';\nimport {ResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {tuiZonefull} from '@taiga-ui/cdk/observables';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {type TuiSizeL} from '@taiga-ui/core/types';\nimport {TuiFade} from '@taiga-ui/kit/directives/fade';\nimport {map, merge} from 'rxjs';\n\nimport {TUI_APP_BAR_PROVIDERS} from './app-bar.providers';\n\n@Component({\n selector: 'tui-app-bar',\n imports: [AsyncPipe, TuiFade],\n templateUrl: './app-bar.template.html',\n styleUrl: './app-bar.style.less',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: TUI_APP_BAR_PROVIDERS,\n host: {\n '[attr.data-size]': 'size()',\n },\n})\nexport class TuiAppBarComponent implements AfterViewInit {\n private readonly side = viewChildren<ElementRef<HTMLElement>>('side');\n\n private readonly el = tuiInjectElement();\n\n protected readonly width$ = merge(\n inject(ResizeObserverService, {self: true}),\n inject(MutationObserverService, {self: true}),\n ).pipe(\n tuiZonefull(),\n map(\n () =>\n 2 *\n Math.max(\n this.side()[0]?.nativeElement.clientWidth ?? 0,\n this.side()[this.side().length - 1]?.nativeElement.clientWidth ?? 0,\n ),\n ),\n );\n\n public readonly size = input<TuiSizeL>('m');\n\n // TODO: Remove after :has support\n public ngAfterViewInit(): void {\n this.el.closest('tui-dialog')?.classList.add('tui-app-bar');\n }\n}\n","<div #side>\n <ng-content select=\"[tuiSlot='left']\" />\n</div>\n<div\n tuiFade\n class=\"t-content\"\n [style.--t-sides.px]=\"width$ | async\"\n>\n <ng-content />\n</div>\n<div #side>\n <ng-content select=\"[tuiSlot='right']\" />\n</div>\n","import {Directive, input} from '@angular/core';\nimport {type TuiLooseUnion} from '@taiga-ui/cdk/types';\n\n@Directive({\n selector: '[tuiSlot]',\n})\nexport class TuiAppBarDirective {\n public readonly tuiSlot = input<TuiLooseUnion<'left' | 'right'>>('left');\n}\n","import {ChangeDetectionStrategy, Component, inject} from '@angular/core';\nimport {TuiIcon} from '@taiga-ui/core/components/icon';\nimport {\n type TuiAppearanceOptions,\n tuiAppearanceOptionsProvider,\n TuiWithAppearance,\n} from '@taiga-ui/core/directives/appearance';\nimport {TUI_SPIN_ICONS} from '@taiga-ui/core/tokens';\n\n@Component({\n selector: 'button[tuiAppBarBack], a[tuiAppBarBack]',\n imports: [TuiIcon],\n templateUrl: './app-bar-back.template.html',\n styleUrl: './app-bar-back.style.less',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [tuiAppearanceOptionsProvider(TuiAppBarBack)],\n hostDirectives: [TuiWithAppearance],\n})\nexport class TuiAppBarBack implements TuiAppearanceOptions {\n protected readonly icons = inject(TUI_SPIN_ICONS);\n\n public readonly appearance = 'link';\n}\n","<svg\n height=\"24\"\n viewBox=\"0 0 24 24\"\n width=\"24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"t-ios\"\n>\n <path\n d=\"M7.44025 12L14.9826 4.43872C15.5391 3.88083 15.5391 2.97631 14.9826 2.41842C14.4261 1.86053 13.5239 1.86053 12.9674 2.41842L4.41737 10.9898C3.86088 11.5477 3.86088 12.4523 4.41737 13.0102L12.9674 21.5816C13.5239 22.1395 14.4261 22.1395 14.9826 21.5816C15.5391 21.0237 15.5391 20.1192 14.9826 19.5613L7.44025 12Z\"\n fill=\"currentColor\"\n />\n</svg>\n<svg\n height=\"24\"\n viewBox=\"0 0 24 24\"\n width=\"24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"t-android\"\n>\n <path\n d=\"M19.6999 11.5899C19.6999 11.0377 19.2522 10.5899 18.6999 10.5899H7.49992L12.3999 5.68995C12.7865 5.30335 12.7865 4.67655 12.3999 4.28995V4.28995C12.0133 3.90335 11.3865 3.90335 10.9999 4.28995L4.40703 10.8828C4.0165 11.2734 4.01651 11.9065 4.40703 12.2971L10.9999 18.89C11.3865 19.2765 12.0133 19.2765 12.3999 18.8899V18.8899C12.7865 18.5034 12.7865 17.8765 12.3999 17.49L7.49992 12.5899H18.6999C19.2522 12.5899 19.6999 12.1422 19.6999 11.5899V11.5899Z\"\n fill=\"currentColor\"\n />\n</svg>\n<tui-icon\n class=\"t-web\"\n [icon]=\"icons.decrement\"\n/>\n<ng-content />\n","import {Directive, inject} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/di';\nimport {TuiBreakpointService} from '@taiga-ui/core/services';\nimport {map} from 'rxjs';\n\nimport {TuiAppBarComponent} from './app-bar.component';\n\n// TODO: Make size automatic based on tuiPlatform in v5\n@Directive({\n selector: 'tui-app-bar[tuiAppBarSize]',\n})\nexport class TuiAppBarSizeDirective {\n protected readonly size = tuiDirectiveBinding(\n TuiAppBarComponent,\n 'size',\n toSignal(\n inject(TuiBreakpointService).pipe(\n map((breakpoint) => (breakpoint === 'mobile' ? 'm' : 'l')),\n ),\n {initialValue: 'm' as const},\n ),\n );\n}\n","import {TuiAppBarComponent} from './app-bar.component';\nimport {TuiAppBarDirective} from './app-bar.directive';\nimport {TuiAppBarBack} from './app-bar-back.component';\nimport {TuiAppBarSizeDirective} from './app-bar-size.directive';\n\nexport const TuiAppBar = [\n TuiAppBarComponent,\n TuiAppBarDirective,\n TuiAppBarBack,\n TuiAppBarSizeDirective,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"taiga-ui-layout-components-app-bar.mjs","sources":["../../../projects/layout/components/app-bar/app-bar.providers.ts","../../../projects/layout/components/app-bar/app-bar.component.ts","../../../projects/layout/components/app-bar/app-bar.template.html","../../../projects/layout/components/app-bar/app-bar.directive.ts","../../../projects/layout/components/app-bar/app-bar-back.component.ts","../../../projects/layout/components/app-bar/app-bar-back.template.html","../../../projects/layout/components/app-bar/app-bar-size.directive.ts","../../../projects/layout/components/app-bar/app-bar.ts","../../../projects/layout/components/app-bar/taiga-ui-layout-components-app-bar.ts"],"sourcesContent":["import {type Provider} from '@angular/core';\nimport {\n MutationObserverService,\n WA_MUTATION_OBSERVER_INIT,\n} from '@ng-web-apis/mutation-observer';\nimport {ResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\n\nexport const TUI_APP_BAR_PROVIDERS: Provider[] = [\n ResizeObserverService,\n MutationObserverService,\n {\n provide: WA_MUTATION_OBSERVER_INIT,\n useValue: {\n characterData: true,\n childList: true,\n subtree: true,\n },\n },\n tuiButtonOptionsProvider({\n appearance: 'action',\n }),\n];\n","import {AsyncPipe} from '@angular/common';\nimport {\n type AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n type ElementRef,\n inject,\n input,\n viewChildren,\n ViewEncapsulation,\n} from '@angular/core';\nimport {MutationObserverService} from '@ng-web-apis/mutation-observer';\nimport {ResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {tuiZonefull} from '@taiga-ui/cdk/observables';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {type TuiSizeL} from '@taiga-ui/core/types';\nimport {TuiFade} from '@taiga-ui/kit/directives/fade';\nimport {map, merge} from 'rxjs';\n\nimport {TUI_APP_BAR_PROVIDERS} from './app-bar.providers';\n\n@Component({\n selector: 'tui-app-bar',\n imports: [AsyncPipe, TuiFade],\n templateUrl: './app-bar.template.html',\n styleUrl: './app-bar.style.less',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: TUI_APP_BAR_PROVIDERS,\n host: {\n '[attr.data-size]': 'size()',\n },\n})\nexport class TuiAppBarComponent implements AfterViewInit {\n private readonly side = viewChildren<ElementRef<HTMLElement>>('side');\n\n private readonly el = tuiInjectElement();\n\n protected readonly width$ = merge(\n inject(ResizeObserverService, {self: true}),\n inject(MutationObserverService, {self: true}),\n ).pipe(\n tuiZonefull(),\n map(\n () =>\n 2 *\n Math.max(\n this.side()[0]?.nativeElement.clientWidth ?? 0,\n this.side()[this.side().length - 1]?.nativeElement.clientWidth ?? 0,\n ),\n ),\n );\n\n public readonly size = input<TuiSizeL>('m');\n\n // TODO: Remove after :has support\n public ngAfterViewInit(): void {\n this.el.closest('tui-dialog')?.classList.add('tui-app-bar');\n }\n}\n","<div #side>\n <ng-content select=\"[tuiSlot='left']\" />\n</div>\n<div\n tuiFade\n class=\"t-content\"\n [style.--t-sides.px]=\"width$ | async\"\n>\n <ng-content />\n</div>\n<div #side>\n <ng-content select=\"[tuiSlot='right']\" />\n</div>\n","import {Directive, input} from '@angular/core';\nimport {type TuiLooseUnion} from '@taiga-ui/cdk/types';\n\n@Directive({\n selector: '[tuiSlot]',\n})\nexport class TuiAppBarDirective {\n public readonly tuiSlot = input<TuiLooseUnion<'left' | 'right'>>('left');\n}\n","import {ChangeDetectionStrategy, Component, inject} from '@angular/core';\nimport {TuiIcon} from '@taiga-ui/core/components/icon';\nimport {\n type TuiAppearanceOptions,\n tuiAppearanceOptionsProvider,\n TuiWithAppearance,\n} from '@taiga-ui/core/directives/appearance';\nimport {TUI_COMMON_ICONS} from '@taiga-ui/core/tokens';\n\n@Component({\n selector: 'button[tuiAppBarBack], a[tuiAppBarBack]',\n imports: [TuiIcon],\n templateUrl: './app-bar-back.template.html',\n styleUrl: './app-bar-back.style.less',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [tuiAppearanceOptionsProvider(TuiAppBarBack)],\n hostDirectives: [TuiWithAppearance],\n})\nexport class TuiAppBarBack implements TuiAppearanceOptions {\n protected readonly icons = inject(TUI_COMMON_ICONS);\n\n public readonly appearance = 'link';\n}\n","<svg\n height=\"24\"\n viewBox=\"0 0 24 24\"\n width=\"24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"t-ios\"\n>\n <path\n d=\"M7.44025 12L14.9826 4.43872C15.5391 3.88083 15.5391 2.97631 14.9826 2.41842C14.4261 1.86053 13.5239 1.86053 12.9674 2.41842L4.41737 10.9898C3.86088 11.5477 3.86088 12.4523 4.41737 13.0102L12.9674 21.5816C13.5239 22.1395 14.4261 22.1395 14.9826 21.5816C15.5391 21.0237 15.5391 20.1192 14.9826 19.5613L7.44025 12Z\"\n fill=\"currentColor\"\n />\n</svg>\n<svg\n height=\"24\"\n viewBox=\"0 0 24 24\"\n width=\"24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"t-android\"\n>\n <path\n d=\"M19.6999 11.5899C19.6999 11.0377 19.2522 10.5899 18.6999 10.5899H7.49992L12.3999 5.68995C12.7865 5.30335 12.7865 4.67655 12.3999 4.28995V4.28995C12.0133 3.90335 11.3865 3.90335 10.9999 4.28995L4.40703 10.8828C4.0165 11.2734 4.01651 11.9065 4.40703 12.2971L10.9999 18.89C11.3865 19.2765 12.0133 19.2765 12.3999 18.8899V18.8899C12.7865 18.5034 12.7865 17.8765 12.3999 17.49L7.49992 12.5899H18.6999C19.2522 12.5899 19.6999 12.1422 19.6999 11.5899V11.5899Z\"\n fill=\"currentColor\"\n />\n</svg>\n<tui-icon\n class=\"t-web\"\n [icon]=\"icons.decrement\"\n/>\n<ng-content />\n","import {Directive, inject} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/di';\nimport {TuiBreakpointService} from '@taiga-ui/core/services';\nimport {map} from 'rxjs';\n\nimport {TuiAppBarComponent} from './app-bar.component';\n\n// TODO: Make size automatic based on tuiPlatform in v5\n@Directive({\n selector: 'tui-app-bar[tuiAppBarSize]',\n})\nexport class TuiAppBarSizeDirective {\n protected readonly size = tuiDirectiveBinding(\n TuiAppBarComponent,\n 'size',\n toSignal(\n inject(TuiBreakpointService).pipe(\n map((breakpoint) => (breakpoint === 'mobile' ? 'm' : 'l')),\n ),\n {initialValue: 'm' as const},\n ),\n );\n}\n","import {TuiAppBarComponent} from './app-bar.component';\nimport {TuiAppBarDirective} from './app-bar.directive';\nimport {TuiAppBarBack} from './app-bar-back.component';\nimport {TuiAppBarSizeDirective} from './app-bar-size.directive';\n\nexport const TuiAppBar = [\n TuiAppBarComponent,\n TuiAppBarDirective,\n TuiAppBarBack,\n TuiAppBarSizeDirective,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -3,10 +3,10 @@ import { ChangeDetectionStrategy, ViewEncapsulation, Component, Directive } from
|
|
|
3
3
|
import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
4
4
|
|
|
5
5
|
class Styles {
|
|
6
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
7
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
6
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-block-details" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiBlockDetails]{display:flex;flex-direction:column;align-items:center;font:var(--tui-font-heading-3);min-block-size:2rem}[tuiBlockDetails] [tuiTitle]{text-align:center;font:var(--tui-font-text-l);gap:0}[tuiBlockDetails] [tuiSubtitle],[tuiBlockDetails] [tuiDetailsStatus]{display:flex;align-items:center;gap:.25rem;font:var(--tui-font-text-m);color:var(--tui-text-secondary);margin-block-start:.25rem}:host-context(tui-root._mobile) [tuiBlockDetails] [tuiSubtitle],:host-context(tui-root._mobile) [tuiBlockDetails] [tuiDetailsStatus]{font:var(--tui-font-text-s)}[tuiBlockDetails] [tuiSubtitle]+[tuiSubtitle],[tuiBlockDetails] [tuiDetailsStatus]{margin-block-start:1rem}[tuiBlockDetails] [tuiComment]{margin-block-start:1.0625rem}[tuiBlockDetails] [tuiAccessory]{display:flex;gap:.5rem;margin-block-start:1.25rem}[tuiBlockDetails] [tuiAccessories],[tuiBlockDetails] tui-badge:only-of-type{margin-block-start:1.25rem}[tuiBlockDetails] [tuiAccessories]{display:flex;gap:.5rem}[tuiBlockDetails] [tuiAvatar],[tuiBlockDetails] [tuiTitle]{margin-block-end:1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8
8
|
}
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: Styles, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
11
|
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-block-details' }, styles: ["[tuiBlockDetails]{display:flex;flex-direction:column;align-items:center;font:var(--tui-font-heading-3);min-block-size:2rem}[tuiBlockDetails] [tuiTitle]{text-align:center;font:var(--tui-font-text-l);gap:0}[tuiBlockDetails] [tuiSubtitle],[tuiBlockDetails] [tuiDetailsStatus]{display:flex;align-items:center;gap:.25rem;font:var(--tui-font-text-m);color:var(--tui-text-secondary);margin-block-start:.25rem}:host-context(tui-root._mobile) [tuiBlockDetails] [tuiSubtitle],:host-context(tui-root._mobile) [tuiBlockDetails] [tuiDetailsStatus]{font:var(--tui-font-text-s)}[tuiBlockDetails] [tuiSubtitle]+[tuiSubtitle],[tuiBlockDetails] [tuiDetailsStatus]{margin-block-start:1rem}[tuiBlockDetails] [tuiComment]{margin-block-start:1.0625rem}[tuiBlockDetails] [tuiAccessory]{display:flex;gap:.5rem;margin-block-start:1.25rem}[tuiBlockDetails] [tuiAccessories],[tuiBlockDetails] tui-badge:only-of-type{margin-block-start:1.25rem}[tuiBlockDetails] [tuiAccessories]{display:flex;gap:.5rem}[tuiBlockDetails] [tuiAvatar],[tuiBlockDetails] [tuiTitle]{margin-block-end:1rem}\n"] }]
|
|
12
12
|
}] });
|
|
@@ -14,10 +14,10 @@ class TuiBlockDetails {
|
|
|
14
14
|
constructor() {
|
|
15
15
|
this.nothing = tuiWithStyles(Styles);
|
|
16
16
|
}
|
|
17
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
18
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
17
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiBlockDetails, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
18
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: TuiBlockDetails, isStandalone: true, selector: "[tuiBlockDetails]", ngImport: i0 }); }
|
|
19
19
|
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiBlockDetails, decorators: [{
|
|
21
21
|
type: Directive,
|
|
22
22
|
args: [{
|
|
23
23
|
selector: '[tuiBlockDetails]',
|
|
@@ -6,10 +6,10 @@ class TuiBlockStatusComponent {
|
|
|
6
6
|
this.card = input(false);
|
|
7
7
|
this.size = input('l');
|
|
8
8
|
}
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiBlockStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.17", type: TuiBlockStatusComponent, isStandalone: true, selector: "tui-block-status", inputs: { card: { classPropertyName: "card", publicName: "card", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, 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 }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiBlockStatusComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{ selector: 'tui-block-status', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
15
15
|
'[class._card]': 'card()',
|
|
@@ -21,10 +21,10 @@ class TuiBlockStatusDirective {
|
|
|
21
21
|
constructor() {
|
|
22
22
|
this.tuiSlot = input('top');
|
|
23
23
|
}
|
|
24
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
25
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.
|
|
24
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiBlockStatusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
25
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.17", type: TuiBlockStatusDirective, isStandalone: true, selector: "[tuiSlot]", inputs: { tuiSlot: { classPropertyName: "tuiSlot", publicName: "tuiSlot", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
26
26
|
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiBlockStatusDirective, decorators: [{
|
|
28
28
|
type: Directive,
|
|
29
29
|
args: [{
|
|
30
30
|
selector: '[tuiSlot]',
|
|
@@ -6,10 +6,10 @@ import { TuiWithAppearance } from '@taiga-ui/core/directives/appearance';
|
|
|
6
6
|
import { tuiAvatarOptionsProvider } from '@taiga-ui/kit/components/avatar';
|
|
7
7
|
|
|
8
8
|
let Styles$3 = class Styles {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-card-collapsed" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCardCollapsed]{transition-property:clip-path,margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;border-image:radial-gradient(at center,var(--tui-background-neutral-2) 26.5%,transparent 27%) 50% 49% / 0 2rem 2rem / 0 0 2rem}[tuiCardCollapsed]>tui-expand{transition-property:grid-template-rows,padding,margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;background:var(--tui-background-neutral-1);border-radius:var(--tui-radius-s);padding:0 1rem;margin:-.25rem 0 calc(-1 * var(--t-space))!important}[tuiCardCollapsed]>tui-expand._expanded{padding:.5rem 1rem;margin:0!important}[tuiCardCollapsed]>tui-expand [tuiTable]{inline-size:100%}[tuiCardCollapsed]>tui-expand [tuiTable] th,[tuiCardCollapsed]>tui-expand [tuiTable] td{background:none;padding-inline-start:0;padding-inline-end:0;border-inline-start:0;border-inline-end:0}[tuiCardCollapsed]>tui-expand [tuiTable] thead th{border:none;block-size:1.75rem}[tuiCardCollapsed]>tui-expand [tuiTable] tr:last-child td{border-block-end:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11
11
|
};
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: Styles$3, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-card-collapsed' }, styles: ["[tuiCardCollapsed]{transition-property:clip-path,margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;border-image:radial-gradient(at center,var(--tui-background-neutral-2) 26.5%,transparent 27%) 50% 49% / 0 2rem 2rem / 0 0 2rem}[tuiCardCollapsed]>tui-expand{transition-property:grid-template-rows,padding,margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;background:var(--tui-background-neutral-1);border-radius:var(--tui-radius-s);padding:0 1rem;margin:-.25rem 0 calc(-1 * var(--t-space))!important}[tuiCardCollapsed]>tui-expand._expanded{padding:.5rem 1rem;margin:0!important}[tuiCardCollapsed]>tui-expand [tuiTable]{inline-size:100%}[tuiCardCollapsed]>tui-expand [tuiTable] th,[tuiCardCollapsed]>tui-expand [tuiTable] td{background:none;padding-inline-start:0;padding-inline-end:0;border-inline-start:0;border-inline-end:0}[tuiCardCollapsed]>tui-expand [tuiTable] thead th{border:none;block-size:1.75rem}[tuiCardCollapsed]>tui-expand [tuiTable] tr:last-child td{border-block-end:0}\n"] }]
|
|
15
15
|
}] });
|
|
@@ -18,10 +18,10 @@ class TuiCardCollapsed {
|
|
|
18
18
|
this.nothing = tuiWithStyles(Styles$3);
|
|
19
19
|
this.collapsed = input(false, { alias: 'tuiCardCollapsed' });
|
|
20
20
|
}
|
|
21
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
22
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiCardCollapsed, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
22
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.17", type: TuiCardCollapsed, isStandalone: true, selector: "[tuiCardCollapsed]", inputs: { collapsed: { classPropertyName: "collapsed", publicName: "tuiCardCollapsed", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tuiCardCollapsed": "" }, properties: { "style.margin-block-end.rem": "collapsed() ? 0.75 : 0", "style.clip-path": "collapsed() ? \"inset(-0.75rem)\" : \"inset(0)\"" } }, ngImport: i0 }); }
|
|
23
23
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiCardCollapsed, decorators: [{
|
|
25
25
|
type: Directive,
|
|
26
26
|
args: [{
|
|
27
27
|
selector: '[tuiCardCollapsed]',
|
|
@@ -34,10 +34,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
34
34
|
}] });
|
|
35
35
|
|
|
36
36
|
let Styles$2 = class Styles {
|
|
37
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
37
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-card-large" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCardMedium],[tuiCardLarge]{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;position:relative;display:flex;align-items:flex-start;flex-shrink:0;text-decoration:none;overscroll-behavior:contain;overflow:hidden;background:var(--tui-background-elevation-2)}[tuiCardMedium] [tuiTitle],[tuiCardLarge] [tuiTitle],[tuiCardMedium] [tuiSubtitle],[tuiCardLarge] [tuiSubtitle]{max-inline-size:100%}[tuiCardMedium]>*,[tuiCardLarge]>*{scrollbar-width:none;-ms-overflow-style:none}[tuiCardMedium]>*::-webkit-scrollbar,[tuiCardLarge]>*::-webkit-scrollbar,[tuiCardMedium]>*::-webkit-scrollbar-thumb,[tuiCardLarge]>*::-webkit-scrollbar-thumb{display:none}\n", "[tuiCardLarge]{font:var(--tui-font-text-m)}[tuiCardLarge][data-space]{--t-space: .75rem;--t-radius: var(--tui-radius-l);--t-comp: -.25rem;--t-padding: .75rem;--t-dim: calc(var(--t-padding) + var(--t-comp));padding:var(--t-padding);border-radius:var(--t-radius);box-sizing:border-box}[tuiCardLarge][data-space][data-space=normal]{--t-radius: 1.5rem;--t-padding: 1.5rem;--t-space: 1.5rem}[tuiCardLarge][data-space][data-space=compact]{--t-radius: 1rem;--t-padding: 1.25rem;--t-space: 1.25rem}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader],[tuiForm]){flex-direction:column;gap:var(--t-space);align-items:stretch}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader],[tuiForm])>:last-child:not([tuiCell]){margin-block-start:auto}[tuiCardLarge][data-space][tuiHeader]{padding:var(--t-dim) var(--t-dim) var(--t-dim) var(--t-padding)}[tuiCardLarge][data-space][tuiHeader] [tuiLink]:last-child{margin-inline-end:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space]>[tuiHeader]{margin:var(--t-comp) var(--t-comp) calc(1.5 * var(--t-comp)) 0}[tuiCardLarge][data-space]>[tuiHeader] [tuiLink]:last-child{margin-inline-end:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space] [tuiCell]{inline-size:stretch;padding:.5rem;margin:-.5rem -.5rem -.75rem;border-radius:var(--tui-radius-l)}[tuiCardLarge][data-space] [tuiCell]:last-of-type{margin-block-end:-.5rem}[tuiCardLarge][data-space]>[tuiLink]:last-child{display:block;inline-size:fit-content;margin-block-end:var(--t-comp)}[tuiCardLarge][data-space] [tuiAccessories]>[tuiButtonClose]{align-self:flex-start}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
39
39
|
};
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: Styles$2, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
42
|
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-card-large' }, styles: ["[tuiCardMedium],[tuiCardLarge]{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;position:relative;display:flex;align-items:flex-start;flex-shrink:0;text-decoration:none;overscroll-behavior:contain;overflow:hidden;background:var(--tui-background-elevation-2)}[tuiCardMedium] [tuiTitle],[tuiCardLarge] [tuiTitle],[tuiCardMedium] [tuiSubtitle],[tuiCardLarge] [tuiSubtitle]{max-inline-size:100%}[tuiCardMedium]>*,[tuiCardLarge]>*{scrollbar-width:none;-ms-overflow-style:none}[tuiCardMedium]>*::-webkit-scrollbar,[tuiCardLarge]>*::-webkit-scrollbar,[tuiCardMedium]>*::-webkit-scrollbar-thumb,[tuiCardLarge]>*::-webkit-scrollbar-thumb{display:none}\n", "[tuiCardLarge]{font:var(--tui-font-text-m)}[tuiCardLarge][data-space]{--t-space: .75rem;--t-radius: var(--tui-radius-l);--t-comp: -.25rem;--t-padding: .75rem;--t-dim: calc(var(--t-padding) + var(--t-comp));padding:var(--t-padding);border-radius:var(--t-radius);box-sizing:border-box}[tuiCardLarge][data-space][data-space=normal]{--t-radius: 1.5rem;--t-padding: 1.5rem;--t-space: 1.5rem}[tuiCardLarge][data-space][data-space=compact]{--t-radius: 1rem;--t-padding: 1.25rem;--t-space: 1.25rem}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader],[tuiForm]){flex-direction:column;gap:var(--t-space);align-items:stretch}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader],[tuiForm])>:last-child:not([tuiCell]){margin-block-start:auto}[tuiCardLarge][data-space][tuiHeader]{padding:var(--t-dim) var(--t-dim) var(--t-dim) var(--t-padding)}[tuiCardLarge][data-space][tuiHeader] [tuiLink]:last-child{margin-inline-end:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space]>[tuiHeader]{margin:var(--t-comp) var(--t-comp) calc(1.5 * var(--t-comp)) 0}[tuiCardLarge][data-space]>[tuiHeader] [tuiLink]:last-child{margin-inline-end:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space] [tuiCell]{inline-size:stretch;padding:.5rem;margin:-.5rem -.5rem -.75rem;border-radius:var(--tui-radius-l)}[tuiCardLarge][data-space] [tuiCell]:last-of-type{margin-block-end:-.5rem}[tuiCardLarge][data-space]>[tuiLink]:last-child{display:block;inline-size:fit-content;margin-block-end:var(--t-comp)}[tuiCardLarge][data-space] [tuiAccessories]>[tuiButtonClose]{align-self:flex-start}\n"] }]
|
|
43
43
|
}] });
|
|
@@ -48,10 +48,10 @@ class TuiCardLarge {
|
|
|
48
48
|
alias: 'tuiCardLarge',
|
|
49
49
|
});
|
|
50
50
|
}
|
|
51
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
52
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.
|
|
51
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiCardLarge, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
52
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.17", type: TuiCardLarge, isStandalone: true, selector: "[tuiCardLarge]", inputs: { space: { classPropertyName: "space", publicName: "tuiCardLarge", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tuiCardLarge": "" }, properties: { "attr.data-space": "space() || \"normal\"" } }, hostDirectives: [{ directive: i1.TuiWithAppearance }], ngImport: i0 }); }
|
|
53
53
|
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiCardLarge, decorators: [{
|
|
55
55
|
type: Directive,
|
|
56
56
|
args: [{
|
|
57
57
|
selector: '[tuiCardLarge]',
|
|
@@ -64,10 +64,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
64
64
|
}] });
|
|
65
65
|
|
|
66
66
|
let Styles$1 = class Styles {
|
|
67
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
68
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
67
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
68
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-card-medium" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCardMedium],[tuiCardLarge]{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;position:relative;display:flex;align-items:flex-start;flex-shrink:0;text-decoration:none;overscroll-behavior:contain;overflow:hidden;background:var(--tui-background-elevation-2)}[tuiCardMedium] [tuiTitle],[tuiCardLarge] [tuiTitle],[tuiCardMedium] [tuiSubtitle],[tuiCardLarge] [tuiSubtitle]{max-inline-size:100%}[tuiCardMedium]>*,[tuiCardLarge]>*{scrollbar-width:none;-ms-overflow-style:none}[tuiCardMedium]>*::-webkit-scrollbar,[tuiCardLarge]>*::-webkit-scrollbar,[tuiCardMedium]>*::-webkit-scrollbar-thumb,[tuiCardLarge]>*::-webkit-scrollbar-thumb{display:none}\n", "[tuiCardMedium]{inline-size:8.75rem;block-size:8.75rem;flex-direction:column;justify-content:space-between;padding:.75rem;border-radius:var(--tui-radius-l);box-sizing:border-box}[tuiCardMedium][tuiTitle]{padding:.625rem .75rem}[tuiCardMedium] [tuiTitle]{margin:-.125rem 0}[tuiCardMedium] [tuiSubtitle]{color:var(--tui-text-primary)}[tuiCardMedium][tuiTitle],[tuiCardMedium] [tuiTitle]:not([tuiCell] *):not([tuiLabel] *){font-weight:700}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
69
69
|
};
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: Styles$1, decorators: [{
|
|
71
71
|
type: Component,
|
|
72
72
|
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-card-medium' }, styles: ["[tuiCardMedium],[tuiCardLarge]{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;position:relative;display:flex;align-items:flex-start;flex-shrink:0;text-decoration:none;overscroll-behavior:contain;overflow:hidden;background:var(--tui-background-elevation-2)}[tuiCardMedium] [tuiTitle],[tuiCardLarge] [tuiTitle],[tuiCardMedium] [tuiSubtitle],[tuiCardLarge] [tuiSubtitle]{max-inline-size:100%}[tuiCardMedium]>*,[tuiCardLarge]>*{scrollbar-width:none;-ms-overflow-style:none}[tuiCardMedium]>*::-webkit-scrollbar,[tuiCardLarge]>*::-webkit-scrollbar,[tuiCardMedium]>*::-webkit-scrollbar-thumb,[tuiCardLarge]>*::-webkit-scrollbar-thumb{display:none}\n", "[tuiCardMedium]{inline-size:8.75rem;block-size:8.75rem;flex-direction:column;justify-content:space-between;padding:.75rem;border-radius:var(--tui-radius-l);box-sizing:border-box}[tuiCardMedium][tuiTitle]{padding:.625rem .75rem}[tuiCardMedium] [tuiTitle]{margin:-.125rem 0}[tuiCardMedium] [tuiSubtitle]{color:var(--tui-text-primary)}[tuiCardMedium][tuiTitle],[tuiCardMedium] [tuiTitle]:not([tuiCell] *):not([tuiLabel] *){font-weight:700}\n"] }]
|
|
73
73
|
}] });
|
|
@@ -75,10 +75,10 @@ class TuiCardMedium {
|
|
|
75
75
|
constructor() {
|
|
76
76
|
this.nothing = tuiWithStyles(Styles$1);
|
|
77
77
|
}
|
|
78
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
79
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
78
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiCardMedium, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
79
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: TuiCardMedium, isStandalone: true, selector: "[tuiCardMedium]", providers: [tuiAvatarOptionsProvider({ size: 'l' })], hostDirectives: [{ directive: i1.TuiWithAppearance }], ngImport: i0 }); }
|
|
80
80
|
}
|
|
81
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
81
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiCardMedium, decorators: [{
|
|
82
82
|
type: Directive,
|
|
83
83
|
args: [{
|
|
84
84
|
selector: '[tuiCardMedium]',
|
|
@@ -88,10 +88,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
|
|
|
88
88
|
}] });
|
|
89
89
|
|
|
90
90
|
class Styles {
|
|
91
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
92
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
91
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
92
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-card-row" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCardRow]{display:flex;align-items:center;gap:3rem}[tuiCardRow] tui-icon{font-size:1rem}[tuiCardRow] [tuiTitle]{font:var(--tui-font-text-s)}[tuiCardRow] [tuiTitle]>:not([tuiSubtitle]){display:flex;align-items:center;gap:.25rem}[tuiCardRow] [tuiSubtitle]{color:var(--tui-text-secondary);font:var(--tui-font-text-xs)}[tuiCardRow]>[tuiButton],[tuiCardRow]>[tuiIconButton]{margin-inline-start:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
93
93
|
}
|
|
94
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
94
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: Styles, decorators: [{
|
|
95
95
|
type: Component,
|
|
96
96
|
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-card-row' }, styles: ["[tuiCardRow]{display:flex;align-items:center;gap:3rem}[tuiCardRow] tui-icon{font-size:1rem}[tuiCardRow] [tuiTitle]{font:var(--tui-font-text-s)}[tuiCardRow] [tuiTitle]>:not([tuiSubtitle]){display:flex;align-items:center;gap:.25rem}[tuiCardRow] [tuiSubtitle]{color:var(--tui-text-secondary);font:var(--tui-font-text-xs)}[tuiCardRow]>[tuiButton],[tuiCardRow]>[tuiIconButton]{margin-inline-start:auto}\n"] }]
|
|
97
97
|
}] });
|
|
@@ -99,10 +99,10 @@ class TuiCardRow {
|
|
|
99
99
|
constructor() {
|
|
100
100
|
this.nothing = tuiWithStyles(Styles);
|
|
101
101
|
}
|
|
102
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
103
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
102
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiCardRow, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
103
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: TuiCardRow, isStandalone: true, selector: "[tuiCardRow]", ngImport: i0 }); }
|
|
104
104
|
}
|
|
105
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
105
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiCardRow, decorators: [{
|
|
106
106
|
type: Directive,
|
|
107
107
|
args: [{
|
|
108
108
|
selector: '[tuiCardRow]',
|
|
@@ -27,10 +27,10 @@ class TuiDynamicHeaderAnchorDirective {
|
|
|
27
27
|
ngOnDestroy() {
|
|
28
28
|
this.observer.unobserve(this.view.rootNodes[0]);
|
|
29
29
|
}
|
|
30
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
31
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
30
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiDynamicHeaderAnchorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
31
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: TuiDynamicHeaderAnchorDirective, isStandalone: true, selector: "[tuiDynamicHeaderAnchor]", ngImport: i0 }); }
|
|
32
32
|
}
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiDynamicHeaderAnchorDirective, decorators: [{
|
|
34
34
|
type: Directive,
|
|
35
35
|
args: [{
|
|
36
36
|
selector: '[tuiDynamicHeaderAnchor]',
|
|
@@ -51,10 +51,10 @@ class TuiDynamicHeaderContainerDirective {
|
|
|
51
51
|
.filter((h) => h.visible())
|
|
52
52
|
.map((h) => h.templateRef));
|
|
53
53
|
}
|
|
54
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
55
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.
|
|
54
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiDynamicHeaderContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
55
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.17", type: TuiDynamicHeaderContainerDirective, isStandalone: true, selector: "[tuiDynamicHeaderContainer]", host: { attributes: { "waIntersectionRootMargin": "-44px 0px 1000000% 0px" } }, queries: [{ propertyName: "headers", predicate: TuiDynamicHeaderAnchorDirective, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.WaIntersectionRoot }, { directive: i1.WaIntersectionObserverDirective }], ngImport: i0 }); }
|
|
56
56
|
}
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiDynamicHeaderContainerDirective, decorators: [{
|
|
58
58
|
type: Directive,
|
|
59
59
|
args: [{
|
|
60
60
|
selector: '[tuiDynamicHeaderContainer]',
|
|
@@ -69,8 +69,8 @@ class TuiDynamicHeaderComponent {
|
|
|
69
69
|
constructor() {
|
|
70
70
|
this.container = inject(TuiDynamicHeaderContainerDirective);
|
|
71
71
|
}
|
|
72
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
73
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.
|
|
72
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiDynamicHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
73
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: TuiDynamicHeaderComponent, isStandalone: true, selector: "[tuiDynamicHeader]", host: { properties: { "style.--t-dir": "container.scrollDir() || -1" } }, ngImport: i0, template: `
|
|
74
74
|
@for (header of container.hiddenHeaders(); track header) {
|
|
75
75
|
@if ($last) {
|
|
76
76
|
<div tuiAnimated>
|
|
@@ -84,7 +84,7 @@ class TuiDynamicHeaderComponent {
|
|
|
84
84
|
}
|
|
85
85
|
`, isInline: true, styles: [":host{display:flex;block-size:100%;align-items:center;justify-content:center}:host-context([data-platform=\"android\"]) :host{justify-content:start}.tui-enter{animation-name:tuiFade,tuiSlide;--tui-from: translateY(calc(-200% * var(--t-dir)))}.tui-leave{animation-name:tuiFade,tuiSlide;--tui-from: translateY(calc(200% * var(--t-dir)))}.tui-enter:not(:first-of-type),.tui-leave:not(:first-of-type){position:absolute}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiAnimated, selector: "[tuiAnimated]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
86
86
|
}
|
|
87
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
87
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiDynamicHeaderComponent, decorators: [{
|
|
88
88
|
type: Component,
|
|
89
89
|
args: [{ selector: '[tuiDynamicHeader]', imports: [PolymorpheusOutlet, TuiAnimated], template: `
|
|
90
90
|
@for (header of container.hiddenHeaders(); track header) {
|