@taiga-ui/kit 4.87.0 → 4.88.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/esm2022/components/avatar/avatar-labeled.component.mjs +3 -3
- package/esm2022/components/avatar/avatar-outline.directive.mjs +3 -3
- package/esm2022/components/avatar/avatar-stack.component.mjs +2 -2
- package/esm2022/components/badge/badge.directive.mjs +3 -3
- package/esm2022/components/block/block.directive.mjs +3 -3
- package/esm2022/components/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/components/chip/chip.directive.mjs +3 -3
- package/esm2022/components/comment/comment.directive.mjs +3 -3
- package/esm2022/components/compass/compass.component.mjs +2 -2
- package/esm2022/components/files/files/files.component.mjs +3 -3
- package/esm2022/components/input-color/input-color.component.mjs +2 -2
- package/esm2022/components/input-date/input-date.component.mjs +2 -2
- package/esm2022/components/input-date-time/input-date-time.component.mjs +2 -2
- package/esm2022/components/input-inline/input-inline.component.mjs +2 -2
- package/esm2022/components/input-month/input-month.component.mjs +2 -2
- package/esm2022/components/input-number/step/input-number-step.component.mjs +2 -2
- package/esm2022/components/input-time/input-time.component.mjs +2 -2
- package/esm2022/components/like/like.component.mjs +2 -2
- package/esm2022/components/message/message.directive.mjs +3 -3
- package/esm2022/components/pin/pin.directive.mjs +3 -3
- package/esm2022/components/preview/dialog/preview-dialog.component.mjs +3 -3
- package/esm2022/components/progress/progress-bar/fixed-gradient/progress-fixed-gradient.directive.mjs +3 -3
- package/esm2022/components/progress/progress-bar/progress-bar.component.mjs +2 -2
- package/esm2022/components/progress/progress-segmented/progress-segmented.directive.mjs +3 -3
- package/esm2022/components/radio/radio.component.mjs +2 -2
- package/esm2022/components/radio-list/radio-list.component.mjs +2 -2
- package/esm2022/components/segmented/segmented.component.mjs +3 -3
- package/esm2022/components/shrink-wrap/shrink-wrap.component.mjs +2 -2
- package/esm2022/components/status/status.directive.mjs +3 -3
- package/esm2022/components/switch/switch.component.mjs +2 -2
- package/esm2022/components/tabs/tab.directive.mjs +1 -1
- package/esm2022/components/tabs/tabs.directive.mjs +3 -3
- package/esm2022/components/tiles/tiles.component.mjs +3 -3
- package/esm2022/components/toast/toast.directive.mjs +3 -3
- package/esm2022/directives/button-group/button-group.directive.mjs +3 -3
- package/esm2022/directives/chevron/chevron.directive.mjs +3 -3
- package/esm2022/directives/connected/connected.directive.mjs +3 -3
- package/esm2022/directives/fade/fade.directive.mjs +3 -3
- package/esm2022/directives/icon-badge/icon-badge.directive.mjs +3 -3
- package/esm2022/directives/sensitive/sensitive.directive.mjs +3 -3
- package/esm2022/directives/shimmer/shimmer.directive.mjs +3 -3
- package/esm2022/directives/skeleton/skeleton.directive.mjs +3 -3
- package/esm2022/directives/tooltip/tooltip.directive.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-avatar.mjs +8 -8
- package/fesm2022/taiga-ui-kit-components-badge.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-block.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-checkbox.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-chip.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-comment.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-compass.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-files.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-input-color.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-date-time.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-date.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-inline.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-month.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-number.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-time.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-like.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-message.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-pin.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-preview-dialog.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-preview.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-progress.mjs +8 -8
- package/fesm2022/taiga-ui-kit-components-radio-list.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-radio.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-segmented.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-shrink-wrap.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-status.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-switch.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-tabs.mjs +4 -4
- package/fesm2022/taiga-ui-kit-components-tiles.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-toast.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-button-group.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-chevron.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-connected.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-fade.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-icon-badge.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-sensitive.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-shimmer.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-skeleton.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-tooltip.mjs +3 -3
- package/package.json +4 -4
|
@@ -13,7 +13,7 @@ class TuiAvatarLabeled {
|
|
|
13
13
|
return label.split(' ');
|
|
14
14
|
}
|
|
15
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatarLabeled, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarLabeled, isStandalone: true, selector: "tui-avatar-labeled", inputs: { label: "label" }, host: { attributes: { "tuiAvatarLabeledV": "4.
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarLabeled, isStandalone: true, selector: "tui-avatar-labeled", inputs: { label: "label" }, host: { attributes: { "tuiAvatarLabeledV": "4.88.0" } }, ngImport: i0, template: `
|
|
17
17
|
<ng-content />
|
|
18
18
|
<ng-container *ngIf="label.length">
|
|
19
19
|
<span
|
|
@@ -23,7 +23,7 @@ class TuiAvatarLabeled {
|
|
|
23
23
|
{{ item }}
|
|
24
24
|
</span>
|
|
25
25
|
</ng-container>
|
|
26
|
-
`, isInline: true, styles: ["[tuiAvatarLabeledV=\"4.
|
|
26
|
+
`, isInline: true, styles: ["[tuiAvatarLabeledV=\"4.88.0\"]{display:flex;inline-size:3.5rem;box-sizing:content-box;flex-direction:column;text-align:center;align-items:center;line-height:.895rem;font-size:.75rem;padding:0 .5rem;white-space:nowrap}[tuiAvatarLabeledV=\"4.88.0\"] tui-avatar{margin-block-end:.375rem}[tuiAvatarLabeledV=\"4.88.0\"] [tuiFade]{inline-size:calc(100% + 1rem)}\n"], dependencies: [{ kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TuiFade, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
27
27
|
}
|
|
28
28
|
__decorate([
|
|
29
29
|
tuiPure
|
|
@@ -43,7 +43,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
43
43
|
</ng-container>
|
|
44
44
|
`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
45
45
|
tuiAvatarLabeledV: TUI_VERSION,
|
|
46
|
-
}, styles: ["[tuiAvatarLabeledV=\"4.
|
|
46
|
+
}, styles: ["[tuiAvatarLabeledV=\"4.88.0\"]{display:flex;inline-size:3.5rem;box-sizing:content-box;flex-direction:column;text-align:center;align-items:center;line-height:.895rem;font-size:.75rem;padding:0 .5rem;white-space:nowrap}[tuiAvatarLabeledV=\"4.88.0\"] tui-avatar{margin-block-end:.375rem}[tuiAvatarLabeledV=\"4.88.0\"] [tuiFade]{inline-size:calc(100% + 1rem)}\n"] }]
|
|
47
47
|
}], propDecorators: { label: [{
|
|
48
48
|
type: Input
|
|
49
49
|
}], split: [] } });
|
|
@@ -4,13 +4,13 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
class TuiAvatarOutlineStyles {
|
|
6
6
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatarOutlineStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarOutlineStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-avatar-outline" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiAvatarOutlineV=\"4.
|
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarOutlineStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-avatar-outline" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiAvatarOutlineV=\"4.88.0\"]{--t-outline: .1875rem;--t-gap: .125rem}[tuiAvatarOutlineV=\"4.88.0\"][data-size=xs],[tuiAvatarOutlineV=\"4.88.0\"][data-size=s],[tuiAvatarOutlineV=\"4.88.0\"][data-size=m]{--t-outline: .125rem;--t-gap: .0625rem}[tuiAvatarOutlineV=\"4.88.0\"]._outline{-webkit-mask:radial-gradient(closest-side,#000,#000 calc(100% - var(--t-gap) - var(--t-outline) - .5px),transparent calc(100% - var(--t-gap) - var(--t-outline)),transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)));mask:radial-gradient(closest-side,#000,#000 calc(100% - var(--t-gap) - var(--t-outline) - .5px),transparent calc(100% - var(--t-gap) - var(--t-outline)),transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)))}[tuiAvatarOutlineV=\"4.88.0\"]._outline:after{content:\"\";position:absolute;top:0;left:0;inline-size:100%;block-size:100%;background:var(--t-fill);-webkit-mask:radial-gradient(closest-side,transparent,transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)));mask:radial-gradient(closest-side,transparent,transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8
8
|
}
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatarOutlineStyles, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
11
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
12
12
|
class: 'tui-avatar-outline',
|
|
13
|
-
}, styles: ["[tuiAvatarOutlineV=\"4.
|
|
13
|
+
}, styles: ["[tuiAvatarOutlineV=\"4.88.0\"]{--t-outline: .1875rem;--t-gap: .125rem}[tuiAvatarOutlineV=\"4.88.0\"][data-size=xs],[tuiAvatarOutlineV=\"4.88.0\"][data-size=s],[tuiAvatarOutlineV=\"4.88.0\"][data-size=m]{--t-outline: .125rem;--t-gap: .0625rem}[tuiAvatarOutlineV=\"4.88.0\"]._outline{-webkit-mask:radial-gradient(closest-side,#000,#000 calc(100% - var(--t-gap) - var(--t-outline) - .5px),transparent calc(100% - var(--t-gap) - var(--t-outline)),transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)));mask:radial-gradient(closest-side,#000,#000 calc(100% - var(--t-gap) - var(--t-outline) - .5px),transparent calc(100% - var(--t-gap) - var(--t-outline)),transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)))}[tuiAvatarOutlineV=\"4.88.0\"]._outline:after{content:\"\";position:absolute;top:0;left:0;inline-size:100%;block-size:100%;background:var(--t-fill);-webkit-mask:radial-gradient(closest-side,transparent,transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)));mask:radial-gradient(closest-side,transparent,transparent calc(100% - var(--t-outline) - .5px),#000 calc(100% - var(--t-outline)))}\n"] }]
|
|
14
14
|
}] });
|
|
15
15
|
class TuiAvatarOutline {
|
|
16
16
|
constructor() {
|
|
@@ -23,7 +23,7 @@ class TuiAvatarOutline {
|
|
|
23
23
|
: this.tuiAvatarOutline;
|
|
24
24
|
}
|
|
25
25
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatarOutline, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
26
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarOutline, isStandalone: true, selector: "[tuiAvatarOutline]", inputs: { tuiAvatarOutline: "tuiAvatarOutline" }, host: { attributes: { "tuiAvatarOutlineV": "4.
|
|
26
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarOutline, isStandalone: true, selector: "[tuiAvatarOutline]", inputs: { tuiAvatarOutline: "tuiAvatarOutline" }, host: { attributes: { "tuiAvatarOutlineV": "4.88.0" }, properties: { "style.--t-fill": "value", "class._outline": "value" } }, ngImport: i0 }); }
|
|
27
27
|
}
|
|
28
28
|
export { TuiAvatarOutline };
|
|
29
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatarOutline, decorators: [{
|
|
@@ -6,7 +6,7 @@ class TuiAvatarStack {
|
|
|
6
6
|
this.direction = 'right';
|
|
7
7
|
}
|
|
8
8
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatarStack, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarStack, isStandalone: true, selector: "tui-avatar-stack", inputs: { direction: "direction" }, host: { attributes: { "tuiAvatarStackV": "4.
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAvatarStack, isStandalone: true, selector: "tui-avatar-stack", inputs: { direction: "direction" }, host: { attributes: { "tuiAvatarStackV": "4.88.0" }, properties: { "attr.data-direction": "direction" } }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["[tuiAvatarStackV=\"4.88.0\"]{display:flex;--t-gap: .125rem}[tuiAvatarStackV=\"4.88.0\"] tui-avatar{--t-offset: 2.5rem}[tuiAvatarStackV=\"4.88.0\"] tui-avatar[data-size=xl]{--t-offset: 2.125rem}[tuiAvatarStackV=\"4.88.0\"] tui-avatar[data-size=l]{--t-offset: 1.5rem}[tuiAvatarStackV=\"4.88.0\"] tui-avatar[data-size=m]{--t-offset: .75rem}[tuiAvatarStackV=\"4.88.0\"] tui-avatar[data-size=s]{--t-offset: .575rem}[tuiAvatarStackV=\"4.88.0\"] tui-avatar[data-size=xs]{--t-offset: .375rem}[tuiAvatarStackV=\"4.88.0\"] tui-avatar._round{-webkit-mask-image:radial-gradient(circle at calc(50% - calc(var(--tui-inline) * (var(--t-size) - var(--t-offset)))) 50%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px));mask-image:radial-gradient(circle at calc(50% - calc(var(--tui-inline) * (var(--t-size) - var(--t-offset)))) 50%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px))}[tuiAvatarStackV=\"4.88.0\"][data-direction=right] tui-avatar._round{--tui-inline: -1}[dir=rtl] [tuiAvatarStackV=\"4.88.0\"][data-direction=right] tui-avatar._round{--tui-inline: 1}[tuiAvatarStackV=\"4.88.0\"][data-direction=right] tui-avatar._round:last-child{-webkit-mask-image:none;mask-image:none}[tuiAvatarStackV=\"4.88.0\"][data-direction=left] tui-avatar._round:first-child{-webkit-mask-image:none;mask-image:none}[tuiAvatarStackV=\"4.88.0\"][data-direction=left] tui-avatar:not(._round):not(:first-child),[dir=rtl] [tuiAvatarStackV=\"4.88.0\"][data-direction=right] tui-avatar:not(._round):not(:last-child){-webkit-mask-image:radial-gradient(circle at 0% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 0% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to right,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));mask-image:radial-gradient(circle at 0% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 0% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to right,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));-webkit-mask-position:calc(var(--t-offset) - var(--t-radius)) calc(-1 * (var(--t-size) - var(--t-radius))),calc(var(--t-offset) - var(--t-radius)) calc(var(--t-size) - var(--t-radius)),bottom;mask-position:calc(var(--t-offset) - var(--t-radius)) calc(-1 * (var(--t-size) - var(--t-radius))),calc(var(--t-offset) - var(--t-radius)) calc(var(--t-size) - var(--t-radius)),bottom}[tuiAvatarStackV=\"4.88.0\"][data-direction=right] tui-avatar:not(._round):not(:last-child),[dir=rtl] [tuiAvatarStackV=\"4.88.0\"][data-direction=left] tui-avatar:not(._round):not(:first-child){-webkit-mask-image:radial-gradient(circle at 150% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 150% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to left,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));mask-image:radial-gradient(circle at 150% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 150% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to left,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));-webkit-mask-position:calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(-1 * var(--t-gap)),calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(100% + var(--t-gap)),bottom;mask-position:calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(-1 * var(--t-gap)),calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(100% + var(--t-gap)),bottom}[tuiAvatarStackV=\"4.88.0\"] tui-avatar:not(._round){-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[dir=rtl] [tuiAvatarStackV=\"4.88.0\"][data-direction=left] tui-avatar:not(._round),[tuiAvatarStackV=\"4.88.0\"][data-direction=right] tui-avatar:not(._round){-webkit-mask-size:calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),100%;mask-size:calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),100%}[dir=rtl] [tuiAvatarStackV=\"4.88.0\"][data-direction=right] tui-avatar:not(._round){-webkit-mask-size:unset;mask-size:unset}[tuiAvatarStackV=\"4.88.0\"] tui-avatar:not(:last-child){margin-inline-end:calc(-1 * var(--t-offset))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10
10
|
}
|
|
11
11
|
export { TuiAvatarStack };
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAvatarStack, decorators: [{
|
|
@@ -14,7 +14,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
14
14
|
args: [{ standalone: true, selector: 'tui-avatar-stack', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
15
15
|
tuiAvatarStackV: TUI_VERSION,
|
|
16
16
|
'[attr.data-direction]': 'direction',
|
|
17
|
-
}, styles: ["[tuiAvatarStackV=\"4.
|
|
17
|
+
}, styles: ["[tuiAvatarStackV=\"4.88.0\"]{display:flex;--t-gap: .125rem}[tuiAvatarStackV=\"4.88.0\"] tui-avatar{--t-offset: 2.5rem}[tuiAvatarStackV=\"4.88.0\"] tui-avatar[data-size=xl]{--t-offset: 2.125rem}[tuiAvatarStackV=\"4.88.0\"] tui-avatar[data-size=l]{--t-offset: 1.5rem}[tuiAvatarStackV=\"4.88.0\"] tui-avatar[data-size=m]{--t-offset: .75rem}[tuiAvatarStackV=\"4.88.0\"] tui-avatar[data-size=s]{--t-offset: .575rem}[tuiAvatarStackV=\"4.88.0\"] tui-avatar[data-size=xs]{--t-offset: .375rem}[tuiAvatarStackV=\"4.88.0\"] tui-avatar._round{-webkit-mask-image:radial-gradient(circle at calc(50% - calc(var(--tui-inline) * (var(--t-size) - var(--t-offset)))) 50%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px));mask-image:radial-gradient(circle at calc(50% - calc(var(--tui-inline) * (var(--t-size) - var(--t-offset)))) 50%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px))}[tuiAvatarStackV=\"4.88.0\"][data-direction=right] tui-avatar._round{--tui-inline: -1}[dir=rtl] [tuiAvatarStackV=\"4.88.0\"][data-direction=right] tui-avatar._round{--tui-inline: 1}[tuiAvatarStackV=\"4.88.0\"][data-direction=right] tui-avatar._round:last-child{-webkit-mask-image:none;mask-image:none}[tuiAvatarStackV=\"4.88.0\"][data-direction=left] tui-avatar._round:first-child{-webkit-mask-image:none;mask-image:none}[tuiAvatarStackV=\"4.88.0\"][data-direction=left] tui-avatar:not(._round):not(:first-child),[dir=rtl] [tuiAvatarStackV=\"4.88.0\"][data-direction=right] tui-avatar:not(._round):not(:last-child){-webkit-mask-image:radial-gradient(circle at 0% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 0% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to right,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));mask-image:radial-gradient(circle at 0% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 0% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to right,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));-webkit-mask-position:calc(var(--t-offset) - var(--t-radius)) calc(-1 * (var(--t-size) - var(--t-radius))),calc(var(--t-offset) - var(--t-radius)) calc(var(--t-size) - var(--t-radius)),bottom;mask-position:calc(var(--t-offset) - var(--t-radius)) calc(-1 * (var(--t-size) - var(--t-radius))),calc(var(--t-offset) - var(--t-radius)) calc(var(--t-size) - var(--t-radius)),bottom}[tuiAvatarStackV=\"4.88.0\"][data-direction=right] tui-avatar:not(._round):not(:last-child),[dir=rtl] [tuiAvatarStackV=\"4.88.0\"][data-direction=left] tui-avatar:not(._round):not(:first-child){-webkit-mask-image:radial-gradient(circle at 150% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 150% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to left,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));mask-image:radial-gradient(circle at 150% 100%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),radial-gradient(circle at 150% 0%,transparent calc(var(--t-radius) + var(--t-gap)),#000 calc(var(--t-radius) + var(--t-gap) + .2px)),linear-gradient(to left,transparent calc(var(--t-offset) + var(--t-gap)),#000 calc(var(--t-offset) + var(--t-gap)));-webkit-mask-position:calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(-1 * var(--t-gap)),calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(100% + var(--t-gap)),bottom;mask-position:calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(-1 * var(--t-gap)),calc((var(--t-offset) - var(--t-size) + var(--t-radius) / 2 + var(--t-gap) + 1px) * -1) calc(100% + var(--t-gap)),bottom}[tuiAvatarStackV=\"4.88.0\"] tui-avatar:not(._round){-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[dir=rtl] [tuiAvatarStackV=\"4.88.0\"][data-direction=left] tui-avatar:not(._round),[tuiAvatarStackV=\"4.88.0\"][data-direction=right] tui-avatar:not(._round){-webkit-mask-size:calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),100%;mask-size:calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),calc(var(--t-radius) + var(--t-gap)) calc(var(--t-radius) + var(--t-gap)),100%}[dir=rtl] [tuiAvatarStackV=\"4.88.0\"][data-direction=right] tui-avatar:not(._round){-webkit-mask-size:unset;mask-size:unset}[tuiAvatarStackV=\"4.88.0\"] tui-avatar:not(:last-child){margin-inline-end:calc(-1 * var(--t-offset))}\n"] }]
|
|
18
18
|
}], propDecorators: { direction: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}] } });
|
|
@@ -9,13 +9,13 @@ import * as i1 from "@taiga-ui/core/directives/appearance";
|
|
|
9
9
|
import * as i2 from "@taiga-ui/core/directives/icons";
|
|
10
10
|
class TuiBadgeStyles {
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBadgeStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiBadgeStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-badge" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiBadgeV=\"4.
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiBadgeStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-badge" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiBadgeV=\"4.88.0\"]{--t-icon-size: 1rem;--t-padding: 0 .5rem;--t-size: var(--tui-height-xs);--t-margin: -.25rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, 0rem) - 2 * var(--t-margin, 0rem));border-radius:6rem;justify-content:center;background:#959595;color:var(--tui-background-base);padding:var(--t-padding);block-size:var(--t-size);min-inline-size:var(--t-size);inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;font:var(--tui-font-text-s)}[tuiBadgeV=\"4.88.0\"]>img,[tuiBadgeV=\"4.88.0\"]>tui-svg,[tuiBadgeV=\"4.88.0\"]>tui-icon,[tuiBadgeV=\"4.88.0\"]>tui-avatar,[tuiBadgeV=\"4.88.0\"]>tui-badge,[tuiBadgeV=\"4.88.0\"]>[tuiBadge],[tuiBadgeV=\"4.88.0\"]>[tuiRadio],[tuiBadgeV=\"4.88.0\"]>[tuiSwitch],[tuiBadgeV=\"4.88.0\"]>[tuiCheckbox],[tuiBadgeV=\"4.88.0\"][tuiIcons]:before,[tuiBadgeV=\"4.88.0\"][tuiIcons]:after{margin:var(--t-margin)}[tuiBadgeV=\"4.88.0\"][tuiStatus]:before{inline-size:.375rem;block-size:.375rem;margin:0}[tuiBadgeV=\"4.88.0\"]>tui-icon,[tuiBadgeV=\"4.88.0\"][tuiIcons]:before,[tuiBadgeV=\"4.88.0\"][tuiIcons]:after{font-size:var(--t-icon-size)!important}[tuiBadgeV=\"4.88.0\"][data-appearance=error],[tuiBadgeV=\"4.88.0\"][data-appearance=negative]{--t-status: var(--tui-status-negative)}[tuiBadgeV=\"4.88.0\"][data-appearance=success],[tuiBadgeV=\"4.88.0\"][data-appearance=positive]{--t-status: var(--tui-status-positive)}[tuiBadgeV=\"4.88.0\"][data-appearance=warning]{--t-status: var(--tui-status-warning)}[tuiBadgeV=\"4.88.0\"][data-appearance=info]{--t-status: var(--tui-status-info)}[tuiBadgeV=\"4.88.0\"][data-appearance=neutral]{--t-status: var(--tui-status-neutral)}[tuiBadgeV=\"4.88.0\"][data-size=s]{--t-padding: 0 .3125rem;--t-size: 1rem;--t-icon-size: .625rem;--t-margin: -.125rem;font:var(--tui-font-text-xs)}[tuiBadgeV=\"4.88.0\"][data-size=s][tuiStatus]:before{inline-size:.25rem;block-size:.25rem;margin-inline-end:-.125rem}[tuiBadgeV=\"4.88.0\"][data-size=m]{--t-padding: 0 .375rem;--t-size: 1.25rem;--t-icon-size: .75rem;--t-margin: -.125rem}[tuiBadgeV=\"4.88.0\"][data-size=xl]{--t-margin: -.25rem;--t-padding: 0 .75rem;--t-size: var(--tui-height-s);font:var(--tui-font-text-m)}[tuiBadgeV=\"4.88.0\"][data-size=xl][tuiStatus]:before{inline-size:.5rem;block-size:.5rem;margin-inline-end:-.125rem}[tuiBadgeV=\"4.88.0\"][tuiAppearance][data-appearance=error],[tuiBadgeV=\"4.88.0\"][tuiAppearance][data-appearance=success],[tuiBadgeV=\"4.88.0\"][tuiAppearance][data-appearance=negative],[tuiBadgeV=\"4.88.0\"][tuiAppearance][data-appearance=positive],[tuiBadgeV=\"4.88.0\"][tuiAppearance][data-appearance=warning],[tuiBadgeV=\"4.88.0\"][tuiAppearance][data-appearance=info],[tuiBadgeV=\"4.88.0\"][tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}img[tuiBadgeV=\"4.88.0\"]{padding:0;inline-size:var(--t-size)}tui-icon[tuiBadgeV=\"4.88.0\"]{--t-margin: 0 !important;-webkit-mask:none;mask:none;block-size:var(--t-size);inline-size:var(--t-size)}tui-icon[tuiBadgeV=\"4.88.0\"][data-size=s]:after{-webkit-mask-size:.625rem;mask-size:.625rem}tui-icon[tuiBadgeV=\"4.88.0\"][data-size=m]:after{-webkit-mask-size:.75rem;mask-size:.75rem}tui-icon[tuiBadgeV=\"4.88.0\"][data-size=l]:after,tui-icon[tuiBadgeV=\"4.88.0\"][data-size=xl]:after{-webkit-mask-size:1rem;mask-size:1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBadgeStyles, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
17
17
|
class: 'tui-badge',
|
|
18
|
-
}, styles: ["[tuiBadgeV=\"4.
|
|
18
|
+
}, styles: ["[tuiBadgeV=\"4.88.0\"]{--t-icon-size: 1rem;--t-padding: 0 .5rem;--t-size: var(--tui-height-xs);--t-margin: -.25rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, 0rem) - 2 * var(--t-margin, 0rem));border-radius:6rem;justify-content:center;background:#959595;color:var(--tui-background-base);padding:var(--t-padding);block-size:var(--t-size);min-inline-size:var(--t-size);inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;font:var(--tui-font-text-s)}[tuiBadgeV=\"4.88.0\"]>img,[tuiBadgeV=\"4.88.0\"]>tui-svg,[tuiBadgeV=\"4.88.0\"]>tui-icon,[tuiBadgeV=\"4.88.0\"]>tui-avatar,[tuiBadgeV=\"4.88.0\"]>tui-badge,[tuiBadgeV=\"4.88.0\"]>[tuiBadge],[tuiBadgeV=\"4.88.0\"]>[tuiRadio],[tuiBadgeV=\"4.88.0\"]>[tuiSwitch],[tuiBadgeV=\"4.88.0\"]>[tuiCheckbox],[tuiBadgeV=\"4.88.0\"][tuiIcons]:before,[tuiBadgeV=\"4.88.0\"][tuiIcons]:after{margin:var(--t-margin)}[tuiBadgeV=\"4.88.0\"][tuiStatus]:before{inline-size:.375rem;block-size:.375rem;margin:0}[tuiBadgeV=\"4.88.0\"]>tui-icon,[tuiBadgeV=\"4.88.0\"][tuiIcons]:before,[tuiBadgeV=\"4.88.0\"][tuiIcons]:after{font-size:var(--t-icon-size)!important}[tuiBadgeV=\"4.88.0\"][data-appearance=error],[tuiBadgeV=\"4.88.0\"][data-appearance=negative]{--t-status: var(--tui-status-negative)}[tuiBadgeV=\"4.88.0\"][data-appearance=success],[tuiBadgeV=\"4.88.0\"][data-appearance=positive]{--t-status: var(--tui-status-positive)}[tuiBadgeV=\"4.88.0\"][data-appearance=warning]{--t-status: var(--tui-status-warning)}[tuiBadgeV=\"4.88.0\"][data-appearance=info]{--t-status: var(--tui-status-info)}[tuiBadgeV=\"4.88.0\"][data-appearance=neutral]{--t-status: var(--tui-status-neutral)}[tuiBadgeV=\"4.88.0\"][data-size=s]{--t-padding: 0 .3125rem;--t-size: 1rem;--t-icon-size: .625rem;--t-margin: -.125rem;font:var(--tui-font-text-xs)}[tuiBadgeV=\"4.88.0\"][data-size=s][tuiStatus]:before{inline-size:.25rem;block-size:.25rem;margin-inline-end:-.125rem}[tuiBadgeV=\"4.88.0\"][data-size=m]{--t-padding: 0 .375rem;--t-size: 1.25rem;--t-icon-size: .75rem;--t-margin: -.125rem}[tuiBadgeV=\"4.88.0\"][data-size=xl]{--t-margin: -.25rem;--t-padding: 0 .75rem;--t-size: var(--tui-height-s);font:var(--tui-font-text-m)}[tuiBadgeV=\"4.88.0\"][data-size=xl][tuiStatus]:before{inline-size:.5rem;block-size:.5rem;margin-inline-end:-.125rem}[tuiBadgeV=\"4.88.0\"][tuiAppearance][data-appearance=error],[tuiBadgeV=\"4.88.0\"][tuiAppearance][data-appearance=success],[tuiBadgeV=\"4.88.0\"][tuiAppearance][data-appearance=negative],[tuiBadgeV=\"4.88.0\"][tuiAppearance][data-appearance=positive],[tuiBadgeV=\"4.88.0\"][tuiAppearance][data-appearance=warning],[tuiBadgeV=\"4.88.0\"][tuiAppearance][data-appearance=info],[tuiBadgeV=\"4.88.0\"][tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}img[tuiBadgeV=\"4.88.0\"]{padding:0;inline-size:var(--t-size)}tui-icon[tuiBadgeV=\"4.88.0\"]{--t-margin: 0 !important;-webkit-mask:none;mask:none;block-size:var(--t-size);inline-size:var(--t-size)}tui-icon[tuiBadgeV=\"4.88.0\"][data-size=s]:after{-webkit-mask-size:.625rem;mask-size:.625rem}tui-icon[tuiBadgeV=\"4.88.0\"][data-size=m]:after{-webkit-mask-size:.75rem;mask-size:.75rem}tui-icon[tuiBadgeV=\"4.88.0\"][data-size=l]:after,tui-icon[tuiBadgeV=\"4.88.0\"][data-size=xl]:after{-webkit-mask-size:1rem;mask-size:1rem}\n"] }]
|
|
19
19
|
}] });
|
|
20
20
|
class TuiBadge {
|
|
21
21
|
constructor() {
|
|
@@ -23,7 +23,7 @@ class TuiBadge {
|
|
|
23
23
|
this.size = inject(TUI_BADGE_OPTIONS).size;
|
|
24
24
|
}
|
|
25
25
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBadge, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
26
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiBadge, isStandalone: true, selector: "tui-badge,[tuiBadge]", inputs: { size: "size" }, host: { attributes: { "tuiBadgeV": "4.
|
|
26
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiBadge, isStandalone: true, selector: "tui-badge,[tuiBadge]", inputs: { size: "size" }, host: { attributes: { "tuiBadgeV": "4.88.0" }, properties: { "attr.data-size": "size" } }, providers: [tuiAppearanceOptionsProvider(TUI_BADGE_OPTIONS)], hostDirectives: [{ directive: i1.TuiWithAppearance }, { directive: i2.TuiWithIcons }], ngImport: i0 }); }
|
|
27
27
|
}
|
|
28
28
|
export { TuiBadge };
|
|
29
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBadge, decorators: [{
|
|
@@ -13,13 +13,13 @@ import * as i2 from "@taiga-ui/core/directives/appearance";
|
|
|
13
13
|
import * as i3 from "@taiga-ui/core/directives/icons";
|
|
14
14
|
class TuiBlockStyles {
|
|
15
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBlockStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiBlockStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-block" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiBlockV=\"4.
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiBlockStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-block" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiBlockV=\"4.88.0\"]{--t-height: var(--tui-height-l);--t-radius: var(--tui-radius-l);position:relative;display:inline-flex;gap:.75rem;color:var(--tui-text-primary);border-radius:var(--t-radius);min-block-size:var(--t-height);margin:0;box-sizing:border-box;cursor:pointer;overflow:hidden;font:var(--tui-font-text-m);padding:var(--tui-padding-l);isolation:isolate}[tuiBlockV=\"4.88.0\"][data-size=s]{gap:.5rem;font:var(--tui-font-text-ui-s);padding:.5rem;--t-height: var(--tui-height-s);--t-radius: var(--tui-radius-m)}[tuiBlockV=\"4.88.0\"][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-ui-xs)}[tuiBlockV=\"4.88.0\"][data-size=s] [tuiTooltip]{margin:0 .125rem}[tuiBlockV=\"4.88.0\"][data-size=m]{gap:.625rem;font:var(--tui-font-text-ui-m);padding:var(--tui-padding-m);--t-height: var(--tui-height-m);--t-radius: var(--tui-radius-m)}[tuiBlockV=\"4.88.0\"][data-size=m] input:not([tuiBlock]){margin:.125rem}[tuiBlockV=\"4.88.0\"][data-size=m] [tuiTooltip]{margin:.125rem}[tuiBlockV=\"4.88.0\"]._disabled{pointer-events:none;opacity:var(--tui-disabled-opacity)}[tuiBlockV=\"4.88.0\"]._disabled :focus{visibility:hidden}[tuiBlockV=\"4.88.0\"][data-appearance=\"\"]{justify-content:center}[tuiBlockV=\"4.88.0\"] input[tuiBlock]{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;z-index:-1;min-block-size:0;pointer-events:none;border-radius:inherit;padding:0}[tuiBlockV=\"4.88.0\"] tui-avatar{margin:-.25rem}[tuiBlockV=\"4.88.0\"] [tuiTitle]{flex:1;gap:0;font:inherit;color:var(--tui-text-primary)}[tuiBlockV=\"4.88.0\"] [tuiSubtitle]{color:var(--tui-text-secondary)}[tuiBlockV=\"4.88.0\"] [tuiTooltip]{vertical-align:bottom;margin:.25rem;font-size:1rem;border:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
17
17
|
}
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBlockStyles, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
20
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
21
21
|
class: 'tui-block',
|
|
22
|
-
}, styles: ["[tuiBlockV=\"4.
|
|
22
|
+
}, styles: ["[tuiBlockV=\"4.88.0\"]{--t-height: var(--tui-height-l);--t-radius: var(--tui-radius-l);position:relative;display:inline-flex;gap:.75rem;color:var(--tui-text-primary);border-radius:var(--t-radius);min-block-size:var(--t-height);margin:0;box-sizing:border-box;cursor:pointer;overflow:hidden;font:var(--tui-font-text-m);padding:var(--tui-padding-l);isolation:isolate}[tuiBlockV=\"4.88.0\"][data-size=s]{gap:.5rem;font:var(--tui-font-text-ui-s);padding:.5rem;--t-height: var(--tui-height-s);--t-radius: var(--tui-radius-m)}[tuiBlockV=\"4.88.0\"][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-ui-xs)}[tuiBlockV=\"4.88.0\"][data-size=s] [tuiTooltip]{margin:0 .125rem}[tuiBlockV=\"4.88.0\"][data-size=m]{gap:.625rem;font:var(--tui-font-text-ui-m);padding:var(--tui-padding-m);--t-height: var(--tui-height-m);--t-radius: var(--tui-radius-m)}[tuiBlockV=\"4.88.0\"][data-size=m] input:not([tuiBlock]){margin:.125rem}[tuiBlockV=\"4.88.0\"][data-size=m] [tuiTooltip]{margin:.125rem}[tuiBlockV=\"4.88.0\"]._disabled{pointer-events:none;opacity:var(--tui-disabled-opacity)}[tuiBlockV=\"4.88.0\"]._disabled :focus{visibility:hidden}[tuiBlockV=\"4.88.0\"][data-appearance=\"\"]{justify-content:center}[tuiBlockV=\"4.88.0\"] input[tuiBlock]{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;z-index:-1;min-block-size:0;pointer-events:none;border-radius:inherit;padding:0}[tuiBlockV=\"4.88.0\"] tui-avatar{margin:-.25rem}[tuiBlockV=\"4.88.0\"] [tuiTitle]{flex:1;gap:0;font:inherit;color:var(--tui-text-primary)}[tuiBlockV=\"4.88.0\"] [tuiSubtitle]{color:var(--tui-text-secondary)}[tuiBlockV=\"4.88.0\"] [tuiTooltip]{vertical-align:bottom;margin:.25rem;font-size:1rem;border:none}\n"] }]
|
|
23
23
|
}] });
|
|
24
24
|
class TuiBlock {
|
|
25
25
|
constructor() {
|
|
@@ -28,7 +28,7 @@ class TuiBlock {
|
|
|
28
28
|
this.size = this.options.size;
|
|
29
29
|
}
|
|
30
30
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiBlock, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
31
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiBlock, isStandalone: true, selector: "label[tuiBlock],input[tuiBlock]", inputs: { size: ["tuiBlock", "size"] }, host: { attributes: { "tuiBlock": "", "tuiBlockV": "4.
|
|
31
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiBlock, isStandalone: true, selector: "label[tuiBlock],input[tuiBlock]", inputs: { size: ["tuiBlock", "size"] }, host: { attributes: { "tuiBlock": "", "tuiBlockV": "4.88.0" }, properties: { "attr.data-size": "size || options.size || \"l\"", "class._disabled": "!!this.control?.disabled" } }, providers: [
|
|
32
32
|
tuiAppearanceOptionsProvider(TUI_BLOCK_OPTIONS),
|
|
33
33
|
tuiAvatarOptionsProvider({ size: 's' }),
|
|
34
34
|
], queries: [{ propertyName: "control", first: true, predicate: NgControl, descendants: true }], hostDirectives: [{ directive: i1.TuiNativeValidator }, { directive: i2.TuiWithAppearance }, { directive: i3.TuiWithIcons }], ngImport: i0 }); }
|
|
@@ -51,7 +51,7 @@ class TuiCheckbox {
|
|
|
51
51
|
return icon && `url(${this.resolver(icon)})`;
|
|
52
52
|
}
|
|
53
53
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
54
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiCheckbox, isStandalone: true, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: { size: "size" }, host: { attributes: { "tuiCheckboxV": "4.
|
|
54
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiCheckbox, isStandalone: true, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: { size: "size" }, host: { attributes: { "tuiCheckboxV": "4.88.0" }, properties: { "disabled": "!control || control.disabled", "attr.data-size": "size", "class._readonly": "!control", "style.--t-checked-icon": "getIcon(\"checked\")", "style.--t-indeterminate-icon": "getIcon(\"indeterminate\")" } }, hostDirectives: [{ directive: i1.TuiAppearance, inputs: ["tuiAppearanceState", "tuiAppearanceState", "tuiAppearanceFocus", "tuiAppearanceFocus", "tuiAppearanceMode", "tuiAppearanceMode"] }, { directive: i2.TuiNativeValidator }], ngImport: i0, template: '', isInline: true, styles: ["[tuiCheckboxV=\"4.88.0\"]{--t-size: 1.5rem;--t-radius: var(--tui-radius-s);inline-size:var(--t-size);block-size:var(--t-size);border-radius:var(--t-radius);cursor:pointer;margin:0;flex-shrink:0}[tuiCheckboxV=\"4.88.0\"]:before{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";inline-size:1rem;block-size:1rem;margin:auto;background:currentColor;-webkit-mask:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\"></svg>') center / 100%;mask:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\"></svg>') center / 100%;transform:scale(0);transition:transform var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out}[tuiCheckboxV=\"4.88.0\"]:disabled._readonly._readonly{opacity:1;pointer-events:none}[tuiCheckboxV=\"4.88.0\"]:checked:before,[tuiCheckboxV=\"4.88.0\"]:indeterminate:before{-webkit-mask-image:var(--t-checked-icon);mask-image:var(--t-checked-icon);transform:scale(1);transition:transform var(--tui-duration) ease-in-out,-webkit-mask 0s ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s ease-in-out,-webkit-mask 0s ease-in-out;transition-duration:inherit}[tuiCheckboxV=\"4.88.0\"]:indeterminate:before{-webkit-mask-image:var(--t-indeterminate-icon);mask-image:var(--t-indeterminate-icon)}[tuiCheckboxV=\"4.88.0\"][data-size=s]{--t-size: 1rem;--t-radius: var(--tui-radius-xs)}[tuiCheckboxV=\"4.88.0\"][data-size=s]:before{inline-size:.875rem;block-size:.875rem}[tuiCheckboxV=\"4.88.0\"]:invalid:not([data-mode]),[tuiCheckboxV=\"4.88.0\"][data-mode~=invalid]{color:#fff}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
55
55
|
}
|
|
56
56
|
export { TuiCheckbox };
|
|
57
57
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiCheckbox, decorators: [{
|
|
@@ -69,7 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
69
69
|
'[class._readonly]': '!control',
|
|
70
70
|
'[style.--t-checked-icon]': 'getIcon("checked")',
|
|
71
71
|
'[style.--t-indeterminate-icon]': 'getIcon("indeterminate")',
|
|
72
|
-
}, styles: ["[tuiCheckboxV=\"4.
|
|
72
|
+
}, styles: ["[tuiCheckboxV=\"4.88.0\"]{--t-size: 1.5rem;--t-radius: var(--tui-radius-s);inline-size:var(--t-size);block-size:var(--t-size);border-radius:var(--t-radius);cursor:pointer;margin:0;flex-shrink:0}[tuiCheckboxV=\"4.88.0\"]:before{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";inline-size:1rem;block-size:1rem;margin:auto;background:currentColor;-webkit-mask:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\"></svg>') center / 100%;mask:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\"></svg>') center / 100%;transform:scale(0);transition:transform var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out}[tuiCheckboxV=\"4.88.0\"]:disabled._readonly._readonly{opacity:1;pointer-events:none}[tuiCheckboxV=\"4.88.0\"]:checked:before,[tuiCheckboxV=\"4.88.0\"]:indeterminate:before{-webkit-mask-image:var(--t-checked-icon);mask-image:var(--t-checked-icon);transform:scale(1);transition:transform var(--tui-duration) ease-in-out,-webkit-mask 0s ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s ease-in-out,-webkit-mask 0s ease-in-out;transition-duration:inherit}[tuiCheckboxV=\"4.88.0\"]:indeterminate:before{-webkit-mask-image:var(--t-indeterminate-icon);mask-image:var(--t-indeterminate-icon)}[tuiCheckboxV=\"4.88.0\"][data-size=s]{--t-size: 1rem;--t-radius: var(--tui-radius-xs)}[tuiCheckboxV=\"4.88.0\"][data-size=s]:before{inline-size:.875rem;block-size:.875rem}[tuiCheckboxV=\"4.88.0\"]:invalid:not([data-mode]),[tuiCheckboxV=\"4.88.0\"][data-mode~=invalid]{color:#fff}\n"] }]
|
|
73
73
|
}], propDecorators: { size: [{
|
|
74
74
|
type: Input
|
|
75
75
|
}] } });
|
|
@@ -13,13 +13,13 @@ import * as i1 from "@taiga-ui/core/directives/appearance";
|
|
|
13
13
|
import * as i2 from "@taiga-ui/core/directives/icons";
|
|
14
14
|
class TuiChipStyles {
|
|
15
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiChipStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiChipStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-chip" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiChipV=\"4.
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiChipStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-chip" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiChipV=\"4.88.0\"]{--t-gap: .125rem;--t-margin: -.125rem;--t-icon-size: 1rem;--t-padding: 0 .625rem;--t-size: var(--tui-height-s);-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, 0rem) - 2 * var(--t-margin, 0rem));font:var(--tui-font-text-s);border-radius:var(--tui-radius-m);padding:var(--t-padding);block-size:var(--t-size);inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;isolation:isolate}[tuiChipV=\"4.88.0\"]>img,[tuiChipV=\"4.88.0\"]>tui-svg,[tuiChipV=\"4.88.0\"]>tui-icon,[tuiChipV=\"4.88.0\"]>tui-avatar,[tuiChipV=\"4.88.0\"]>tui-badge,[tuiChipV=\"4.88.0\"]>[tuiBadge],[tuiChipV=\"4.88.0\"]>[tuiRadio],[tuiChipV=\"4.88.0\"]>[tuiSwitch],[tuiChipV=\"4.88.0\"]>[tuiCheckbox],[tuiChipV=\"4.88.0\"][tuiIcons]:before,[tuiChipV=\"4.88.0\"][tuiIcons]:after{margin:var(--t-margin)}[tuiChipV=\"4.88.0\"]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiChipV=\"4.88.0\"]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiChipV=\"4.88.0\"]>tui-icon,[tuiChipV=\"4.88.0\"][tuiIcons]:before,[tuiChipV=\"4.88.0\"][tuiIcons]:after{font-size:var(--t-icon-size)!important}[tuiChipV=\"4.88.0\"]>[tuiIconButton]{margin:-.375rem}[tuiChipV=\"4.88.0\"]>tui-badge,[tuiChipV=\"4.88.0\"]>[tuiBadge]{margin-inline-end:0}[tuiChipV=\"4.88.0\"][data-size=xxs]{--t-gap: 0rem;--t-padding: 0 .25rem;--t-size: 1rem;--t-icon-size: .75rem;font:var(--tui-font-text-xs);border-radius:var(--tui-radius-xs)}[tuiChipV=\"4.88.0\"][data-size=xxs]>[tuiIconButton]{margin:-.5rem;transform:scale(.75)}[tuiChipV=\"4.88.0\"][data-size=xs]{--t-padding: 0 .375rem;--t-size: var(--tui-height-xs);border-radius:var(--tui-radius-xs)}[tuiChipV=\"4.88.0\"][data-size=xs]>[tuiIconButton]{margin:-.375rem}[tuiChipV=\"4.88.0\"][data-size=m]{--t-margin: -.375rem;--t-icon-size: 1.5rem;--t-padding: 0 1rem;--t-size: var(--tui-height-m);font:var(--tui-font-text-m)}[tuiChipV=\"4.88.0\"][data-size=m]>[tuiIconButton]{margin:-.75rem}[tuiChipV=\"4.88.0\"][data-size=m]>tui-badge,[tuiChipV=\"4.88.0\"][data-size=m]>[tuiBadge]{margin-inline-start:-.375rem}[tuiChipV=\"4.88.0\"]>img,[tuiChipV=\"4.88.0\"] tui-avatar{inline-size:1.5rem;margin-inline-start:-.375rem}[tuiChipV=\"4.88.0\"]>[tuiFade]:first-of-type{flex:1 0 30%;max-inline-size:-webkit-fit-content;max-inline-size:-moz-fit-content;max-inline-size:fit-content}[tuiChipV=\"4.88.0\"]>[tuiFade]:last-of-type{flex:0 1 auto}[tuiChipV=\"4.88.0\"]>input[tuiChip]{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;margin:0}[tuiChipV=\"4.88.0\"]>input[tuiChip][type=checkbox],[tuiChipV=\"4.88.0\"]>input[tuiChip][type=radio]{z-index:-1}[tuiChipV=\"4.88.0\"][tuiAppearance][data-appearance=error],[tuiChipV=\"4.88.0\"][tuiAppearance][data-appearance=success],[tuiChipV=\"4.88.0\"][tuiAppearance][data-appearance=negative],[tuiChipV=\"4.88.0\"][tuiAppearance][data-appearance=positive],[tuiChipV=\"4.88.0\"][tuiAppearance][data-appearance=warning],[tuiChipV=\"4.88.0\"][tuiAppearance][data-appearance=info],[tuiChipV=\"4.88.0\"][tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}input[tuiChipV=\"4.88.0\"]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:text}input[tuiChipV=\"4.88.0\"]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:text}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
17
17
|
}
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiChipStyles, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
20
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
21
21
|
class: 'tui-chip',
|
|
22
|
-
}, styles: ["[tuiChipV=\"4.
|
|
22
|
+
}, styles: ["[tuiChipV=\"4.88.0\"]{--t-gap: .125rem;--t-margin: -.125rem;--t-icon-size: 1rem;--t-padding: 0 .625rem;--t-size: var(--tui-height-s);-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, 0rem) - 2 * var(--t-margin, 0rem));font:var(--tui-font-text-s);border-radius:var(--tui-radius-m);padding:var(--t-padding);block-size:var(--t-size);inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;isolation:isolate}[tuiChipV=\"4.88.0\"]>img,[tuiChipV=\"4.88.0\"]>tui-svg,[tuiChipV=\"4.88.0\"]>tui-icon,[tuiChipV=\"4.88.0\"]>tui-avatar,[tuiChipV=\"4.88.0\"]>tui-badge,[tuiChipV=\"4.88.0\"]>[tuiBadge],[tuiChipV=\"4.88.0\"]>[tuiRadio],[tuiChipV=\"4.88.0\"]>[tuiSwitch],[tuiChipV=\"4.88.0\"]>[tuiCheckbox],[tuiChipV=\"4.88.0\"][tuiIcons]:before,[tuiChipV=\"4.88.0\"][tuiIcons]:after{margin:var(--t-margin)}[tuiChipV=\"4.88.0\"]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiChipV=\"4.88.0\"]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiChipV=\"4.88.0\"]>tui-icon,[tuiChipV=\"4.88.0\"][tuiIcons]:before,[tuiChipV=\"4.88.0\"][tuiIcons]:after{font-size:var(--t-icon-size)!important}[tuiChipV=\"4.88.0\"]>[tuiIconButton]{margin:-.375rem}[tuiChipV=\"4.88.0\"]>tui-badge,[tuiChipV=\"4.88.0\"]>[tuiBadge]{margin-inline-end:0}[tuiChipV=\"4.88.0\"][data-size=xxs]{--t-gap: 0rem;--t-padding: 0 .25rem;--t-size: 1rem;--t-icon-size: .75rem;font:var(--tui-font-text-xs);border-radius:var(--tui-radius-xs)}[tuiChipV=\"4.88.0\"][data-size=xxs]>[tuiIconButton]{margin:-.5rem;transform:scale(.75)}[tuiChipV=\"4.88.0\"][data-size=xs]{--t-padding: 0 .375rem;--t-size: var(--tui-height-xs);border-radius:var(--tui-radius-xs)}[tuiChipV=\"4.88.0\"][data-size=xs]>[tuiIconButton]{margin:-.375rem}[tuiChipV=\"4.88.0\"][data-size=m]{--t-margin: -.375rem;--t-icon-size: 1.5rem;--t-padding: 0 1rem;--t-size: var(--tui-height-m);font:var(--tui-font-text-m)}[tuiChipV=\"4.88.0\"][data-size=m]>[tuiIconButton]{margin:-.75rem}[tuiChipV=\"4.88.0\"][data-size=m]>tui-badge,[tuiChipV=\"4.88.0\"][data-size=m]>[tuiBadge]{margin-inline-start:-.375rem}[tuiChipV=\"4.88.0\"]>img,[tuiChipV=\"4.88.0\"] tui-avatar{inline-size:1.5rem;margin-inline-start:-.375rem}[tuiChipV=\"4.88.0\"]>[tuiFade]:first-of-type{flex:1 0 30%;max-inline-size:-webkit-fit-content;max-inline-size:-moz-fit-content;max-inline-size:fit-content}[tuiChipV=\"4.88.0\"]>[tuiFade]:last-of-type{flex:0 1 auto}[tuiChipV=\"4.88.0\"]>input[tuiChip]{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;margin:0}[tuiChipV=\"4.88.0\"]>input[tuiChip][type=checkbox],[tuiChipV=\"4.88.0\"]>input[tuiChip][type=radio]{z-index:-1}[tuiChipV=\"4.88.0\"][tuiAppearance][data-appearance=error],[tuiChipV=\"4.88.0\"][tuiAppearance][data-appearance=success],[tuiChipV=\"4.88.0\"][tuiAppearance][data-appearance=negative],[tuiChipV=\"4.88.0\"][tuiAppearance][data-appearance=positive],[tuiChipV=\"4.88.0\"][tuiAppearance][data-appearance=warning],[tuiChipV=\"4.88.0\"][tuiAppearance][data-appearance=info],[tuiChipV=\"4.88.0\"][tuiAppearance][data-appearance=neutral]{color:var(--tui-text-primary)}input[tuiChipV=\"4.88.0\"]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:text}input[tuiChipV=\"4.88.0\"]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:text}\n"] }]
|
|
23
23
|
}] });
|
|
24
24
|
class TuiChip {
|
|
25
25
|
constructor() {
|
|
@@ -28,7 +28,7 @@ class TuiChip {
|
|
|
28
28
|
this.size = this.options.size;
|
|
29
29
|
}
|
|
30
30
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiChip, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
31
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiChip, isStandalone: true, selector: "tui-chip,[tuiChip]", inputs: { size: "size" }, host: { attributes: { "tuiChipV": "4.
|
|
31
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiChip, isStandalone: true, selector: "tui-chip,[tuiChip]", inputs: { size: "size" }, host: { attributes: { "tuiChipV": "4.88.0" }, properties: { "attr.data-size": "size" } }, providers: [
|
|
32
32
|
tuiAppearanceOptionsProvider(TUI_CHIP_OPTIONS),
|
|
33
33
|
tuiSwitchOptionsProvider({ size: 's' }),
|
|
34
34
|
tuiCheckboxOptionsProvider({ size: 's' }),
|
|
@@ -4,13 +4,13 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
class TuiCommentStyles {
|
|
6
6
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiCommentStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiCommentStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-comment" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCommentV=\"4.
|
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiCommentStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-comment" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCommentV=\"4.88.0\"]{position:relative;display:inline-flex;font:var(--tui-font-text-m);color:#fff;padding:.5rem .75rem;min-inline-size:2.5rem;border-radius:1rem;line-height:1.125rem;background:var(--tui-background-accent-2);align-items:center;justify-content:center}[tuiCommentV=\"4.88.0\"]:before{content:\"\";position:absolute;bottom:100%;left:50%;inline-size:1.5625rem;block-size:.5625rem;background:inherit;transform:translate(-50%);-webkit-mask:url(\"data:image/svg+xml,%3Csvg width='25' height='9' viewBox='0 0 25 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.23309 6.67813L7.56191 3.83178C9.4546 1.5185 10.4009 0.361853 11.5998 0.10488C12.0834 0.00123882 12.5834 0.00123882 13.0669 0.10488C14.2658 0.361853 15.2121 1.5185 17.1048 3.83178L19.4337 6.67813C20.636 8.14771 22.4346 9 24.3334 9H0.333374C2.23217 9 4.0307 8.14772 5.23309 6.67813Z' fill='black'/%3E%3C/svg%3E%0A\") no-repeat;mask:url(\"data:image/svg+xml,%3Csvg width='25' height='9' viewBox='0 0 25 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.23309 6.67813L7.56191 3.83178C9.4546 1.5185 10.4009 0.361853 11.5998 0.10488C12.0834 0.00123882 12.5834 0.00123882 13.0669 0.10488C14.2658 0.361853 15.2121 1.5185 17.1048 3.83178L19.4337 6.67813C20.636 8.14771 22.4346 9 24.3334 9H0.333374C2.23217 9 4.0307 8.14772 5.23309 6.67813Z' fill='black'/%3E%3C/svg%3E%0A\") no-repeat}[tuiCommentV=\"4.88.0\"][data-direction=bottom]:before{top:100%;bottom:auto;transform:translate(-50%) rotate(180deg)}[tuiCommentV=\"4.88.0\"][data-direction=left]:before{left:auto;top:50%;right:100%;transform:translate(.785rem,-50%) rotate(-90deg)}[tuiCommentV=\"4.88.0\"][data-direction=right]:before{top:50%;left:100%;transform:translate(-.785rem,-50%) rotate(90deg)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8
8
|
}
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiCommentStyles, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
11
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
12
12
|
class: 'tui-comment',
|
|
13
|
-
}, styles: ["[tuiCommentV=\"4.
|
|
13
|
+
}, styles: ["[tuiCommentV=\"4.88.0\"]{position:relative;display:inline-flex;font:var(--tui-font-text-m);color:#fff;padding:.5rem .75rem;min-inline-size:2.5rem;border-radius:1rem;line-height:1.125rem;background:var(--tui-background-accent-2);align-items:center;justify-content:center}[tuiCommentV=\"4.88.0\"]:before{content:\"\";position:absolute;bottom:100%;left:50%;inline-size:1.5625rem;block-size:.5625rem;background:inherit;transform:translate(-50%);-webkit-mask:url(\"data:image/svg+xml,%3Csvg width='25' height='9' viewBox='0 0 25 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.23309 6.67813L7.56191 3.83178C9.4546 1.5185 10.4009 0.361853 11.5998 0.10488C12.0834 0.00123882 12.5834 0.00123882 13.0669 0.10488C14.2658 0.361853 15.2121 1.5185 17.1048 3.83178L19.4337 6.67813C20.636 8.14771 22.4346 9 24.3334 9H0.333374C2.23217 9 4.0307 8.14772 5.23309 6.67813Z' fill='black'/%3E%3C/svg%3E%0A\") no-repeat;mask:url(\"data:image/svg+xml,%3Csvg width='25' height='9' viewBox='0 0 25 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.23309 6.67813L7.56191 3.83178C9.4546 1.5185 10.4009 0.361853 11.5998 0.10488C12.0834 0.00123882 12.5834 0.00123882 13.0669 0.10488C14.2658 0.361853 15.2121 1.5185 17.1048 3.83178L19.4337 6.67813C20.636 8.14771 22.4346 9 24.3334 9H0.333374C2.23217 9 4.0307 8.14772 5.23309 6.67813Z' fill='black'/%3E%3C/svg%3E%0A\") no-repeat}[tuiCommentV=\"4.88.0\"][data-direction=bottom]:before{top:100%;bottom:auto;transform:translate(-50%) rotate(180deg)}[tuiCommentV=\"4.88.0\"][data-direction=left]:before{left:auto;top:50%;right:100%;transform:translate(.785rem,-50%) rotate(-90deg)}[tuiCommentV=\"4.88.0\"][data-direction=right]:before{top:50%;left:100%;transform:translate(-.785rem,-50%) rotate(90deg)}\n"] }]
|
|
14
14
|
}] });
|
|
15
15
|
class TuiComment {
|
|
16
16
|
constructor() {
|
|
@@ -18,7 +18,7 @@ class TuiComment {
|
|
|
18
18
|
this.tuiComment = 'top';
|
|
19
19
|
}
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiComment, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
21
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiComment, isStandalone: true, selector: "[tuiComment]", inputs: { tuiComment: "tuiComment" }, host: { attributes: { "tuiCommentV": "4.
|
|
21
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiComment, isStandalone: true, selector: "[tuiComment]", inputs: { tuiComment: "tuiComment" }, host: { attributes: { "tuiCommentV": "4.88.0" }, properties: { "attr.data-direction": "tuiComment" } }, ngImport: i0 }); }
|
|
22
22
|
}
|
|
23
23
|
export { TuiComment };
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiComment, decorators: [{
|
|
@@ -6,7 +6,7 @@ class TuiCompass {
|
|
|
6
6
|
this.degrees = NaN;
|
|
7
7
|
}
|
|
8
8
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiCompass, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiCompass, isStandalone: true, selector: "tui-compass", inputs: { degrees: "degrees" }, host: { attributes: { "tuiCompassV": "4.
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiCompass, isStandalone: true, selector: "tui-compass", inputs: { degrees: "degrees" }, host: { attributes: { "tuiCompassV": "4.88.0" }, properties: { "style.--t-degrees.deg": "degrees" } }, ngImport: i0, template: '', isInline: true, styles: ["tui-compass[tuiCompassV=\"4.88.0\"]{position:relative;display:inline-block;color:var(--tui-background-accent-1);border-radius:50%;inline-size:1rem;block-size:1rem;border:.1875rem solid var(--tui-background-base);box-shadow:0 0 .1875rem #0000004d;transform-style:preserve-3d}tui-compass[tuiCompassV=\"4.88.0\"]:before{content:\"\";position:absolute;top:0;left:.125rem;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 8.99993C4 8 8 8 12 8.99993C9.91509 5.73239 8.5 3 6 0C3.5 3 2 5.5 0 8.99993Z\"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 8.99993C4 8 8 8 12 8.99993C9.91509 5.73239 8.5 3 6 0C3.5 3 2 5.5 0 8.99993Z\"/></svg>');transform:rotate(var(--t-degrees)) translateY(-.625rem) translateZ(-1rem);inline-size:.75rem;block-size:1rem;background:currentColor}tui-compass[tuiCompassV=\"4.88.0\"]:after{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";border-radius:inherit;background:currentColor linear-gradient(-45deg,rgba(0,0,0,.2),transparent)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10
10
|
}
|
|
11
11
|
export { TuiCompass };
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiCompass, decorators: [{
|
|
@@ -14,7 +14,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
14
14
|
args: [{ standalone: true, selector: 'tui-compass', template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
15
15
|
tuiCompassV: TUI_VERSION,
|
|
16
16
|
'[style.--t-degrees.deg]': 'degrees',
|
|
17
|
-
}, styles: ["tui-compass[tuiCompassV=\"4.
|
|
17
|
+
}, styles: ["tui-compass[tuiCompassV=\"4.88.0\"]{position:relative;display:inline-block;color:var(--tui-background-accent-1);border-radius:50%;inline-size:1rem;block-size:1rem;border:.1875rem solid var(--tui-background-base);box-shadow:0 0 .1875rem #0000004d;transform-style:preserve-3d}tui-compass[tuiCompassV=\"4.88.0\"]:before{content:\"\";position:absolute;top:0;left:.125rem;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 8.99993C4 8 8 8 12 8.99993C9.91509 5.73239 8.5 3 6 0C3.5 3 2 5.5 0 8.99993Z\"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 8.99993C4 8 8 8 12 8.99993C9.91509 5.73239 8.5 3 6 0C3.5 3 2 5.5 0 8.99993Z\"/></svg>');transform:rotate(var(--t-degrees)) translateY(-.625rem) translateZ(-1rem);inline-size:.75rem;block-size:1rem;background:currentColor}tui-compass[tuiCompassV=\"4.88.0\"]:after{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";border-radius:inherit;background:currentColor linear-gradient(-45deg,rgba(0,0,0,.2),transparent)}\n"] }]
|
|
18
18
|
}], propDecorators: { degrees: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}] } });
|
|
@@ -25,9 +25,9 @@ class TuiFilesComponent {
|
|
|
25
25
|
this.expandedChange.emit(this.expanded);
|
|
26
26
|
}
|
|
27
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiFilesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiFilesComponent, isStandalone: true, selector: "tui-files", inputs: { max: "max", expanded: "expanded" }, outputs: { expandedChange: "expandedChange" }, host: { attributes: { "tuiFilesV": "4.
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiFilesComponent, isStandalone: true, selector: "tui-files", inputs: { max: "max", expanded: "expanded" }, outputs: { expandedChange: "expandedChange" }, host: { attributes: { "tuiFilesV": "4.88.0" } }, providers: [
|
|
29
29
|
tuiGroupOptionsProvider({ size: 'm', collapsed: true, orientation: 'vertical' }),
|
|
30
|
-
], queries: [{ propertyName: "items", predicate: TuiItem, read: TemplateRef }], hostDirectives: [{ directive: i1.TuiGroup }], ngImport: i0, template: "<ng-container *ngIf=\"items?.changes | async\" />\n<ng-content />\n<ng-container *ngFor=\"let item of items; let index = index\">\n <ng-container\n *ngIf=\"!max || index < max\"\n [ngTemplateOutlet]=\"item\"\n />\n</ng-container>\n<tui-expand\n *ngIf=\"hasExtraItems\"\n [expanded]=\"expanded\"\n>\n <div\n tuiGroup\n class=\"t-extra-items\"\n >\n <ng-container *ngFor=\"let item of items; let index = index\">\n <ng-container\n *ngIf=\"max && index >= max\"\n [ngTemplateOutlet]=\"item\"\n />\n </ng-container>\n </div>\n</tui-expand>\n<div\n *ngIf=\"hasExtraItems\"\n class=\"t-bottom\"\n [class.t-bottom_collapsed]=\"!expanded\"\n>\n <button\n appearance=\"outline\"\n size=\"m\"\n tuiButton\n type=\"button\"\n class=\"t-button\"\n (click)=\"toggle()\"\n >\n {{ (expanded ? hideText$ : showAllText$) | async }}\n </button>\n</div>\n", styles: ["[tuiFilesV=\"4.
|
|
30
|
+
], queries: [{ propertyName: "items", predicate: TuiItem, read: TemplateRef }], hostDirectives: [{ directive: i1.TuiGroup }], ngImport: i0, template: "<ng-container *ngIf=\"items?.changes | async\" />\n<ng-content />\n<ng-container *ngFor=\"let item of items; let index = index\">\n <ng-container\n *ngIf=\"!max || index < max\"\n [ngTemplateOutlet]=\"item\"\n />\n</ng-container>\n<tui-expand\n *ngIf=\"hasExtraItems\"\n [expanded]=\"expanded\"\n>\n <div\n tuiGroup\n class=\"t-extra-items\"\n >\n <ng-container *ngFor=\"let item of items; let index = index\">\n <ng-container\n *ngIf=\"max && index >= max\"\n [ngTemplateOutlet]=\"item\"\n />\n </ng-container>\n </div>\n</tui-expand>\n<div\n *ngIf=\"hasExtraItems\"\n class=\"t-bottom\"\n [class.t-bottom_collapsed]=\"!expanded\"\n>\n <button\n appearance=\"outline\"\n size=\"m\"\n tuiButton\n type=\"button\"\n class=\"t-button\"\n (click)=\"toggle()\"\n >\n {{ (expanded ? hideText$ : showAllText$) | async }}\n </button>\n</div>\n", styles: ["[tuiFilesV=\"4.88.0\"]{inline-size:100%;overflow:hidden;border-radius:var(--tui-radius-m)}[tuiFilesV=\"4.88.0\"]:empty:empty{display:none}[tuiFilesV=\"4.88.0\"] .t-files{position:relative;display:block;inline-size:100%;block-size:100%;border-radius:var(--tui-radius-m);overflow:hidden}[tuiFilesV=\"4.88.0\"] .t-button{inline-size:100%;border-radius:inherit}[tuiFilesV=\"4.88.0\"] .t-bottom{z-index:3;inline-size:100%;background:var(--tui-background-base);-webkit-mask:none!important;mask:none!important}[tuiFilesV=\"4.88.0\"] .t-bottom_collapsed{box-shadow:var(--tui-shadow-popup);margin-block-start:-1.5rem}[tuiFilesV=\"4.88.0\"] .t-extra-items{inline-size:100%}[tuiFilesV=\"4.88.0\"] .t-extra-items>*{border-radius:0!important}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiExpandComponent, selector: "tui-expand", inputs: ["async", "expanded"] }, { kind: "directive", type: TuiGroup, selector: "[tuiGroup]:not(ng-container)", inputs: ["orientation", "collapsed", "rounded", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
31
31
|
}
|
|
32
32
|
export { TuiFilesComponent };
|
|
33
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiFilesComponent, decorators: [{
|
|
@@ -44,7 +44,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
44
44
|
tuiGroupOptionsProvider({ size: 'm', collapsed: true, orientation: 'vertical' }),
|
|
45
45
|
], hostDirectives: [TuiGroup], host: {
|
|
46
46
|
tuiFilesV: TUI_VERSION,
|
|
47
|
-
}, template: "<ng-container *ngIf=\"items?.changes | async\" />\n<ng-content />\n<ng-container *ngFor=\"let item of items; let index = index\">\n <ng-container\n *ngIf=\"!max || index < max\"\n [ngTemplateOutlet]=\"item\"\n />\n</ng-container>\n<tui-expand\n *ngIf=\"hasExtraItems\"\n [expanded]=\"expanded\"\n>\n <div\n tuiGroup\n class=\"t-extra-items\"\n >\n <ng-container *ngFor=\"let item of items; let index = index\">\n <ng-container\n *ngIf=\"max && index >= max\"\n [ngTemplateOutlet]=\"item\"\n />\n </ng-container>\n </div>\n</tui-expand>\n<div\n *ngIf=\"hasExtraItems\"\n class=\"t-bottom\"\n [class.t-bottom_collapsed]=\"!expanded\"\n>\n <button\n appearance=\"outline\"\n size=\"m\"\n tuiButton\n type=\"button\"\n class=\"t-button\"\n (click)=\"toggle()\"\n >\n {{ (expanded ? hideText$ : showAllText$) | async }}\n </button>\n</div>\n", styles: ["[tuiFilesV=\"4.
|
|
47
|
+
}, template: "<ng-container *ngIf=\"items?.changes | async\" />\n<ng-content />\n<ng-container *ngFor=\"let item of items; let index = index\">\n <ng-container\n *ngIf=\"!max || index < max\"\n [ngTemplateOutlet]=\"item\"\n />\n</ng-container>\n<tui-expand\n *ngIf=\"hasExtraItems\"\n [expanded]=\"expanded\"\n>\n <div\n tuiGroup\n class=\"t-extra-items\"\n >\n <ng-container *ngFor=\"let item of items; let index = index\">\n <ng-container\n *ngIf=\"max && index >= max\"\n [ngTemplateOutlet]=\"item\"\n />\n </ng-container>\n </div>\n</tui-expand>\n<div\n *ngIf=\"hasExtraItems\"\n class=\"t-bottom\"\n [class.t-bottom_collapsed]=\"!expanded\"\n>\n <button\n appearance=\"outline\"\n size=\"m\"\n tuiButton\n type=\"button\"\n class=\"t-button\"\n (click)=\"toggle()\"\n >\n {{ (expanded ? hideText$ : showAllText$) | async }}\n </button>\n</div>\n", styles: ["[tuiFilesV=\"4.88.0\"]{inline-size:100%;overflow:hidden;border-radius:var(--tui-radius-m)}[tuiFilesV=\"4.88.0\"]:empty:empty{display:none}[tuiFilesV=\"4.88.0\"] .t-files{position:relative;display:block;inline-size:100%;block-size:100%;border-radius:var(--tui-radius-m);overflow:hidden}[tuiFilesV=\"4.88.0\"] .t-button{inline-size:100%;border-radius:inherit}[tuiFilesV=\"4.88.0\"] .t-bottom{z-index:3;inline-size:100%;background:var(--tui-background-base);-webkit-mask:none!important;mask:none!important}[tuiFilesV=\"4.88.0\"] .t-bottom_collapsed{box-shadow:var(--tui-shadow-popup);margin-block-start:-1.5rem}[tuiFilesV=\"4.88.0\"] .t-extra-items{inline-size:100%}[tuiFilesV=\"4.88.0\"] .t-extra-items>*{border-radius:0!important}\n"] }]
|
|
48
48
|
}], propDecorators: { items: [{
|
|
49
49
|
type: ContentChildren,
|
|
50
50
|
args: [TuiItem, { read: TemplateRef }]
|
|
@@ -58,7 +58,7 @@ class TuiInputColor extends TuiControl {
|
|
|
58
58
|
tuiAsControl(TuiInputColor),
|
|
59
59
|
tuiFallbackValueProvider(''),
|
|
60
60
|
tuiSliderOptionsProvider({ trackColor: 'transparent' }),
|
|
61
|
-
], usesInheritance: true, hostDirectives: [{ directive: i1.MaskitoDirective }, { directive: i2.TuiWithTextfield }], ngImport: i0, template: "<ng-container *tuiTextfieldContent>\n <input\n #input\n tabindex=\"-1\"\n type=\"color\"\n class=\"tui-input-color_picker\"\n [attr.list]=\"list\"\n [class.tui-input-color_left]=\"align() === 'left'\"\n [disabled]=\"!interactive()\"\n [style.--t-opacity]=\"filled() ? opacity() / 255 : 0\"\n [value]=\"value().length > 6 ? value().slice(0, 7) : ''\"\n (input)=\"onInput(input.value)\"\n />\n <input\n *ngIf=\"format() === 'hexa' && interactive()\"\n max=\"255\"\n tuiSlider\n type=\"range\"\n [ngModel]=\"opacity()\"\n [ngModelOptions]=\"{standalone: true}\"\n (ngModelChange)=\"onOpacity($event)\"\n (pointerdown.stop)=\"el.focus()\"\n />\n</ng-container>\n", styles: ["[tuiTextfieldV=\"4.
|
|
61
|
+
], usesInheritance: true, hostDirectives: [{ directive: i1.MaskitoDirective }, { directive: i2.TuiWithTextfield }], ngImport: i0, template: "<ng-container *tuiTextfieldContent>\n <input\n #input\n tabindex=\"-1\"\n type=\"color\"\n class=\"tui-input-color_picker\"\n [attr.list]=\"list\"\n [class.tui-input-color_left]=\"align() === 'left'\"\n [disabled]=\"!interactive()\"\n [style.--t-opacity]=\"filled() ? opacity() / 255 : 0\"\n [value]=\"value().length > 6 ? value().slice(0, 7) : ''\"\n (input)=\"onInput(input.value)\"\n />\n <input\n *ngIf=\"format() === 'hexa' && interactive()\"\n max=\"255\"\n tuiSlider\n type=\"range\"\n [ngModel]=\"opacity()\"\n [ngModelOptions]=\"{standalone: true}\"\n (ngModelChange)=\"onOpacity($event)\"\n (pointerdown.stop)=\"el.focus()\"\n />\n</ng-container>\n", styles: ["[tuiTextfieldV=\"4.88.0\"] .tui-input-color_picker.tui-input-color_picker{position:relative;font-size:1rem;inline-size:calc(var(--t-height) / 2);block-size:calc(var(--t-height) / 2);border:none;border-radius:100%;padding:0!important;overflow:hidden;cursor:pointer;background:repeating-conic-gradient(var(--tui-border-normal) 0% 25%,transparent 0% 50%);box-shadow:0 0 0 1px var(--tui-border-normal)}[tuiTextfieldV=\"4.88.0\"] .tui-input-color_picker.tui-input-color_picker:disabled{cursor:default}[tuiTextfieldV=\"4.88.0\"][data-size=s] .tui-input-color_picker{margin-inline-end:.25rem}[tuiTextfieldV=\"4.88.0\"][data-size=l] .tui-input-color_picker{margin-inline-end:-.25rem}[tuiTextfieldV=\"4.88.0\"] .tui-input-color_picker.tui-input-color_left{position:absolute;top:50%;left:calc(var(--t-height) / 4);inset-inline-start:calc(var(--t-height) / 4);transform:translateY(-50%)}.tui-input-color_picker::-webkit-color-swatch-wrapper{padding:0}.tui-input-color_picker::-webkit-color-swatch{border:none;opacity:var(--t-opacity)}.tui-input-color_picker::-moz-color-swatch{border:none;opacity:var(--t-opacity)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.TuiSliderComponent, selector: "input[type=range][tuiSlider]", inputs: ["size", "segments"] }, { kind: "directive", type: TuiTextfieldContent, selector: "ng-template[tuiTextfieldContent]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
62
62
|
}
|
|
63
63
|
export { TuiInputColor };
|
|
64
64
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputColor, decorators: [{
|
|
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
75
75
|
'[value]': 'value()',
|
|
76
76
|
'[attr.list]': 'null',
|
|
77
77
|
'(input)': 'onChange($event.target.value)',
|
|
78
|
-
}, template: "<ng-container *tuiTextfieldContent>\n <input\n #input\n tabindex=\"-1\"\n type=\"color\"\n class=\"tui-input-color_picker\"\n [attr.list]=\"list\"\n [class.tui-input-color_left]=\"align() === 'left'\"\n [disabled]=\"!interactive()\"\n [style.--t-opacity]=\"filled() ? opacity() / 255 : 0\"\n [value]=\"value().length > 6 ? value().slice(0, 7) : ''\"\n (input)=\"onInput(input.value)\"\n />\n <input\n *ngIf=\"format() === 'hexa' && interactive()\"\n max=\"255\"\n tuiSlider\n type=\"range\"\n [ngModel]=\"opacity()\"\n [ngModelOptions]=\"{standalone: true}\"\n (ngModelChange)=\"onOpacity($event)\"\n (pointerdown.stop)=\"el.focus()\"\n />\n</ng-container>\n", styles: ["[tuiTextfieldV=\"4.
|
|
78
|
+
}, template: "<ng-container *tuiTextfieldContent>\n <input\n #input\n tabindex=\"-1\"\n type=\"color\"\n class=\"tui-input-color_picker\"\n [attr.list]=\"list\"\n [class.tui-input-color_left]=\"align() === 'left'\"\n [disabled]=\"!interactive()\"\n [style.--t-opacity]=\"filled() ? opacity() / 255 : 0\"\n [value]=\"value().length > 6 ? value().slice(0, 7) : ''\"\n (input)=\"onInput(input.value)\"\n />\n <input\n *ngIf=\"format() === 'hexa' && interactive()\"\n max=\"255\"\n tuiSlider\n type=\"range\"\n [ngModel]=\"opacity()\"\n [ngModelOptions]=\"{standalone: true}\"\n (ngModelChange)=\"onOpacity($event)\"\n (pointerdown.stop)=\"el.focus()\"\n />\n</ng-container>\n", styles: ["[tuiTextfieldV=\"4.88.0\"] .tui-input-color_picker.tui-input-color_picker{position:relative;font-size:1rem;inline-size:calc(var(--t-height) / 2);block-size:calc(var(--t-height) / 2);border:none;border-radius:100%;padding:0!important;overflow:hidden;cursor:pointer;background:repeating-conic-gradient(var(--tui-border-normal) 0% 25%,transparent 0% 50%);box-shadow:0 0 0 1px var(--tui-border-normal)}[tuiTextfieldV=\"4.88.0\"] .tui-input-color_picker.tui-input-color_picker:disabled{cursor:default}[tuiTextfieldV=\"4.88.0\"][data-size=s] .tui-input-color_picker{margin-inline-end:.25rem}[tuiTextfieldV=\"4.88.0\"][data-size=l] .tui-input-color_picker{margin-inline-end:-.25rem}[tuiTextfieldV=\"4.88.0\"] .tui-input-color_picker.tui-input-color_left{position:absolute;top:50%;left:calc(var(--t-height) / 4);inset-inline-start:calc(var(--t-height) / 4);transform:translateY(-50%)}.tui-input-color_picker::-webkit-color-swatch-wrapper{padding:0}.tui-input-color_picker::-webkit-color-swatch{border:none;opacity:var(--t-opacity)}.tui-input-color_picker::-moz-color-swatch{border:none;opacity:var(--t-opacity)}\n"] }]
|
|
79
79
|
}], propDecorators: { alignSetter: [{
|
|
80
80
|
type: Input,
|
|
81
81
|
args: ['align']
|
|
@@ -19,7 +19,7 @@ class TuiInputDateComponent {
|
|
|
19
19
|
this.host.onChange(new TuiDay(year, month - 1, day));
|
|
20
20
|
}
|
|
21
21
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiInputDateComponent, isStandalone: true, selector: "input[tuiInputDate][type=\"date\"]", inputs: { list: "list" }, host: { attributes: { "tuiInputDateV": "4.
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiInputDateComponent, isStandalone: true, selector: "input[tuiInputDate][type=\"date\"]", inputs: { list: "list" }, host: { attributes: { "tuiInputDateV": "4.88.0", "ngSkipHydration": "true" }, properties: { "attr.list": "null" } }, hostDirectives: [{ directive: i1.TuiWithNativePicker }], ngImport: i0, template: "<ng-container *ngIf=\"host.native\">\n <input\n *tuiTextfieldContent\n type=\"date\"\n [attr.list]=\"list\"\n [max]=\"host.max().toJSON()\"\n [min]=\"host.min().toJSON()\"\n [value]=\"host.value()?.toJSON()\"\n (click.stop.zoneless)=\"(0)\"\n (input)=\"onInput($any($event.target).value)\"\n (pointerdown.stop.zoneless)=\"(0)\"\n />\n</ng-container>\n", styles: ["tui-textfield input[tuiInputDateV=\"4.88.0\"]~.t-content input[type=date]{position:absolute;top:0;left:auto;right:0;bottom:0;inline-size:2.5rem;padding:0;opacity:0}tui-textfield input[tuiInputDateV=\"4.88.0\"]~.t-content input[type=date]::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;inline-size:100%;block-size:100%}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TuiTextfieldContent, selector: "ng-template[tuiTextfieldContent]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
23
23
|
}
|
|
24
24
|
export { TuiInputDateComponent };
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiInputDateComponent, decorators: [{
|
|
@@ -28,7 +28,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
28
28
|
tuiInputDateV: TUI_VERSION,
|
|
29
29
|
ngSkipHydration: 'true',
|
|
30
30
|
'[attr.list]': 'null',
|
|
31
|
-
}, template: "<ng-container *ngIf=\"host.native\">\n <input\n *tuiTextfieldContent\n type=\"date\"\n [attr.list]=\"list\"\n [max]=\"host.max().toJSON()\"\n [min]=\"host.min().toJSON()\"\n [value]=\"host.value()?.toJSON()\"\n (click.stop.zoneless)=\"(0)\"\n (input)=\"onInput($any($event.target).value)\"\n (pointerdown.stop.zoneless)=\"(0)\"\n />\n</ng-container>\n", styles: ["tui-textfield input[tuiInputDateV=\"4.
|
|
31
|
+
}, template: "<ng-container *ngIf=\"host.native\">\n <input\n *tuiTextfieldContent\n type=\"date\"\n [attr.list]=\"list\"\n [max]=\"host.max().toJSON()\"\n [min]=\"host.min().toJSON()\"\n [value]=\"host.value()?.toJSON()\"\n (click.stop.zoneless)=\"(0)\"\n (input)=\"onInput($any($event.target).value)\"\n (pointerdown.stop.zoneless)=\"(0)\"\n />\n</ng-container>\n", styles: ["tui-textfield input[tuiInputDateV=\"4.88.0\"]~.t-content input[type=date]{position:absolute;top:0;left:auto;right:0;bottom:0;inline-size:2.5rem;padding:0;opacity:0}tui-textfield input[tuiInputDateV=\"4.88.0\"]~.t-content input[type=date]::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;inline-size:100%;block-size:100%}\n"] }]
|
|
32
32
|
}], propDecorators: { list: [{
|
|
33
33
|
type: Input
|
|
34
34
|
}] } });
|