@taiga-ui/kit 4.93.0 → 4.95.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/calendar-range/calendar-range.component.d.ts +2 -1
- 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/calendar-range/calendar-range.component.mjs +6 -2
- 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-phone-international/input-phone-international.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 +5 -4
- 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-calendar-range.mjs +5 -1
- package/fesm2022/taiga-ui-kit-components-calendar-range.mjs.map +1 -1
- 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-phone-international.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 +4 -3
- package/fesm2022/taiga-ui-kit-directives-tooltip.mjs.map +1 -1
- package/package.json +22 -22
|
@@ -4,13 +4,13 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
class TuiPinStyles {
|
|
6
6
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiPinStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiPinStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-pin" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiPinV=\"4.
|
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiPinStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-pin" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiPinV=\"4.95.0\"]{--t-size: 2rem;transition-property:width,height,border,margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;inline-size:var(--t-size);block-size:var(--t-size);align-items:stretch;flex-direction:column;justify-content:center;text-align:center;border-radius:100%;font:var(--tui-font-text-s);font-weight:700;box-sizing:border-box;color:var(--tui-text-primary-on-accent-2);background:var(--tui-background-accent-2);box-shadow:0 0 0 .125rem var(--tui-background-elevation-2);border:0 solid var(--tui-background-accent-2);transform:translate(-50%,-50%)}[tuiPinV=\"4.95.0\"]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiPinV=\"4.95.0\"]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiPinV=\"4.95.0\"]:empty{--t-size: .75rem}[tuiPinV=\"4.95.0\"]:empty:before{display:none}[tuiPinV=\"4.95.0\"]>input{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;-webkit-appearance:none;appearance:none;border-radius:100%}[tuiPinV=\"4.95.0\"]>img{max-block-size:100%;box-sizing:border-box;border-radius:100%;background:var(--tui-background-base)}[tuiPinV=\"4.95.0\"]>tui-icon,[tuiPinV=\"4.95.0\"]>tui-svg{transition-property:width,height;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;font-size:1.25rem;align-self:center}[tuiPinV=\"4.95.0\"]:has(:checked){--t-size: 3.5rem;font:var(--tui-font-text-m);font-weight:700;border-width:0;margin-block-start:-2.75rem}[tuiPinV=\"4.95.0\"]:has(:checked)>img{padding:.125rem}[tuiPinV=\"4.95.0\"]:has(:checked)>tui-icon,[tuiPinV=\"4.95.0\"]:has(:checked)>tui-svg{font-size:2.125rem}[tuiPinV=\"4.95.0\"]:has(:checked):before{transform:scale(.99) translate(-1.875rem,-1.875rem);opacity:1}[tuiPinV=\"4.95.0\"]:has(:checked):after{top:4.5rem;opacity:1}[tuiPinV=\"4.95.0\"]._open{--t-size: 3.5rem;font:var(--tui-font-text-m);font-weight:700;border-width:0;margin-block-start:-2.75rem}[tuiPinV=\"4.95.0\"]._open>img{padding:.125rem}[tuiPinV=\"4.95.0\"]._open>tui-icon,[tuiPinV=\"4.95.0\"]._open>tui-svg{font-size:2.125rem}[tuiPinV=\"4.95.0\"]._open:before{transform:scale(.99) translate(-1.875rem,-1.875rem);opacity:1}[tuiPinV=\"4.95.0\"]._open:after{top:4.5rem;opacity:1}[tuiPinV=\"4.95.0\"]:before{transition-property:transform,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:50%;left:50%;right:-.25rem;bottom:-.625rem;box-sizing:border-box;border-width:2.2rem 2rem;border-style:solid;border-color:inherit;opacity:0;transform:scale(.57) translate(-1.875rem,-1.875rem);transform-origin:top left;pointer-events:none;-webkit-mask:url('data:image/svg+xml,<svg width=\"60\" height=\"66\" viewBox=\"0 0 60 66\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 30.0917C0 13.4726 13.4313 0 30.0002 0C46.5687 0 60 13.4726 60 30.0917C60 44.2105 50.4927 56.0529 37.4162 59.2986C32.5552 60.5551 31.0408 65.275 31.0408 65.275C30.8892 65.697 30.4909 66 30.0183 66C29.5453 66 29.147 65.697 28.9938 65.275C28.9938 65.275 27.481 60.5551 22.6199 59.2986C9.46433 56.0206 0 43.5901 0 30.0917ZM30 57.75C45.3259 57.75 57.75 45.3259 57.75 30C57.75 14.6741 45.3259 2.25 30 2.25C14.6741 2.25 2.25 14.6741 2.25 30C2.25 45.3259 14.6741 57.75 30 57.75Z\" /></svg>') no-repeat;mask:url('data:image/svg+xml,<svg width=\"60\" height=\"66\" viewBox=\"0 0 60 66\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 30.0917C0 13.4726 13.4313 0 30.0002 0C46.5687 0 60 13.4726 60 30.0917C60 44.2105 50.4927 56.0529 37.4162 59.2986C32.5552 60.5551 31.0408 65.275 31.0408 65.275C30.8892 65.697 30.4909 66 30.0183 66C29.5453 66 29.147 65.697 28.9938 65.275C28.9938 65.275 27.481 60.5551 22.6199 59.2986C9.46433 56.0206 0 43.5901 0 30.0917ZM30 57.75C45.3259 57.75 57.75 45.3259 57.75 30C57.75 14.6741 45.3259 2.25 30 2.25C14.6741 2.25 2.25 14.6741 2.25 30C2.25 45.3259 14.6741 57.75 30 57.75Z\" /></svg>') no-repeat}[tuiPinV=\"4.95.0\"]:after{transition-property:top,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:50%;left:50%;border:.1875rem solid currentColor;border-color:inherit;border-radius:100%;box-sizing:border-box;box-shadow:inherit;transform:translate(-50%,-50%);opacity:0}\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: TuiPinStyles, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
11
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
12
12
|
class: 'tui-pin',
|
|
13
|
-
}, styles: ["[tuiPinV=\"4.
|
|
13
|
+
}, styles: ["[tuiPinV=\"4.95.0\"]{--t-size: 2rem;transition-property:width,height,border,margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;inline-size:var(--t-size);block-size:var(--t-size);align-items:stretch;flex-direction:column;justify-content:center;text-align:center;border-radius:100%;font:var(--tui-font-text-s);font-weight:700;box-sizing:border-box;color:var(--tui-text-primary-on-accent-2);background:var(--tui-background-accent-2);box-shadow:0 0 0 .125rem var(--tui-background-elevation-2);border:0 solid var(--tui-background-accent-2);transform:translate(-50%,-50%)}[tuiPinV=\"4.95.0\"]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiPinV=\"4.95.0\"]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiPinV=\"4.95.0\"]:empty{--t-size: .75rem}[tuiPinV=\"4.95.0\"]:empty:before{display:none}[tuiPinV=\"4.95.0\"]>input{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;-webkit-appearance:none;appearance:none;border-radius:100%}[tuiPinV=\"4.95.0\"]>img{max-block-size:100%;box-sizing:border-box;border-radius:100%;background:var(--tui-background-base)}[tuiPinV=\"4.95.0\"]>tui-icon,[tuiPinV=\"4.95.0\"]>tui-svg{transition-property:width,height;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;font-size:1.25rem;align-self:center}[tuiPinV=\"4.95.0\"]:has(:checked){--t-size: 3.5rem;font:var(--tui-font-text-m);font-weight:700;border-width:0;margin-block-start:-2.75rem}[tuiPinV=\"4.95.0\"]:has(:checked)>img{padding:.125rem}[tuiPinV=\"4.95.0\"]:has(:checked)>tui-icon,[tuiPinV=\"4.95.0\"]:has(:checked)>tui-svg{font-size:2.125rem}[tuiPinV=\"4.95.0\"]:has(:checked):before{transform:scale(.99) translate(-1.875rem,-1.875rem);opacity:1}[tuiPinV=\"4.95.0\"]:has(:checked):after{top:4.5rem;opacity:1}[tuiPinV=\"4.95.0\"]._open{--t-size: 3.5rem;font:var(--tui-font-text-m);font-weight:700;border-width:0;margin-block-start:-2.75rem}[tuiPinV=\"4.95.0\"]._open>img{padding:.125rem}[tuiPinV=\"4.95.0\"]._open>tui-icon,[tuiPinV=\"4.95.0\"]._open>tui-svg{font-size:2.125rem}[tuiPinV=\"4.95.0\"]._open:before{transform:scale(.99) translate(-1.875rem,-1.875rem);opacity:1}[tuiPinV=\"4.95.0\"]._open:after{top:4.5rem;opacity:1}[tuiPinV=\"4.95.0\"]:before{transition-property:transform,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:50%;left:50%;right:-.25rem;bottom:-.625rem;box-sizing:border-box;border-width:2.2rem 2rem;border-style:solid;border-color:inherit;opacity:0;transform:scale(.57) translate(-1.875rem,-1.875rem);transform-origin:top left;pointer-events:none;-webkit-mask:url('data:image/svg+xml,<svg width=\"60\" height=\"66\" viewBox=\"0 0 60 66\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 30.0917C0 13.4726 13.4313 0 30.0002 0C46.5687 0 60 13.4726 60 30.0917C60 44.2105 50.4927 56.0529 37.4162 59.2986C32.5552 60.5551 31.0408 65.275 31.0408 65.275C30.8892 65.697 30.4909 66 30.0183 66C29.5453 66 29.147 65.697 28.9938 65.275C28.9938 65.275 27.481 60.5551 22.6199 59.2986C9.46433 56.0206 0 43.5901 0 30.0917ZM30 57.75C45.3259 57.75 57.75 45.3259 57.75 30C57.75 14.6741 45.3259 2.25 30 2.25C14.6741 2.25 2.25 14.6741 2.25 30C2.25 45.3259 14.6741 57.75 30 57.75Z\" /></svg>') no-repeat;mask:url('data:image/svg+xml,<svg width=\"60\" height=\"66\" viewBox=\"0 0 60 66\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 30.0917C0 13.4726 13.4313 0 30.0002 0C46.5687 0 60 13.4726 60 30.0917C60 44.2105 50.4927 56.0529 37.4162 59.2986C32.5552 60.5551 31.0408 65.275 31.0408 65.275C30.8892 65.697 30.4909 66 30.0183 66C29.5453 66 29.147 65.697 28.9938 65.275C28.9938 65.275 27.481 60.5551 22.6199 59.2986C9.46433 56.0206 0 43.5901 0 30.0917ZM30 57.75C45.3259 57.75 57.75 45.3259 57.75 30C57.75 14.6741 45.3259 2.25 30 2.25C14.6741 2.25 2.25 14.6741 2.25 30C2.25 45.3259 14.6741 57.75 30 57.75Z\" /></svg>') no-repeat}[tuiPinV=\"4.95.0\"]:after{transition-property:top,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:50%;left:50%;border:.1875rem solid currentColor;border-color:inherit;border-radius:100%;box-sizing:border-box;box-shadow:inherit;transform:translate(-50%,-50%);opacity:0}\n"] }]
|
|
14
14
|
}] });
|
|
15
15
|
class TuiPin {
|
|
16
16
|
constructor() {
|
|
@@ -18,7 +18,7 @@ class TuiPin {
|
|
|
18
18
|
this.open = false;
|
|
19
19
|
}
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiPin, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
21
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiPin, isStandalone: true, selector: "tui-pin,[tuiPin]", inputs: { open: "open" }, host: { attributes: { "tuiPinV": "4.
|
|
21
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiPin, isStandalone: true, selector: "tui-pin,[tuiPin]", inputs: { open: "open" }, host: { attributes: { "tuiPinV": "4.95.0" }, properties: { "class._open": "open" } }, ngImport: i0 }); }
|
|
22
22
|
}
|
|
23
23
|
export { TuiPin };
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiPin, decorators: [{
|
|
@@ -9,11 +9,11 @@ class TuiPreviewDialog {
|
|
|
9
9
|
this.context = injectContext();
|
|
10
10
|
}
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiPreviewDialog, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiPreviewDialog, isStandalone: true, selector: "tui-preview-dialog", host: { attributes: { "tuiPreviewDialogV": "4.
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiPreviewDialog, isStandalone: true, selector: "tui-preview-dialog", host: { attributes: { "tuiPreviewDialogV": "4.95.0" }, listeners: { "document:keydown.esc.prevent": "context.$implicit.complete()" } }, hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0, template: `
|
|
13
13
|
<ng-container *polymorpheusOutlet="context.content as text; context: context">
|
|
14
14
|
{{ text }}
|
|
15
15
|
</ng-container>
|
|
16
|
-
`, isInline: true, styles: ["[tuiPreviewDialogV=\"4.
|
|
16
|
+
`, isInline: true, styles: ["[tuiPreviewDialogV=\"4.95.0\"]{inline-size:100%;block-size:100%}[tuiPreviewDialogV=\"4.95.0\"].tui-enter,[tuiPreviewDialogV=\"4.95.0\"].tui-leave{animation-name:tuiFade,tuiSlide}[tuiAppearance][data-appearance=preview-action]{background:#686868f5;color:#fff}@media (hover: hover) and (pointer: fine){[tuiAppearance][data-appearance=preview-action]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){background:#9f9f9fdb}}@media (hover: hover) and (pointer: fine){[tuiAppearance][data-appearance=preview-action]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){background:#9f9f9fdb}}[tuiAppearance][data-appearance=preview-action][data-state=hover]{background:#9f9f9fdb}@media (hover: hover) and (pointer: fine){[tuiAppearance][data-appearance=preview-action][tuiWrapper]:hover:not(._no-hover),[tuiAppearance][data-appearance=preview-action][tuiWrapper][data-state=hover]{background:#9f9f9fdb}}[tuiAppearance][data-appearance=preview-action]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){background:#9f9f9fbf}[tuiAppearance][data-appearance=preview-action]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){background:#9f9f9fbf}[tuiAppearance][data-appearance=preview-action][data-state=active]{background:#9f9f9fbf}[tuiAppearance][data-appearance=preview-action][tuiWrapper]:active:not(._no-active),[tuiAppearance][data-appearance=preview-action][tuiWrapper][data-state=active],[tuiAppearance][data-appearance=preview-action][tuiWrapper][data-state=active]:hover{background:#9f9f9fbf}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
17
17
|
}
|
|
18
18
|
export { TuiPreviewDialog };
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiPreviewDialog, decorators: [{
|
|
@@ -25,6 +25,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
25
25
|
`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [TuiAnimated], host: {
|
|
26
26
|
tuiPreviewDialogV: TUI_VERSION,
|
|
27
27
|
'(document:keydown.esc.prevent)': 'context.$implicit.complete()',
|
|
28
|
-
}, styles: ["[tuiPreviewDialogV=\"4.
|
|
28
|
+
}, styles: ["[tuiPreviewDialogV=\"4.95.0\"]{inline-size:100%;block-size:100%}[tuiPreviewDialogV=\"4.95.0\"].tui-enter,[tuiPreviewDialogV=\"4.95.0\"].tui-leave{animation-name:tuiFade,tuiSlide}[tuiAppearance][data-appearance=preview-action]{background:#686868f5;color:#fff}@media (hover: hover) and (pointer: fine){[tuiAppearance][data-appearance=preview-action]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){background:#9f9f9fdb}}@media (hover: hover) and (pointer: fine){[tuiAppearance][data-appearance=preview-action]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){background:#9f9f9fdb}}[tuiAppearance][data-appearance=preview-action][data-state=hover]{background:#9f9f9fdb}@media (hover: hover) and (pointer: fine){[tuiAppearance][data-appearance=preview-action][tuiWrapper]:hover:not(._no-hover),[tuiAppearance][data-appearance=preview-action][tuiWrapper][data-state=hover]{background:#9f9f9fdb}}[tuiAppearance][data-appearance=preview-action]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){background:#9f9f9fbf}[tuiAppearance][data-appearance=preview-action]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){background:#9f9f9fbf}[tuiAppearance][data-appearance=preview-action][data-state=active]{background:#9f9f9fbf}[tuiAppearance][data-appearance=preview-action][tuiWrapper]:active:not(._no-active),[tuiAppearance][data-appearance=preview-action][tuiWrapper][data-state=active],[tuiAppearance][data-appearance=preview-action][tuiWrapper][data-state=active]:hover{background:#9f9f9fbf}\n"] }]
|
|
29
29
|
}] });
|
|
30
30
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvcHJldmlldy9kaWFsb2cvcHJldmlldy1kaWFsb2cuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDcEYsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQ3BELE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUU5RCxPQUFPLEVBQUMsYUFBYSxFQUFFLGtCQUFrQixFQUFDLE1BQU0sd0JBQXdCLENBQUM7OztBQUV6RSxNQWtCYSxnQkFBZ0I7SUFsQjdCO1FBbUJ1QixZQUFPLEdBQUcsYUFBYSxFQUEwQixDQUFDO0tBQ3hFOytHQUZZLGdCQUFnQjttR0FBaEIsZ0JBQWdCLHVRQWRmOzs7O0tBSVQsZ3lEQUxTLGtCQUFrQjs7U0FlbkIsZ0JBQWdCOzRGQUFoQixnQkFBZ0I7a0JBbEI1QixTQUFTO2lDQUNNLElBQUksWUFDTixvQkFBb0IsV0FDckIsQ0FBQyxrQkFBa0IsQ0FBQyxZQUNuQjs7OztLQUlULGlCQUVjLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CLENBQUMsV0FBVyxDQUFDLFFBQ3ZCO3dCQUNGLGlCQUFpQixFQUFFLFdBQVc7d0JBQzlCLGdDQUFnQyxFQUFFLDhCQUE4QjtxQkFDbkUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VFVJX1ZFUlNJT059IGZyb20gJ0B0YWlnYS11aS9jZGsvY29uc3RhbnRzJztcbmltcG9ydCB7VHVpQW5pbWF0ZWR9IGZyb20gJ0B0YWlnYS11aS9jZGsvZGlyZWN0aXZlcy9hbmltYXRlZCc7XG5pbXBvcnQge3R5cGUgVHVpUG9wb3Zlcn0gZnJvbSAnQHRhaWdhLXVpL2Nkay9zZXJ2aWNlcyc7XG5pbXBvcnQge2luamVjdENvbnRleHQsIFBvbHltb3JwaGV1c091dGxldH0gZnJvbSAnQHRhaWdhLXVpL3BvbHltb3JwaGV1cyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICd0dWktcHJldmlldy1kaWFsb2cnLFxuICAgIGltcG9ydHM6IFtQb2x5bW9ycGhldXNPdXRsZXRdLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxuZy1jb250YWluZXIgKnBvbHltb3JwaGV1c091dGxldD1cImNvbnRleHQuY29udGVudCBhcyB0ZXh0OyBjb250ZXh0OiBjb250ZXh0XCI+XG4gICAgICAgICAgICB7eyB0ZXh0IH19XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIGAsXG4gICAgc3R5bGVVcmxzOiBbJy4vcHJldmlldy1kaWFsb2cuc3R5bGUubGVzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtUdWlBbmltYXRlZF0sXG4gICAgaG9zdDoge1xuICAgICAgICB0dWlQcmV2aWV3RGlhbG9nVjogVFVJX1ZFUlNJT04sXG4gICAgICAgICcoZG9jdW1lbnQ6a2V5ZG93bi5lc2MucHJldmVudCknOiAnY29udGV4dC4kaW1wbGljaXQuY29tcGxldGUoKScsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpUHJldmlld0RpYWxvZyB7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGNvbnRleHQgPSBpbmplY3RDb250ZXh0PFR1aVBvcG92ZXI8dm9pZCwgdm9pZD4+KCk7XG59XG4iXX0=
|
|
@@ -5,13 +5,13 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
class TuiProgressFixedGradientStyles {
|
|
7
7
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressFixedGradientStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiProgressFixedGradientStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-fixed-gradient" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiProgressFixedGradientV=\"4.
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiProgressFixedGradientStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-fixed-gradient" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiProgressFixedGradientV=\"4.95.0\"]::-moz-progress-bar{inline-size:100%!important;clip-path:inset(0 calc(100% - var(--tui-progress-percent)) 0 0 round var(--tui-radius-m));-moz-transition:clip-path var(--tui-duration) linear;transition:clip-path var(--tui-duration) linear;margin-inline-end:calc(-100% + var(--tui-progress-percent))}[tuiProgressFixedGradientV=\"4.95.0\"]::-webkit-progress-value{inline-size:100%!important;clip-path:inset(0 calc(100% - var(--tui-progress-percent)) 0 0 round var(--tui-radius-m));-webkit-transition:clip-path var(--tui-duration) linear;transition:clip-path var(--tui-duration) linear}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
9
9
|
}
|
|
10
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressFixedGradientStyles, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
13
13
|
class: 'tui-fixed-gradient',
|
|
14
|
-
}, styles: ["[tuiProgressFixedGradientV=\"4.
|
|
14
|
+
}, styles: ["[tuiProgressFixedGradientV=\"4.95.0\"]::-moz-progress-bar{inline-size:100%!important;clip-path:inset(0 calc(100% - var(--tui-progress-percent)) 0 0 round var(--tui-radius-m));-moz-transition:clip-path var(--tui-duration) linear;transition:clip-path var(--tui-duration) linear;margin-inline-end:calc(-100% + var(--tui-progress-percent))}[tuiProgressFixedGradientV=\"4.95.0\"]::-webkit-progress-value{inline-size:100%!important;clip-path:inset(0 calc(100% - var(--tui-progress-percent)) 0 0 round var(--tui-radius-m));-webkit-transition:clip-path var(--tui-duration) linear;transition:clip-path var(--tui-duration) linear}\n"] }]
|
|
15
15
|
}] });
|
|
16
16
|
class TuiProgressFixedGradientDirective {
|
|
17
17
|
constructor() {
|
|
@@ -24,7 +24,7 @@ class TuiProgressFixedGradientDirective {
|
|
|
24
24
|
return Math.min((value / max) * 100, 100);
|
|
25
25
|
}
|
|
26
26
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressFixedGradientDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
27
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiProgressFixedGradientDirective, isStandalone: true, selector: "progress[tuiProgressBar][tuiProgressFixedGradient]", host: { attributes: { "tuiProgressFixedGradientV": "4.
|
|
27
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiProgressFixedGradientDirective, isStandalone: true, selector: "progress[tuiProgressBar][tuiProgressFixedGradient]", host: { attributes: { "tuiProgressFixedGradientV": "4.95.0" }, properties: { "style.--tui-progress-percent.%": "progressPercent" } }, ngImport: i0 }); }
|
|
28
28
|
}
|
|
29
29
|
export { TuiProgressFixedGradientDirective };
|
|
30
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressFixedGradientDirective, decorators: [{
|
|
@@ -9,7 +9,7 @@ class TuiProgressBar {
|
|
|
9
9
|
this.size = this.options.size;
|
|
10
10
|
}
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressBar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiProgressBar, isStandalone: true, selector: "progress[tuiProgressBar]", inputs: { color: "color", size: "size" }, host: { attributes: { "tuiProgressBarV": "4.
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiProgressBar, isStandalone: true, selector: "progress[tuiProgressBar]", inputs: { color: "color", size: "size" }, host: { attributes: { "tuiProgressBarV": "4.95.0" }, properties: { "style.--tui-progress-color": "color", "attr.data-size": "size" } }, ngImport: i0, template: '', isInline: true, styles: ["@keyframes tuiIndeterminateAnimation{50%{background-position:left}}[tuiProgressBarV=\"4.95.0\"]{-webkit-appearance:none;appearance:none;border:none;--t-height: .75rem;display:block;inline-size:100%;block-size:var(--t-height);color:var(--tui-background-accent-1);background:var(--tui-background-neutral-2);clip-path:inset(0 .5px round var(--tui-radius-m));overflow:hidden;border-radius:1rem;flex-shrink:0}[tuiProgressBarV=\"4.95.0\"]::-webkit-progress-value{-webkit-transition:inline-size var(--tui-duration) linear;transition:inline-size var(--tui-duration) linear}[tuiProgressBarV=\"4.95.0\"]::-webkit-progress-value{background:var(--tui-progress-color, currentColor);border-radius:inherit}[tuiProgressBarV=\"4.95.0\"]::-moz-progress-bar{background:var(--tui-progress-color, currentColor);border-radius:inherit}[tuiProgressBarV=\"4.95.0\"][data-size=xxs]{--t-height: .125rem}[tuiProgressBarV=\"4.95.0\"][data-size=xs]{--t-height: .25rem}[tuiProgressBarV=\"4.95.0\"][data-size=s]{--t-height: .5rem}[tuiProgressBarV=\"4.95.0\"][data-size=l]{--t-height: 1rem}[tuiProgressBarV=\"4.95.0\"][data-size=xl]{--t-height: 1.25rem}[tuiProgressBarV=\"4.95.0\"][data-size=xxl]{--t-height: 1.5rem}[tuiProgressBarV=\"4.95.0\"]:indeterminate{background:linear-gradient(to right,var(--tui-background-neutral-2) 0 45%,var(--tui-progress-color, currentColor) 45% 55%,var(--tui-background-neutral-2) 55% 100%) right;background-size:225%;animation:tuiIndeterminateAnimation 3s infinite ease-in-out}[tuiProgressBarV=\"4.95.0\"]:indeterminate::-webkit-progress-value{background:transparent}[tuiProgressBarV=\"4.95.0\"]:indeterminate::-moz-progress-bar{background:transparent}[tuiProgressBarV=\"4.95.0\"]::-webkit-progress-inner-element{border-radius:inherit}[tuiProgressBarV=\"4.95.0\"]::-webkit-progress-bar{background:transparent;border-radius:inherit}label[tuiProgressLabel] [tuiProgressBarV=\"4.95.0\"]:not(:first-child){position:absolute;top:0;left:0;inline-size:100%;block-size:100%;background:transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
13
13
|
}
|
|
14
14
|
export { TuiProgressBar };
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressBar, decorators: [{
|
|
@@ -18,7 +18,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
18
18
|
tuiProgressBarV: TUI_VERSION,
|
|
19
19
|
'[style.--tui-progress-color]': 'color',
|
|
20
20
|
'[attr.data-size]': 'size',
|
|
21
|
-
}, styles: ["@keyframes tuiIndeterminateAnimation{50%{background-position:left}}[tuiProgressBarV=\"4.
|
|
21
|
+
}, styles: ["@keyframes tuiIndeterminateAnimation{50%{background-position:left}}[tuiProgressBarV=\"4.95.0\"]{-webkit-appearance:none;appearance:none;border:none;--t-height: .75rem;display:block;inline-size:100%;block-size:var(--t-height);color:var(--tui-background-accent-1);background:var(--tui-background-neutral-2);clip-path:inset(0 .5px round var(--tui-radius-m));overflow:hidden;border-radius:1rem;flex-shrink:0}[tuiProgressBarV=\"4.95.0\"]::-webkit-progress-value{-webkit-transition:inline-size var(--tui-duration) linear;transition:inline-size var(--tui-duration) linear}[tuiProgressBarV=\"4.95.0\"]::-webkit-progress-value{background:var(--tui-progress-color, currentColor);border-radius:inherit}[tuiProgressBarV=\"4.95.0\"]::-moz-progress-bar{background:var(--tui-progress-color, currentColor);border-radius:inherit}[tuiProgressBarV=\"4.95.0\"][data-size=xxs]{--t-height: .125rem}[tuiProgressBarV=\"4.95.0\"][data-size=xs]{--t-height: .25rem}[tuiProgressBarV=\"4.95.0\"][data-size=s]{--t-height: .5rem}[tuiProgressBarV=\"4.95.0\"][data-size=l]{--t-height: 1rem}[tuiProgressBarV=\"4.95.0\"][data-size=xl]{--t-height: 1.25rem}[tuiProgressBarV=\"4.95.0\"][data-size=xxl]{--t-height: 1.5rem}[tuiProgressBarV=\"4.95.0\"]:indeterminate{background:linear-gradient(to right,var(--tui-background-neutral-2) 0 45%,var(--tui-progress-color, currentColor) 45% 55%,var(--tui-background-neutral-2) 55% 100%) right;background-size:225%;animation:tuiIndeterminateAnimation 3s infinite ease-in-out}[tuiProgressBarV=\"4.95.0\"]:indeterminate::-webkit-progress-value{background:transparent}[tuiProgressBarV=\"4.95.0\"]:indeterminate::-moz-progress-bar{background:transparent}[tuiProgressBarV=\"4.95.0\"]::-webkit-progress-inner-element{border-radius:inherit}[tuiProgressBarV=\"4.95.0\"]::-webkit-progress-bar{background:transparent;border-radius:inherit}label[tuiProgressLabel] [tuiProgressBarV=\"4.95.0\"]:not(:first-child){position:absolute;top:0;left:0;inline-size:100%;block-size:100%;background:transparent}\n"] }]
|
|
22
22
|
}], propDecorators: { color: [{
|
|
23
23
|
type: Input
|
|
24
24
|
}], size: [{
|
|
@@ -4,11 +4,11 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
class TuiProgressSegmentedStyles {
|
|
6
6
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressSegmentedStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiProgressSegmentedStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-progress-segmented" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiProgressSegmentedV=\"4.
|
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiProgressSegmentedStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-progress-segmented" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiProgressSegmentedV=\"4.95.0\"]._segmented{--tui-segment-gap: .5rem;-webkit-mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)) center,#999 0 99%,transparent calc(99% + .6px) 100%),linear-gradient(to right,transparent 0 calc(var(--t-height) / 2),#999 calc(var(--t-height) / 2) calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)),transparent calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)));mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)) center,#999 0 99%,transparent calc(99% + .6px) 100%),linear-gradient(to right,transparent 0 calc(var(--t-height) / 2),#999 calc(var(--t-height) / 2) calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)),transparent calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)));-webkit-mask-size:calc(100% * var(--t-segment-width) + var(--tui-segment-gap) * var(--t-segment-width));mask-size:calc(100% * var(--t-segment-width) + var(--tui-segment-gap) * var(--t-segment-width))}\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: TuiProgressSegmentedStyles, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-progress-segmented' }, styles: ["[tuiProgressSegmentedV=\"4.
|
|
11
|
+
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-progress-segmented' }, styles: ["[tuiProgressSegmentedV=\"4.95.0\"]._segmented{--tui-segment-gap: .5rem;-webkit-mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)) center,#999 0 99%,transparent calc(99% + .6px) 100%),linear-gradient(to right,transparent 0 calc(var(--t-height) / 2),#999 calc(var(--t-height) / 2) calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)),transparent calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)));mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)) center,#999 0 99%,transparent calc(99% + .6px) 100%),linear-gradient(to right,transparent 0 calc(var(--t-height) / 2),#999 calc(var(--t-height) / 2) calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)),transparent calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)));-webkit-mask-size:calc(100% * var(--t-segment-width) + var(--tui-segment-gap) * var(--t-segment-width));mask-size:calc(100% * var(--t-segment-width) + var(--tui-segment-gap) * var(--t-segment-width))}\n"] }]
|
|
12
12
|
}] });
|
|
13
13
|
class TuiProgressSegmented {
|
|
14
14
|
constructor() {
|
|
@@ -16,7 +16,7 @@ class TuiProgressSegmented {
|
|
|
16
16
|
this.segments = 1;
|
|
17
17
|
}
|
|
18
18
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressSegmented, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
19
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiProgressSegmented, isStandalone: true, selector: "[tuiProgressBar][segments]", inputs: { segments: "segments" }, host: { attributes: { "tuiProgressSegmentedV": "4.
|
|
19
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiProgressSegmented, isStandalone: true, selector: "[tuiProgressBar][segments]", inputs: { segments: "segments" }, host: { attributes: { "tuiProgressSegmentedV": "4.95.0" }, properties: { "style.--t-segment-width": "1 / segments" }, classAttribute: "_segmented" }, ngImport: i0 }); }
|
|
20
20
|
}
|
|
21
21
|
export { TuiProgressSegmented };
|
|
22
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiProgressSegmented, decorators: [{
|
|
@@ -32,7 +32,7 @@ class TuiRadioComponent {
|
|
|
32
32
|
: this.options.appearance(this.el);
|
|
33
33
|
}
|
|
34
34
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
35
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiRadioComponent, isStandalone: true, selector: "input[type=\"radio\"][tuiRadio]", inputs: { size: "size" }, host: { attributes: { "tuiRadioV": "4.
|
|
35
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiRadioComponent, isStandalone: true, selector: "input[type=\"radio\"][tuiRadio]", inputs: { size: "size" }, host: { attributes: { "tuiRadioV": "4.95.0" }, properties: { "disabled": "!control || control.disabled", "attr.data-size": "size", "class._readonly": "!control" } }, hostDirectives: [{ directive: i1.TuiAppearance, inputs: ["tuiAppearanceState", "tuiAppearanceState", "tuiAppearanceFocus", "tuiAppearanceFocus", "tuiAppearanceMode", "tuiAppearanceMode"] }, { directive: i2.TuiNativeValidator }], ngImport: i0, template: '', isInline: true, styles: ["[tuiRadioV=\"4.95.0\"]{--t-size: 1.5rem;transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:var(--t-size);block-size:var(--t-size);cursor:pointer;margin:0;flex-shrink:0;border-radius:100%;color:var(--tui-text-primary-on-accent-1)}[tuiRadioV=\"4.95.0\"]:disabled._readonly._readonly{opacity:1}[tuiRadioV=\"4.95.0\"]:before{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";margin:auto;border-radius:100%;background:currentColor;transform:scale(0);transition-property:transform}[tuiRadioV=\"4.95.0\"]:checked:before{transform:scale(.5)}[tuiRadioV=\"4.95.0\"][data-size=s]{--t-size: 1rem}[tuiRadioV=\"4.95.0\"]:invalid:not([data-mode]),[tuiRadioV=\"4.95.0\"][data-mode~=invalid]{color:#fff}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
36
36
|
}
|
|
37
37
|
export { TuiRadioComponent };
|
|
38
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiRadioComponent, decorators: [{
|
|
@@ -48,7 +48,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
48
48
|
'[disabled]': '!control || control.disabled',
|
|
49
49
|
'[attr.data-size]': 'size',
|
|
50
50
|
'[class._readonly]': '!control',
|
|
51
|
-
}, styles: ["[tuiRadioV=\"4.
|
|
51
|
+
}, styles: ["[tuiRadioV=\"4.95.0\"]{--t-size: 1.5rem;transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:var(--t-size);block-size:var(--t-size);cursor:pointer;margin:0;flex-shrink:0;border-radius:100%;color:var(--tui-text-primary-on-accent-1)}[tuiRadioV=\"4.95.0\"]:disabled._readonly._readonly{opacity:1}[tuiRadioV=\"4.95.0\"]:before{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";margin:auto;border-radius:100%;background:currentColor;transform:scale(0);transition-property:transform}[tuiRadioV=\"4.95.0\"]:checked:before{transform:scale(.5)}[tuiRadioV=\"4.95.0\"][data-size=s]{--t-size: 1rem}[tuiRadioV=\"4.95.0\"]:invalid:not([data-mode]),[tuiRadioV=\"4.95.0\"][data-mode~=invalid]{color:#fff}\n"] }]
|
|
52
52
|
}], propDecorators: { size: [{
|
|
53
53
|
type: Input
|
|
54
54
|
}] } });
|
|
@@ -38,7 +38,7 @@ class TuiRadioList extends TuiControl {
|
|
|
38
38
|
: this.identityMatcher(this.value(), item);
|
|
39
39
|
}
|
|
40
40
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiRadioList, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
41
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiRadioList, isStandalone: true, selector: "tui-radio-list", inputs: { items: "items", size: "size", identityMatcher: "identityMatcher", disabledItemHandler: "disabledItemHandler", itemContent: "itemContent" }, host: { attributes: { "tuiRadioListV": "4.
|
|
41
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiRadioList, isStandalone: true, selector: "tui-radio-list", inputs: { items: "items", size: "size", identityMatcher: "identityMatcher", disabledItemHandler: "disabledItemHandler", itemContent: "itemContent" }, host: { attributes: { "tuiRadioListV": "4.95.0" }, listeners: { "focusout": "onFocusOut()" }, properties: { "attr.data-size": "size" } }, providers: [tuiAsControl(TuiRadioList)], viewQueries: [{ propertyName: "controls", predicate: NgControl, descendants: true }], usesInheritance: true, ngImport: i0, template: "<label\n *ngFor=\"let item of items; index as index\"\n class=\"t-item\"\n [class.t-item_disabled]=\"disabled() || disabledItemHandler(item)\"\n>\n <input\n tuiRadio\n type=\"radio\"\n [disabled]=\"disabled() || disabledItemHandler(item)\"\n [identityMatcher]=\"identityMatcher\"\n [name]=\"name\"\n [ngModel]=\"value()\"\n [ngModelOptions]=\"{standalone: true}\"\n [size]=\"size\"\n [tuiValidator]=\"validator()\"\n [value]=\"item\"\n (ngModelChange)=\"onChange($event)\"\n />\n <ng-container *polymorpheusOutlet=\"itemContent as text; context: {$implicit: item, active: itemIsActive(item)}\">\n {{ text }}\n </ng-container>\n</label>\n", styles: ["[tuiRadioListV=\"4.95.0\"]{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem 1.5rem;font:var(--tui-font-text-m)}[tuiRadioListV=\"4.95.0\"][data-size=s],[tuiRadioListV=\"4.95.0\"][data-size=s] [tuiTitle]{font:var(--tui-font-text-ui-s)}[tuiRadioListV=\"4.95.0\"][data-size=s] [tuiSubtitle],[tuiRadioListV=\"4.95.0\"][data-size=s] [tuiTitle] [tuiSubtitle]{font:var(--tui-font-text-xs)}[tuiRadioListV=\"4.95.0\"][data-size=s]>.t-item,[tuiRadioListV=\"4.95.0\"][data-size=s] [tuiTitle]>.t-item{gap:.5rem}[tuiRadioListV=\"4.95.0\"] [tuiTitle]{font:var(--tui-font-text-m)}[tuiRadioListV=\"4.95.0\"] [tuiSubtitle]{color:var(--tui-text-secondary)}[tuiRadioListV=\"4.95.0\"]>.t-item{display:flex;gap:.75rem}[tuiRadioListV=\"4.95.0\"]>.t-item_disabled{opacity:var(--tui-disabled-opacity)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: i2.TuiRadioComponent, selector: "input[type=\"radio\"][tuiRadio]", inputs: ["size"] }, { kind: "directive", type: i2.TuiRadioDirective, selector: "input[type=\"radio\"][tuiRadio][identityMatcher]", inputs: ["identityMatcher"] }, { kind: "directive", type: TuiValidator, selector: "[tuiValidator]", inputs: ["tuiValidator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
42
42
|
}
|
|
43
43
|
export { TuiRadioList };
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiRadioList, decorators: [{
|
|
@@ -47,7 +47,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
47
47
|
tuiRadioListV: TUI_VERSION,
|
|
48
48
|
'[attr.data-size]': 'size',
|
|
49
49
|
'(focusout)': 'onFocusOut()',
|
|
50
|
-
}, template: "<label\n *ngFor=\"let item of items; index as index\"\n class=\"t-item\"\n [class.t-item_disabled]=\"disabled() || disabledItemHandler(item)\"\n>\n <input\n tuiRadio\n type=\"radio\"\n [disabled]=\"disabled() || disabledItemHandler(item)\"\n [identityMatcher]=\"identityMatcher\"\n [name]=\"name\"\n [ngModel]=\"value()\"\n [ngModelOptions]=\"{standalone: true}\"\n [size]=\"size\"\n [tuiValidator]=\"validator()\"\n [value]=\"item\"\n (ngModelChange)=\"onChange($event)\"\n />\n <ng-container *polymorpheusOutlet=\"itemContent as text; context: {$implicit: item, active: itemIsActive(item)}\">\n {{ text }}\n </ng-container>\n</label>\n", styles: ["[tuiRadioListV=\"4.
|
|
50
|
+
}, template: "<label\n *ngFor=\"let item of items; index as index\"\n class=\"t-item\"\n [class.t-item_disabled]=\"disabled() || disabledItemHandler(item)\"\n>\n <input\n tuiRadio\n type=\"radio\"\n [disabled]=\"disabled() || disabledItemHandler(item)\"\n [identityMatcher]=\"identityMatcher\"\n [name]=\"name\"\n [ngModel]=\"value()\"\n [ngModelOptions]=\"{standalone: true}\"\n [size]=\"size\"\n [tuiValidator]=\"validator()\"\n [value]=\"item\"\n (ngModelChange)=\"onChange($event)\"\n />\n <ng-container *polymorpheusOutlet=\"itemContent as text; context: {$implicit: item, active: itemIsActive(item)}\">\n {{ text }}\n </ng-container>\n</label>\n", styles: ["[tuiRadioListV=\"4.95.0\"]{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem 1.5rem;font:var(--tui-font-text-m)}[tuiRadioListV=\"4.95.0\"][data-size=s],[tuiRadioListV=\"4.95.0\"][data-size=s] [tuiTitle]{font:var(--tui-font-text-ui-s)}[tuiRadioListV=\"4.95.0\"][data-size=s] [tuiSubtitle],[tuiRadioListV=\"4.95.0\"][data-size=s] [tuiTitle] [tuiSubtitle]{font:var(--tui-font-text-xs)}[tuiRadioListV=\"4.95.0\"][data-size=s]>.t-item,[tuiRadioListV=\"4.95.0\"][data-size=s] [tuiTitle]>.t-item{gap:.5rem}[tuiRadioListV=\"4.95.0\"] [tuiTitle]{font:var(--tui-font-text-m)}[tuiRadioListV=\"4.95.0\"] [tuiSubtitle]{color:var(--tui-text-secondary)}[tuiRadioListV=\"4.95.0\"]>.t-item{display:flex;gap:.75rem}[tuiRadioListV=\"4.95.0\"]>.t-item_disabled{opacity:var(--tui-disabled-opacity)}\n"] }]
|
|
51
51
|
}], propDecorators: { controls: [{
|
|
52
52
|
type: ViewChildren,
|
|
53
53
|
args: [NgControl]
|
|
@@ -51,10 +51,10 @@ class TuiSegmented {
|
|
|
51
51
|
this.el.style.setProperty('--t-width', tuiPx(offsetWidth));
|
|
52
52
|
}
|
|
53
53
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSegmented, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
54
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiSegmented, isStandalone: true, selector: "tui-segmented", inputs: { size: "size", activeItemIndex: "activeItemIndex", disabled: "disabled" }, outputs: { activeItemIndexChange: "activeItemIndexChange" }, host: { attributes: { "tuiSegmentedV": "4.
|
|
54
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiSegmented, isStandalone: true, selector: "tui-segmented", inputs: { size: "size", activeItemIndex: "activeItemIndex", disabled: "disabled" }, outputs: { activeItemIndexChange: "activeItemIndexChange" }, host: { attributes: { "tuiSegmentedV": "4.95.0" }, properties: { "attr.data-size": "size", "attr.inert": "disabled ? \"\" : null" } }, providers: [
|
|
55
55
|
WaResizeObserverService,
|
|
56
56
|
tuiBadgeNotificationOptionsProvider({ size: 's' }),
|
|
57
|
-
], usesOnChanges: true, hostDirectives: [{ directive: i1.TuiSegmentedDirective }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["[tuiSegmentedV=\"4.
|
|
57
|
+
], usesOnChanges: true, hostDirectives: [{ directive: i1.TuiSegmentedDirective }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["[tuiSegmentedV=\"4.95.0\"]{position:relative;display:flex;color:var(--tui-background-base);background:var(--tui-background-neutral-1);overflow:hidden;-webkit-mask-image:linear-gradient(black,black);mask-image:linear-gradient(#000,#000)}[tuiSegmentedV=\"4.95.0\"][data-size=s]{--t-padding: .5rem;--t-gap: .5rem;--t-margin: -.125rem;--t-height: var(--tui-height-s);font:var(--tui-font-text-s);border-radius:var(--tui-radius-m)}[tuiSegmentedV=\"4.95.0\"][data-size=s] tui-icon{font-size:1rem}[tuiSegmentedV=\"4.95.0\"][data-size=m]{--t-padding: .875rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-m);font:var(--tui-font-text-m);border-radius:var(--tui-radius-m)}[tuiSegmentedV=\"4.95.0\"][data-size=l]{--t-padding: 1.25rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-l);font:var(--tui-font-text-l);border-radius:var(--tui-radius-l)}[tuiSegmentedV=\"4.95.0\"][data-size=l]>*:before{block-size:1.25rem}[tuiSegmentedV=\"4.95.0\"][inert]{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiSegmentedV=\"4.95.0\"]>a,[tuiSegmentedV=\"4.95.0\"]>button,[tuiSegmentedV=\"4.95.0\"]>label,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]){transition-property:color,background,opacity,border-image;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;justify-content:center;block-size:var(--t-height);white-space:nowrap;gap:var(--t-gap);margin:0;padding:0 var(--t-padding);color:var(--tui-text-primary);overflow:hidden;cursor:pointer;font:inherit;border-radius:inherit;border:.125rem solid transparent;background-clip:padding-box;box-sizing:border-box;border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 0 0 100 .5;clip-path:polygon(-1rem calc(50% - .5rem),1px calc(50% - .5rem),1px 0,100% 0,100% 100%,1px 100%,1px calc(50% + .5rem),-1rem calc(50% + .5rem))}[tuiSegmentedV=\"4.95.0\"]>a>*,[tuiSegmentedV=\"4.95.0\"]>button>*,[tuiSegmentedV=\"4.95.0\"]>label>*,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio])>*{margin:0 var(--t-margin)}[tuiSegmentedV=\"4.95.0\"]>a:focus-visible,[tuiSegmentedV=\"4.95.0\"]>button:focus-visible,[tuiSegmentedV=\"4.95.0\"]>label:focus-visible,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]):focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.25rem}@media (hover: hover) and (pointer: fine){[tuiSegmentedV=\"4.95.0\"]>a:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>button:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>label:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover{background-color:var(--tui-background-neutral-1-hover)}[tuiSegmentedV=\"4.95.0\"]>a:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>button:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>label:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>a:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.95.0\"]>button:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.95.0\"]>label:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover+*{border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 100 0 0 .5}}[tuiSegmentedV=\"4.95.0\"]>a:active,[tuiSegmentedV=\"4.95.0\"]>button:active,[tuiSegmentedV=\"4.95.0\"]>label:active,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]):active,[tuiSegmentedV=\"4.95.0\"]>a:active+*,[tuiSegmentedV=\"4.95.0\"]>button:active+*,[tuiSegmentedV=\"4.95.0\"]>label:active+*,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]):active+*,[tuiSegmentedV=\"4.95.0\"]>a.tui-segmented_active,[tuiSegmentedV=\"4.95.0\"]>button.tui-segmented_active,[tuiSegmentedV=\"4.95.0\"]>label.tui-segmented_active,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]).tui-segmented_active,[tuiSegmentedV=\"4.95.0\"]>a.tui-segmented_active+*,[tuiSegmentedV=\"4.95.0\"]>button.tui-segmented_active+*,[tuiSegmentedV=\"4.95.0\"]>label.tui-segmented_active+*,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]).tui-segmented_active+*{border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 100 0 0 .5}[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]){position:absolute;top:-.125rem;left:-.125rem;right:-.125rem;bottom:-.125rem;background:transparent!important}[tuiSegmentedV=\"4.95.0\"]:before{transition-property:top,left,width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;left:var(--t-left);top:var(--t-top);block-size:var(--t-height);inline-size:var(--t-width);border-radius:inherit;background:currentColor;background-clip:padding-box;border:.125rem solid transparent;box-sizing:border-box;filter:drop-shadow(0 .25rem 1.25rem rgba(0,0,0,.1))}[tuiTheme=dark] [tuiSegmentedV=\"4.95.0\"],[tuiSegmentedV=\"4.95.0\"][tuiTheme=dark]{--tui-background-base: var(--tui-background-neutral-1-hover)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
58
58
|
}
|
|
59
59
|
export { TuiSegmented };
|
|
60
60
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSegmented, decorators: [{
|
|
@@ -66,7 +66,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
66
66
|
tuiSegmentedV: TUI_VERSION,
|
|
67
67
|
'[attr.data-size]': 'size',
|
|
68
68
|
'[attr.inert]': 'disabled ? "" : null',
|
|
69
|
-
}, styles: ["[tuiSegmentedV=\"4.
|
|
69
|
+
}, styles: ["[tuiSegmentedV=\"4.95.0\"]{position:relative;display:flex;color:var(--tui-background-base);background:var(--tui-background-neutral-1);overflow:hidden;-webkit-mask-image:linear-gradient(black,black);mask-image:linear-gradient(#000,#000)}[tuiSegmentedV=\"4.95.0\"][data-size=s]{--t-padding: .5rem;--t-gap: .5rem;--t-margin: -.125rem;--t-height: var(--tui-height-s);font:var(--tui-font-text-s);border-radius:var(--tui-radius-m)}[tuiSegmentedV=\"4.95.0\"][data-size=s] tui-icon{font-size:1rem}[tuiSegmentedV=\"4.95.0\"][data-size=m]{--t-padding: .875rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-m);font:var(--tui-font-text-m);border-radius:var(--tui-radius-m)}[tuiSegmentedV=\"4.95.0\"][data-size=l]{--t-padding: 1.25rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-l);font:var(--tui-font-text-l);border-radius:var(--tui-radius-l)}[tuiSegmentedV=\"4.95.0\"][data-size=l]>*:before{block-size:1.25rem}[tuiSegmentedV=\"4.95.0\"][inert]{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiSegmentedV=\"4.95.0\"]>a,[tuiSegmentedV=\"4.95.0\"]>button,[tuiSegmentedV=\"4.95.0\"]>label,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]){transition-property:color,background,opacity,border-image;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;justify-content:center;block-size:var(--t-height);white-space:nowrap;gap:var(--t-gap);margin:0;padding:0 var(--t-padding);color:var(--tui-text-primary);overflow:hidden;cursor:pointer;font:inherit;border-radius:inherit;border:.125rem solid transparent;background-clip:padding-box;box-sizing:border-box;border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 0 0 100 .5;clip-path:polygon(-1rem calc(50% - .5rem),1px calc(50% - .5rem),1px 0,100% 0,100% 100%,1px 100%,1px calc(50% + .5rem),-1rem calc(50% + .5rem))}[tuiSegmentedV=\"4.95.0\"]>a>*,[tuiSegmentedV=\"4.95.0\"]>button>*,[tuiSegmentedV=\"4.95.0\"]>label>*,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio])>*{margin:0 var(--t-margin)}[tuiSegmentedV=\"4.95.0\"]>a:focus-visible,[tuiSegmentedV=\"4.95.0\"]>button:focus-visible,[tuiSegmentedV=\"4.95.0\"]>label:focus-visible,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]):focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.25rem}@media (hover: hover) and (pointer: fine){[tuiSegmentedV=\"4.95.0\"]>a:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>button:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>label:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover{background-color:var(--tui-background-neutral-1-hover)}[tuiSegmentedV=\"4.95.0\"]>a:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>button:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>label:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.95.0\"]>a:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.95.0\"]>button:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.95.0\"]>label:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover+*{border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 100 0 0 .5}}[tuiSegmentedV=\"4.95.0\"]>a:active,[tuiSegmentedV=\"4.95.0\"]>button:active,[tuiSegmentedV=\"4.95.0\"]>label:active,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]):active,[tuiSegmentedV=\"4.95.0\"]>a:active+*,[tuiSegmentedV=\"4.95.0\"]>button:active+*,[tuiSegmentedV=\"4.95.0\"]>label:active+*,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]):active+*,[tuiSegmentedV=\"4.95.0\"]>a.tui-segmented_active,[tuiSegmentedV=\"4.95.0\"]>button.tui-segmented_active,[tuiSegmentedV=\"4.95.0\"]>label.tui-segmented_active,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]).tui-segmented_active,[tuiSegmentedV=\"4.95.0\"]>a.tui-segmented_active+*,[tuiSegmentedV=\"4.95.0\"]>button.tui-segmented_active+*,[tuiSegmentedV=\"4.95.0\"]>label.tui-segmented_active+*,[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]).tui-segmented_active+*{border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 100 0 0 .5}[tuiSegmentedV=\"4.95.0\"]>label>input:not([tuiRadio]){position:absolute;top:-.125rem;left:-.125rem;right:-.125rem;bottom:-.125rem;background:transparent!important}[tuiSegmentedV=\"4.95.0\"]:before{transition-property:top,left,width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;left:var(--t-left);top:var(--t-top);block-size:var(--t-height);inline-size:var(--t-width);border-radius:inherit;background:currentColor;background-clip:padding-box;border:.125rem solid transparent;box-sizing:border-box;filter:drop-shadow(0 .25rem 1.25rem rgba(0,0,0,.1))}[tuiTheme=dark] [tuiSegmentedV=\"4.95.0\"],[tuiSegmentedV=\"4.95.0\"][tuiTheme=dark]{--tui-background-base: var(--tui-background-neutral-1-hover)}\n"] }]
|
|
70
70
|
}], propDecorators: { size: [{
|
|
71
71
|
type: Input
|
|
72
72
|
}], activeItemIndex: [{
|
|
@@ -3,13 +3,13 @@ import { TUI_VERSION } from '@taiga-ui/cdk/constants';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
class TuiShrinkWrapComponent {
|
|
5
5
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiShrinkWrapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiShrinkWrapComponent, isStandalone: true, selector: "tui-shrink-wrap", host: { attributes: { "tuiShrinkWrapV": "4.
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiShrinkWrapComponent, isStandalone: true, selector: "tui-shrink-wrap", host: { attributes: { "tuiShrinkWrapV": "4.95.0" } }, ngImport: i0, template: '<span><ng-content/></span>', isInline: true, styles: ["@property --t-shrink-wrap-host{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --t-shrink-wrap-item{syntax: \"<number>\"; inherits: true; initial-value: 0;}@keyframes tuiShrinkWrapHost{to{--t-shrink-wrap-host: 1}}@keyframes tuiShrinkWrapItem{to{--t-shrink-wrap-item: 1}}[tuiShrinkWrap]{timeline-scope:--t-shrink-wrap-host,--t-shrink-wrap-item;animation:tuiShrinkWrapHost,tuiShrinkWrapItem;animation-timing-function:linear;animation-timeline:--t-shrink-wrap-host,--t-shrink-wrap-item;animation-range:entry 100% exit 100%;--t-shrink-wrap: calc(-1px / (1 - var(--t-shrink-wrap-host)) * var(--t-shrink-wrap-item))}[tuiShrinkWrapV=\"4.95.0\"]{display:block;overflow:hidden;text-wrap:balance;margin-inline-end:var(--t-shrink-wrap)}[tuiShrinkWrapV=\"4.95.0\"]>*{view-timeline:--t-shrink-wrap-item inline}[tuiShrinkWrapV=\"4.95.0\"]:before{content:\"\";padding-inline-start:1px;margin-inline-end:-1px;view-timeline:--t-shrink-wrap-host inline}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
7
7
|
}
|
|
8
8
|
export { TuiShrinkWrapComponent };
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiShrinkWrapComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
11
|
args: [{ standalone: true, selector: 'tui-shrink-wrap', template: '<span><ng-content/></span>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
12
12
|
tuiShrinkWrapV: TUI_VERSION,
|
|
13
|
-
}, styles: ["@property --t-shrink-wrap-host{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --t-shrink-wrap-item{syntax: \"<number>\"; inherits: true; initial-value: 0;}@keyframes tuiShrinkWrapHost{to{--t-shrink-wrap-host: 1}}@keyframes tuiShrinkWrapItem{to{--t-shrink-wrap-item: 1}}[tuiShrinkWrap]{timeline-scope:--t-shrink-wrap-host,--t-shrink-wrap-item;animation:tuiShrinkWrapHost,tuiShrinkWrapItem;animation-timing-function:linear;animation-timeline:--t-shrink-wrap-host,--t-shrink-wrap-item;animation-range:entry 100% exit 100%;--t-shrink-wrap: calc(-1px / (1 - var(--t-shrink-wrap-host)) * var(--t-shrink-wrap-item))}[tuiShrinkWrapV=\"4.
|
|
13
|
+
}, styles: ["@property --t-shrink-wrap-host{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --t-shrink-wrap-item{syntax: \"<number>\"; inherits: true; initial-value: 0;}@keyframes tuiShrinkWrapHost{to{--t-shrink-wrap-host: 1}}@keyframes tuiShrinkWrapItem{to{--t-shrink-wrap-item: 1}}[tuiShrinkWrap]{timeline-scope:--t-shrink-wrap-host,--t-shrink-wrap-item;animation:tuiShrinkWrapHost,tuiShrinkWrapItem;animation-timing-function:linear;animation-timeline:--t-shrink-wrap-host,--t-shrink-wrap-item;animation-range:entry 100% exit 100%;--t-shrink-wrap: calc(-1px / (1 - var(--t-shrink-wrap-host)) * var(--t-shrink-wrap-item))}[tuiShrinkWrapV=\"4.95.0\"]{display:block;overflow:hidden;text-wrap:balance;margin-inline-end:var(--t-shrink-wrap)}[tuiShrinkWrapV=\"4.95.0\"]>*{view-timeline:--t-shrink-wrap-item inline}[tuiShrinkWrapV=\"4.95.0\"]:before{content:\"\";padding-inline-start:1px;margin-inline-end:-1px;view-timeline:--t-shrink-wrap-host inline}\n"] }]
|
|
14
14
|
}] });
|
|
15
15
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hyaW5rLXdyYXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvc2hyaW5rLXdyYXAvc2hyaW5rLXdyYXAuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDcEYsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLHlCQUF5QixDQUFDOztBQUVwRCxNQVdhLHNCQUFzQjsrR0FBdEIsc0JBQXNCO21HQUF0QixzQkFBc0IsaUlBUnJCLDRCQUE0Qjs7U0FRN0Isc0JBQXNCOzRGQUF0QixzQkFBc0I7a0JBWGxDLFNBQVM7aUNBQ00sSUFBSSxZQUNOLGlCQUFpQixZQUNqQiw0QkFBNEIsaUJBRXZCLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0YsY0FBYyxFQUFFLFdBQVc7cUJBQzlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RVSV9WRVJTSU9OfSBmcm9tICdAdGFpZ2EtdWkvY2RrL2NvbnN0YW50cyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICd0dWktc2hyaW5rLXdyYXAnLFxuICAgIHRlbXBsYXRlOiAnPHNwYW4+PG5nLWNvbnRlbnQvPjwvc3Bhbj4nLFxuICAgIHN0eWxlVXJsczogWycuL3Nocmluay13cmFwLnN0eWxlLmxlc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgdHVpU2hyaW5rV3JhcFY6IFRVSV9WRVJTSU9OLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aVNocmlua1dyYXBDb21wb25lbnQge31cbiJdfQ==
|
|
@@ -4,13 +4,13 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
class TuiStatusStyles {
|
|
6
6
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiStatusStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiStatusStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-status" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiStatusV=\"4.
|
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiStatusStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-status" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiStatusV=\"4.95.0\"]{display:inline-flex;align-items:center;gap:.5rem}[tuiStatusV=\"4.95.0\"]:before{content:\"\";display:var(--t-status, none);inline-size:.5rem;block-size:.5rem;border-radius:100%;background:var(--t-status)}[tuiStatusV=\"4.95.0\"][data-size=s],[tuiStatusV=\"4.95.0\"][data-size=m],[tuiStatusV=\"4.95.0\"][data-size=l]{gap:.25rem}[tuiStatusV=\"4.95.0\"][data-size=xl]{gap:.375rem}\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: TuiStatusStyles, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
11
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
12
12
|
class: 'tui-status',
|
|
13
|
-
}, styles: ["[tuiStatusV=\"4.
|
|
13
|
+
}, styles: ["[tuiStatusV=\"4.95.0\"]{display:inline-flex;align-items:center;gap:.5rem}[tuiStatusV=\"4.95.0\"]:before{content:\"\";display:var(--t-status, none);inline-size:.5rem;block-size:.5rem;border-radius:100%;background:var(--t-status)}[tuiStatusV=\"4.95.0\"][data-size=s],[tuiStatusV=\"4.95.0\"][data-size=m],[tuiStatusV=\"4.95.0\"][data-size=l]{gap:.25rem}[tuiStatusV=\"4.95.0\"][data-size=xl]{gap:.375rem}\n"] }]
|
|
14
14
|
}] });
|
|
15
15
|
class TuiStatus {
|
|
16
16
|
constructor() {
|
|
@@ -18,7 +18,7 @@ class TuiStatus {
|
|
|
18
18
|
this.tuiStatus = '';
|
|
19
19
|
}
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiStatus, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
21
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiStatus, isStandalone: true, selector: "[tuiStatus]", inputs: { tuiStatus: "tuiStatus" }, host: { attributes: { "tuiStatus": "", "tuiStatusV": "4.
|
|
21
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiStatus, isStandalone: true, selector: "[tuiStatus]", inputs: { tuiStatus: "tuiStatus" }, host: { attributes: { "tuiStatus": "", "tuiStatusV": "4.95.0" }, properties: { "style.--t-status": "tuiStatus || null" } }, ngImport: i0 }); }
|
|
22
22
|
}
|
|
23
23
|
export { TuiStatus };
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiStatus, decorators: [{
|
|
@@ -38,7 +38,7 @@ class TuiSwitch {
|
|
|
38
38
|
return this.showIcons && icon ? `url(${resolver(icon)})` : null;
|
|
39
39
|
}
|
|
40
40
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSwitch, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
41
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiSwitch, isStandalone: true, selector: "input[type=\"checkbox\"][tuiSwitch]", inputs: { size: "size", showIcons: "showIcons" }, host: { attributes: { "role": "switch", "tuiSwitchV": "4.
|
|
41
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiSwitch, isStandalone: true, selector: "input[type=\"checkbox\"][tuiSwitch]", inputs: { size: "size", showIcons: "showIcons" }, host: { attributes: { "role": "switch", "tuiSwitchV": "4.95.0" }, properties: { "disabled": "!control || control.disabled", "attr.data-size": "size", "class._readonly": "!control", "style.--t-checked-icon": "icon" } }, hostDirectives: [{ directive: i1.TuiAppearance, inputs: ["tuiAppearanceState", "tuiAppearanceState", "tuiAppearanceFocus", "tuiAppearanceFocus", "tuiAppearanceMode", "tuiAppearanceMode"] }, { directive: i2.TuiNativeValidator }], ngImport: i0, template: '', isInline: true, styles: ["[tuiSwitchV=\"4.95.0\"]{transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:3rem;block-size:1.5rem;border-radius:2rem;overflow:hidden;cursor:pointer;margin:0;flex-shrink:0}[tuiSwitchV=\"4.95.0\"][data-size=s]{block-size:1rem;inline-size:2rem}[tuiSwitchV=\"4.95.0\"][data-size=s]:before{inline-size:1rem;transform:translate(-1rem);-webkit-mask-size:.75rem;mask-size:.75rem}[tuiSwitchV=\"4.95.0\"][data-size=s]:after{inline-size:1rem;box-shadow:-2.625rem 0 0 .5rem var(--tui-background-base);outline-width:.167rem;transform:scale(.375)}[tuiSwitchV=\"4.95.0\"][data-size=s]:checked:after{transform:scale(.375) translate(2.625rem)}[tuiSwitchV=\"4.95.0\"]:checked:before{transform:none}[tuiSwitchV=\"4.95.0\"]:checked:after{transform:scale(.33333) translate(4.5rem)}[tuiSwitchV=\"4.95.0\"]:disabled._readonly._readonly{opacity:1}[tuiSwitchV=\"4.95.0\"]:before,[tuiSwitchV=\"4.95.0\"]:after{content:\"\";position:absolute;block-size:100%;inline-size:1.5rem;transition-property:transform}[tuiSwitchV=\"4.95.0\"]:before{left:.125rem;display:var(--t-checked-icon, none);background:currentColor;-webkit-mask:var(--t-checked-icon) no-repeat center;mask:var(--t-checked-icon) no-repeat center;-webkit-mask-size:1rem;mask-size:1rem;transform:translate(-1.5rem)}[tuiSwitchV=\"4.95.0\"]:after{right:0;border-radius:100%;transform:scale(.33333);box-shadow:-4.5rem 0 0 .75rem var(--tui-background-base);outline:.375rem solid var(--tui-background-neutral-2-pressed);outline-offset:var(--t-checked-icon, 20rem)}[tuiSwitchV=\"4.95.0\"]:invalid:not([data-mode]),[tuiSwitchV=\"4.95.0\"][data-mode~=invalid]{color:#fff}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
42
42
|
}
|
|
43
43
|
export { TuiSwitch };
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSwitch, decorators: [{
|
|
@@ -56,7 +56,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
56
56
|
'[attr.data-size]': 'size',
|
|
57
57
|
'[class._readonly]': '!control',
|
|
58
58
|
'[style.--t-checked-icon]': 'icon',
|
|
59
|
-
}, styles: ["[tuiSwitchV=\"4.
|
|
59
|
+
}, styles: ["[tuiSwitchV=\"4.95.0\"]{transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:3rem;block-size:1.5rem;border-radius:2rem;overflow:hidden;cursor:pointer;margin:0;flex-shrink:0}[tuiSwitchV=\"4.95.0\"][data-size=s]{block-size:1rem;inline-size:2rem}[tuiSwitchV=\"4.95.0\"][data-size=s]:before{inline-size:1rem;transform:translate(-1rem);-webkit-mask-size:.75rem;mask-size:.75rem}[tuiSwitchV=\"4.95.0\"][data-size=s]:after{inline-size:1rem;box-shadow:-2.625rem 0 0 .5rem var(--tui-background-base);outline-width:.167rem;transform:scale(.375)}[tuiSwitchV=\"4.95.0\"][data-size=s]:checked:after{transform:scale(.375) translate(2.625rem)}[tuiSwitchV=\"4.95.0\"]:checked:before{transform:none}[tuiSwitchV=\"4.95.0\"]:checked:after{transform:scale(.33333) translate(4.5rem)}[tuiSwitchV=\"4.95.0\"]:disabled._readonly._readonly{opacity:1}[tuiSwitchV=\"4.95.0\"]:before,[tuiSwitchV=\"4.95.0\"]:after{content:\"\";position:absolute;block-size:100%;inline-size:1.5rem;transition-property:transform}[tuiSwitchV=\"4.95.0\"]:before{left:.125rem;display:var(--t-checked-icon, none);background:currentColor;-webkit-mask:var(--t-checked-icon) no-repeat center;mask:var(--t-checked-icon) no-repeat center;-webkit-mask-size:1rem;mask-size:1rem;transform:translate(-1.5rem)}[tuiSwitchV=\"4.95.0\"]:after{right:0;border-radius:100%;transform:scale(.33333);box-shadow:-4.5rem 0 0 .75rem var(--tui-background-base);outline:.375rem solid var(--tui-background-neutral-2-pressed);outline-offset:var(--t-checked-icon, 20rem)}[tuiSwitchV=\"4.95.0\"]:invalid:not([data-mode]),[tuiSwitchV=\"4.95.0\"][data-mode~=invalid]{color:#fff}\n"] }]
|
|
60
60
|
}], propDecorators: { size: [{
|
|
61
61
|
type: Input
|
|
62
62
|
}], showIcons: [{
|
|
@@ -31,7 +31,7 @@ class TuiTab {
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTab, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
34
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiTab, isStandalone: true, selector: "a[tuiTab]:not([routerLink]), a[tuiTab][routerLink][routerLinkActive], button[tuiTab]", host: { attributes: { "tuiTabV": "4.
|
|
34
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiTab, isStandalone: true, selector: "a[tuiTab]:not([routerLink]), a[tuiTab][routerLink][routerLinkActive], button[tuiTab]", host: { attributes: { "tuiTabV": "4.95.0", "type": "button" } }, hostDirectives: [{ directive: i1.TuiWithIcons }], ngImport: i0 }); }
|
|
35
35
|
}
|
|
36
36
|
export { TuiTab };
|
|
37
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTab, decorators: [{
|
|
@@ -8,13 +8,13 @@ import { TUI_TABS_OPTIONS } from './tabs.options';
|
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
class TuiTabsStyles {
|
|
10
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTabsStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTabsStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-tabs" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiTabV=\"4.
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTabsStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-tabs" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiTabV=\"4.95.0\"]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-inline-start:var(--tui-tab-margin, 24px)}[tuiTabV=\"4.95.0\"]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTabV=\"4.95.0\"]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTabV=\"4.95.0\"]:focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.125rem}[tuiTabsV=\"4.95.0\"]._underline [tuiTabV=\"4.95.0\"]:hover:not(._active){box-shadow:inset 0 -.125rem var(--tui-border-normal)}[tuiTabsV=\"4.95.0\"]>[tuiTabV=\"4.95.0\"]:first-child,[tuiTabsV=\"4.95.0\"]>:not(.t-overflown)>[tuiTabV=\"4.95.0\"]:first-child{margin-inline-start:0}[tuiTabsV=\"4.95.0\"]>[tuiTabV=\"4.95.0\"]~:not(.t-overflown)>[tuiTabV=\"4.95.0\"]:first-child{margin-inline-start:var(--tui-tab-margin, 24px)}[tuiTabV=\"4.95.0\"][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTabV=\"4.95.0\"][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTabV=\"4.95.0\"]:empty:after,[tuiTabV=\"4.95.0\"]:empty:before{margin:.5rem}@media (hover: hover) and (pointer: fine){[tuiTabV=\"4.95.0\"]:hover{color:var(--tui-text-primary)}}[tuiTabsV=\"4.95.0\"]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabsV=\"4.95.0\"]::-webkit-scrollbar,[tuiTabsV=\"4.95.0\"]::-webkit-scrollbar-thumb{display:none}[tuiTabsV=\"4.95.0\"][data-size=m]{font:var(--tui-font-text-s);--tui-tab-margin: 16px}[tuiTabsV=\"4.95.0\"][data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabsV=\"4.95.0\"][data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabsV=\"4.95.0\"]:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:.125rem;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabsV=\"4.95.0\"]._underline:before{content:\"\"}[data-vertical][tuiTabsV=\"4.95.0\"]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.95.0\"] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}[data-vertical][tuiTabsV=\"4.95.0\"] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:.125rem;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}[data-vertical][tuiTabsV=\"4.95.0\"] [tuiTab]:hover{box-shadow:inset -.125rem 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.95.0\"] [tuiTab]._active:after{transform:none}[data-vertical][tuiTabsV=\"4.95.0\"][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}[data-vertical][tuiTabsV=\"4.95.0\"][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.95.0\"][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}[data-vertical][tuiTabsV=\"4.95.0\"][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}[data-vertical][tuiTabsV=\"4.95.0\"][data-vertical=right] [tuiTab]:hover{box-shadow:inset .125rem 0 var(--tui-border-normal)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
12
12
|
}
|
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTabsStyles, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
15
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
16
16
|
class: 'tui-tabs',
|
|
17
|
-
}, styles: ["[tuiTabV=\"4.
|
|
17
|
+
}, styles: ["[tuiTabV=\"4.95.0\"]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-inline-start:var(--tui-tab-margin, 24px)}[tuiTabV=\"4.95.0\"]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTabV=\"4.95.0\"]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTabV=\"4.95.0\"]:focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.125rem}[tuiTabsV=\"4.95.0\"]._underline [tuiTabV=\"4.95.0\"]:hover:not(._active){box-shadow:inset 0 -.125rem var(--tui-border-normal)}[tuiTabsV=\"4.95.0\"]>[tuiTabV=\"4.95.0\"]:first-child,[tuiTabsV=\"4.95.0\"]>:not(.t-overflown)>[tuiTabV=\"4.95.0\"]:first-child{margin-inline-start:0}[tuiTabsV=\"4.95.0\"]>[tuiTabV=\"4.95.0\"]~:not(.t-overflown)>[tuiTabV=\"4.95.0\"]:first-child{margin-inline-start:var(--tui-tab-margin, 24px)}[tuiTabV=\"4.95.0\"][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTabV=\"4.95.0\"][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTabV=\"4.95.0\"]:empty:after,[tuiTabV=\"4.95.0\"]:empty:before{margin:.5rem}@media (hover: hover) and (pointer: fine){[tuiTabV=\"4.95.0\"]:hover{color:var(--tui-text-primary)}}[tuiTabsV=\"4.95.0\"]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabsV=\"4.95.0\"]::-webkit-scrollbar,[tuiTabsV=\"4.95.0\"]::-webkit-scrollbar-thumb{display:none}[tuiTabsV=\"4.95.0\"][data-size=m]{font:var(--tui-font-text-s);--tui-tab-margin: 16px}[tuiTabsV=\"4.95.0\"][data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabsV=\"4.95.0\"][data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabsV=\"4.95.0\"]:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:.125rem;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabsV=\"4.95.0\"]._underline:before{content:\"\"}[data-vertical][tuiTabsV=\"4.95.0\"]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.95.0\"] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}[data-vertical][tuiTabsV=\"4.95.0\"] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:.125rem;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}[data-vertical][tuiTabsV=\"4.95.0\"] [tuiTab]:hover{box-shadow:inset -.125rem 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.95.0\"] [tuiTab]._active:after{transform:none}[data-vertical][tuiTabsV=\"4.95.0\"][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}[data-vertical][tuiTabsV=\"4.95.0\"][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.95.0\"][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}[data-vertical][tuiTabsV=\"4.95.0\"][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}[data-vertical][tuiTabsV=\"4.95.0\"][data-vertical=right] [tuiTab]:hover{box-shadow:inset .125rem 0 var(--tui-border-normal)}\n"] }]
|
|
18
18
|
}] });
|
|
19
19
|
class TuiTabsDirective {
|
|
20
20
|
constructor() {
|
|
@@ -58,7 +58,7 @@ class TuiTabsDirective {
|
|
|
58
58
|
});
|
|
59
59
|
}
|
|
60
60
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTabsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
61
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiTabsDirective, isStandalone: true, inputs: { size: "size", activeItemIndex: "activeItemIndex" }, outputs: { activeItemIndexChange: "activeItemIndexChange" }, host: { attributes: { "tuiTabsV": "4.
|
|
61
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiTabsDirective, isStandalone: true, inputs: { size: "size", activeItemIndex: "activeItemIndex" }, outputs: { activeItemIndexChange: "activeItemIndexChange" }, host: { attributes: { "tuiTabsV": "4.95.0" }, listeners: { "tui-tab-activate": "onActivate($event, $event.target)" }, properties: { "attr.data-size": "size" } }, ngImport: i0 }); }
|
|
62
62
|
}
|
|
63
63
|
export { TuiTabsDirective };
|
|
64
64
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTabsDirective, decorators: [{
|