@taiga-ui/kit 4.84.0 → 4.86.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/badge-notification/badge-notification.component.mjs +2 -2
- 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-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.options.mjs +7 -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-notification.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-badge-notification.mjs.map +1 -1
- 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-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 +6 -1
- package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs.map +1 -1
- 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 +16 -16
|
@@ -108,10 +108,10 @@ class TuiSegmented {
|
|
|
108
108
|
this.el.style.setProperty('--t-width', tuiPx(offsetWidth));
|
|
109
109
|
}
|
|
110
110
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSegmented, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
111
|
-
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.
|
|
111
|
+
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.86.0" }, properties: { "attr.data-size": "size", "attr.inert": "disabled ? \"\" : null" } }, providers: [
|
|
112
112
|
WaResizeObserverService,
|
|
113
113
|
tuiBadgeNotificationOptionsProvider({ size: 's' }),
|
|
114
|
-
], usesOnChanges: true, hostDirectives: [{ directive: TuiSegmentedDirective }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["[tuiSegmentedV=\"4.
|
|
114
|
+
], usesOnChanges: true, hostDirectives: [{ directive: TuiSegmentedDirective }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["[tuiSegmentedV=\"4.86.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.86.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.86.0\"][data-size=s] tui-icon{font-size:1rem}[tuiSegmentedV=\"4.86.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.86.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.86.0\"][data-size=l]>*:before{block-size:1.25rem}[tuiSegmentedV=\"4.86.0\"][inert]{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiSegmentedV=\"4.86.0\"]>a,[tuiSegmentedV=\"4.86.0\"]>button,[tuiSegmentedV=\"4.86.0\"]>label,[tuiSegmentedV=\"4.86.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.86.0\"]>a>*,[tuiSegmentedV=\"4.86.0\"]>button>*,[tuiSegmentedV=\"4.86.0\"]>label>*,[tuiSegmentedV=\"4.86.0\"]>label>input:not([tuiRadio])>*{margin:0 var(--t-margin)}[tuiSegmentedV=\"4.86.0\"]>a:focus-visible,[tuiSegmentedV=\"4.86.0\"]>button:focus-visible,[tuiSegmentedV=\"4.86.0\"]>label:focus-visible,[tuiSegmentedV=\"4.86.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.86.0\"]>a:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.86.0\"]>button:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.86.0\"]>label:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.86.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover{background-color:var(--tui-background-neutral-1-hover)}[tuiSegmentedV=\"4.86.0\"]>a:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.86.0\"]>button:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.86.0\"]>label:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.86.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.86.0\"]>a:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.86.0\"]>button:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.86.0\"]>label:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.86.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.86.0\"]>a:active,[tuiSegmentedV=\"4.86.0\"]>button:active,[tuiSegmentedV=\"4.86.0\"]>label:active,[tuiSegmentedV=\"4.86.0\"]>label>input:not([tuiRadio]):active,[tuiSegmentedV=\"4.86.0\"]>a:active+*,[tuiSegmentedV=\"4.86.0\"]>button:active+*,[tuiSegmentedV=\"4.86.0\"]>label:active+*,[tuiSegmentedV=\"4.86.0\"]>label>input:not([tuiRadio]):active+*,[tuiSegmentedV=\"4.86.0\"]>a.tui-segmented_active,[tuiSegmentedV=\"4.86.0\"]>button.tui-segmented_active,[tuiSegmentedV=\"4.86.0\"]>label.tui-segmented_active,[tuiSegmentedV=\"4.86.0\"]>label>input:not([tuiRadio]).tui-segmented_active,[tuiSegmentedV=\"4.86.0\"]>a.tui-segmented_active+*,[tuiSegmentedV=\"4.86.0\"]>button.tui-segmented_active+*,[tuiSegmentedV=\"4.86.0\"]>label.tui-segmented_active+*,[tuiSegmentedV=\"4.86.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.86.0\"]>label>input:not([tuiRadio]){position:absolute;top:-.125rem;left:-.125rem;right:-.125rem;bottom:-.125rem;background:transparent!important}[tuiSegmentedV=\"4.86.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.86.0\"],[tuiSegmentedV=\"4.86.0\"][tuiTheme=dark]{--tui-background-base: var(--tui-background-neutral-1-hover)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
115
115
|
}
|
|
116
116
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSegmented, decorators: [{
|
|
117
117
|
type: Component,
|
|
@@ -122,7 +122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
122
122
|
tuiSegmentedV: TUI_VERSION,
|
|
123
123
|
'[attr.data-size]': 'size',
|
|
124
124
|
'[attr.inert]': 'disabled ? "" : null',
|
|
125
|
-
}, styles: ["[tuiSegmentedV=\"4.
|
|
125
|
+
}, styles: ["[tuiSegmentedV=\"4.86.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.86.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.86.0\"][data-size=s] tui-icon{font-size:1rem}[tuiSegmentedV=\"4.86.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.86.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.86.0\"][data-size=l]>*:before{block-size:1.25rem}[tuiSegmentedV=\"4.86.0\"][inert]{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiSegmentedV=\"4.86.0\"]>a,[tuiSegmentedV=\"4.86.0\"]>button,[tuiSegmentedV=\"4.86.0\"]>label,[tuiSegmentedV=\"4.86.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.86.0\"]>a>*,[tuiSegmentedV=\"4.86.0\"]>button>*,[tuiSegmentedV=\"4.86.0\"]>label>*,[tuiSegmentedV=\"4.86.0\"]>label>input:not([tuiRadio])>*{margin:0 var(--t-margin)}[tuiSegmentedV=\"4.86.0\"]>a:focus-visible,[tuiSegmentedV=\"4.86.0\"]>button:focus-visible,[tuiSegmentedV=\"4.86.0\"]>label:focus-visible,[tuiSegmentedV=\"4.86.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.86.0\"]>a:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.86.0\"]>button:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.86.0\"]>label:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.86.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover{background-color:var(--tui-background-neutral-1-hover)}[tuiSegmentedV=\"4.86.0\"]>a:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.86.0\"]>button:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.86.0\"]>label:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.86.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.86.0\"]>a:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.86.0\"]>button:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.86.0\"]>label:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.86.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.86.0\"]>a:active,[tuiSegmentedV=\"4.86.0\"]>button:active,[tuiSegmentedV=\"4.86.0\"]>label:active,[tuiSegmentedV=\"4.86.0\"]>label>input:not([tuiRadio]):active,[tuiSegmentedV=\"4.86.0\"]>a:active+*,[tuiSegmentedV=\"4.86.0\"]>button:active+*,[tuiSegmentedV=\"4.86.0\"]>label:active+*,[tuiSegmentedV=\"4.86.0\"]>label>input:not([tuiRadio]):active+*,[tuiSegmentedV=\"4.86.0\"]>a.tui-segmented_active,[tuiSegmentedV=\"4.86.0\"]>button.tui-segmented_active,[tuiSegmentedV=\"4.86.0\"]>label.tui-segmented_active,[tuiSegmentedV=\"4.86.0\"]>label>input:not([tuiRadio]).tui-segmented_active,[tuiSegmentedV=\"4.86.0\"]>a.tui-segmented_active+*,[tuiSegmentedV=\"4.86.0\"]>button.tui-segmented_active+*,[tuiSegmentedV=\"4.86.0\"]>label.tui-segmented_active+*,[tuiSegmentedV=\"4.86.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.86.0\"]>label>input:not([tuiRadio]){position:absolute;top:-.125rem;left:-.125rem;right:-.125rem;bottom:-.125rem;background:transparent!important}[tuiSegmentedV=\"4.86.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.86.0\"],[tuiSegmentedV=\"4.86.0\"][tuiTheme=dark]{--tui-background-base: var(--tui-background-neutral-1-hover)}\n"] }]
|
|
126
126
|
}], propDecorators: { size: [{
|
|
127
127
|
type: Input
|
|
128
128
|
}], activeItemIndex: [{
|
|
@@ -4,13 +4,13 @@ import { TUI_VERSION } from '@taiga-ui/cdk/constants';
|
|
|
4
4
|
|
|
5
5
|
class TuiShrinkWrapComponent {
|
|
6
6
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiShrinkWrapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
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.
|
|
7
|
+
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.86.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.86.0\"]{display:block;overflow:hidden;text-wrap:balance;margin-inline-end:var(--t-shrink-wrap)}[tuiShrinkWrapV=\"4.86.0\"]>*{view-timeline:--t-shrink-wrap-item inline}[tuiShrinkWrapV=\"4.86.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 }); }
|
|
8
8
|
}
|
|
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.86.0\"]{display:block;overflow:hidden;text-wrap:balance;margin-inline-end:var(--t-shrink-wrap)}[tuiShrinkWrapV=\"4.86.0\"]>*{view-timeline:--t-shrink-wrap-item inline}[tuiShrinkWrapV=\"4.86.0\"]:before{content:\"\";padding-inline-start:1px;margin-inline-end:-1px;view-timeline:--t-shrink-wrap-host inline}\n"] }]
|
|
14
14
|
}] });
|
|
15
15
|
|
|
16
16
|
class TuiShrinkWrapDirective {
|
|
@@ -5,13 +5,13 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
|
5
5
|
|
|
6
6
|
class TuiStatusStyles {
|
|
7
7
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiStatusStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
-
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.
|
|
8
|
+
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.86.0\"]{display:inline-flex;align-items:center;gap:.5rem}[tuiStatusV=\"4.86.0\"]:before{content:\"\";display:var(--t-status, none);inline-size:.5rem;block-size:.5rem;border-radius:100%;background:var(--t-status)}[tuiStatusV=\"4.86.0\"][data-size=s],[tuiStatusV=\"4.86.0\"][data-size=m],[tuiStatusV=\"4.86.0\"][data-size=l]{gap:.25rem}[tuiStatusV=\"4.86.0\"][data-size=xl]{gap:.375rem}\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: TuiStatusStyles, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
13
13
|
class: 'tui-status',
|
|
14
|
-
}, styles: ["[tuiStatusV=\"4.
|
|
14
|
+
}, styles: ["[tuiStatusV=\"4.86.0\"]{display:inline-flex;align-items:center;gap:.5rem}[tuiStatusV=\"4.86.0\"]:before{content:\"\";display:var(--t-status, none);inline-size:.5rem;block-size:.5rem;border-radius:100%;background:var(--t-status)}[tuiStatusV=\"4.86.0\"][data-size=s],[tuiStatusV=\"4.86.0\"][data-size=m],[tuiStatusV=\"4.86.0\"][data-size=l]{gap:.25rem}[tuiStatusV=\"4.86.0\"][data-size=xl]{gap:.375rem}\n"] }]
|
|
15
15
|
}] });
|
|
16
16
|
class TuiStatus {
|
|
17
17
|
constructor() {
|
|
@@ -19,7 +19,7 @@ class TuiStatus {
|
|
|
19
19
|
this.tuiStatus = '';
|
|
20
20
|
}
|
|
21
21
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiStatus, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
22
|
-
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.
|
|
22
|
+
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.86.0" }, properties: { "style.--t-status": "tuiStatus || null" } }, ngImport: i0 }); }
|
|
23
23
|
}
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiStatus, decorators: [{
|
|
25
25
|
type: Directive,
|
|
@@ -51,7 +51,7 @@ class TuiSwitch {
|
|
|
51
51
|
return this.showIcons && icon ? `url(${resolver(icon)})` : null;
|
|
52
52
|
}
|
|
53
53
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSwitch, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
54
|
-
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.
|
|
54
|
+
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.86.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.86.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.86.0\"][data-size=s]{block-size:1rem;inline-size:2rem}[tuiSwitchV=\"4.86.0\"][data-size=s]:before{inline-size:1rem;transform:translate(-1rem);-webkit-mask-size:.75rem;mask-size:.75rem}[tuiSwitchV=\"4.86.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.86.0\"][data-size=s]:checked:after{transform:scale(.375) translate(2.625rem)}[tuiSwitchV=\"4.86.0\"]:checked:before{transform:none}[tuiSwitchV=\"4.86.0\"]:checked:after{transform:scale(.33333) translate(4.5rem)}[tuiSwitchV=\"4.86.0\"]:disabled._readonly._readonly{opacity:1}[tuiSwitchV=\"4.86.0\"]:before,[tuiSwitchV=\"4.86.0\"]:after{content:\"\";position:absolute;block-size:100%;inline-size:1.5rem;transition-property:transform}[tuiSwitchV=\"4.86.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.86.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.86.0\"]:invalid:not([data-mode]),[tuiSwitchV=\"4.86.0\"][data-mode~=invalid]{color:#fff}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
55
55
|
}
|
|
56
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSwitch, decorators: [{
|
|
57
57
|
type: Component,
|
|
@@ -68,7 +68,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
68
68
|
'[attr.data-size]': 'size',
|
|
69
69
|
'[class._readonly]': '!control',
|
|
70
70
|
'[style.--t-checked-icon]': 'icon',
|
|
71
|
-
}, styles: ["[tuiSwitchV=\"4.
|
|
71
|
+
}, styles: ["[tuiSwitchV=\"4.86.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.86.0\"][data-size=s]{block-size:1rem;inline-size:2rem}[tuiSwitchV=\"4.86.0\"][data-size=s]:before{inline-size:1rem;transform:translate(-1rem);-webkit-mask-size:.75rem;mask-size:.75rem}[tuiSwitchV=\"4.86.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.86.0\"][data-size=s]:checked:after{transform:scale(.375) translate(2.625rem)}[tuiSwitchV=\"4.86.0\"]:checked:before{transform:none}[tuiSwitchV=\"4.86.0\"]:checked:after{transform:scale(.33333) translate(4.5rem)}[tuiSwitchV=\"4.86.0\"]:disabled._readonly._readonly{opacity:1}[tuiSwitchV=\"4.86.0\"]:before,[tuiSwitchV=\"4.86.0\"]:after{content:\"\";position:absolute;block-size:100%;inline-size:1.5rem;transition-property:transform}[tuiSwitchV=\"4.86.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.86.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.86.0\"]:invalid:not([data-mode]),[tuiSwitchV=\"4.86.0\"][data-mode~=invalid]{color:#fff}\n"] }]
|
|
72
72
|
}], propDecorators: { size: [{
|
|
73
73
|
type: Input
|
|
74
74
|
}], showIcons: [{
|
|
@@ -43,7 +43,7 @@ class TuiTab {
|
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTab, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
46
|
-
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.
|
|
46
|
+
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.86.0", "type": "button" } }, hostDirectives: [{ directive: i1.TuiWithIcons }], ngImport: i0 }); }
|
|
47
47
|
}
|
|
48
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTab, decorators: [{
|
|
49
49
|
type: Directive,
|
|
@@ -77,13 +77,13 @@ function tuiTabsOptionsProvider(options) {
|
|
|
77
77
|
|
|
78
78
|
class TuiTabsStyles {
|
|
79
79
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTabsStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
80
|
-
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.
|
|
80
|
+
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.86.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.86.0\"]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTabV=\"4.86.0\"]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTabV=\"4.86.0\"]:focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.125rem}[tuiTabsV=\"4.86.0\"]._underline [tuiTabV=\"4.86.0\"]:hover:not(._active){box-shadow:inset 0 -.125rem var(--tui-border-normal)}[tuiTabsV=\"4.86.0\"]>[tuiTabV=\"4.86.0\"]:first-child,[tuiTabsV=\"4.86.0\"]>:not(.t-overflown)>[tuiTabV=\"4.86.0\"]:first-child{margin-inline-start:0}[tuiTabsV=\"4.86.0\"]>[tuiTabV=\"4.86.0\"]~:not(.t-overflown)>[tuiTabV=\"4.86.0\"]:first-child{margin-inline-start:var(--tui-tab-margin, 24px)}[tuiTabV=\"4.86.0\"][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTabV=\"4.86.0\"][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTabV=\"4.86.0\"]:empty:after,[tuiTabV=\"4.86.0\"]:empty:before{margin:.5rem}@media (hover: hover) and (pointer: fine){[tuiTabV=\"4.86.0\"]:hover{color:var(--tui-text-primary)}}[tuiTabsV=\"4.86.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.86.0\"]::-webkit-scrollbar,[tuiTabsV=\"4.86.0\"]::-webkit-scrollbar-thumb{display:none}[tuiTabsV=\"4.86.0\"][data-size=m]{font:var(--tui-font-text-s);--tui-tab-margin: 16px}[tuiTabsV=\"4.86.0\"][data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabsV=\"4.86.0\"][data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabsV=\"4.86.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.86.0\"]._underline:before{content:\"\"}[data-vertical][tuiTabsV=\"4.86.0\"]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.86.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.86.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.86.0\"] [tuiTab]:hover{box-shadow:inset -.125rem 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.86.0\"] [tuiTab]._active:after{transform:none}[data-vertical][tuiTabsV=\"4.86.0\"][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}[data-vertical][tuiTabsV=\"4.86.0\"][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.86.0\"][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}[data-vertical][tuiTabsV=\"4.86.0\"][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}[data-vertical][tuiTabsV=\"4.86.0\"][data-vertical=right] [tuiTab]:hover{box-shadow:inset .125rem 0 var(--tui-border-normal)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
81
81
|
}
|
|
82
82
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTabsStyles, decorators: [{
|
|
83
83
|
type: Component,
|
|
84
84
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
85
85
|
class: 'tui-tabs',
|
|
86
|
-
}, styles: ["[tuiTabV=\"4.
|
|
86
|
+
}, styles: ["[tuiTabV=\"4.86.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.86.0\"]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTabV=\"4.86.0\"]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTabV=\"4.86.0\"]:focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.125rem}[tuiTabsV=\"4.86.0\"]._underline [tuiTabV=\"4.86.0\"]:hover:not(._active){box-shadow:inset 0 -.125rem var(--tui-border-normal)}[tuiTabsV=\"4.86.0\"]>[tuiTabV=\"4.86.0\"]:first-child,[tuiTabsV=\"4.86.0\"]>:not(.t-overflown)>[tuiTabV=\"4.86.0\"]:first-child{margin-inline-start:0}[tuiTabsV=\"4.86.0\"]>[tuiTabV=\"4.86.0\"]~:not(.t-overflown)>[tuiTabV=\"4.86.0\"]:first-child{margin-inline-start:var(--tui-tab-margin, 24px)}[tuiTabV=\"4.86.0\"][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTabV=\"4.86.0\"][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTabV=\"4.86.0\"]:empty:after,[tuiTabV=\"4.86.0\"]:empty:before{margin:.5rem}@media (hover: hover) and (pointer: fine){[tuiTabV=\"4.86.0\"]:hover{color:var(--tui-text-primary)}}[tuiTabsV=\"4.86.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.86.0\"]::-webkit-scrollbar,[tuiTabsV=\"4.86.0\"]::-webkit-scrollbar-thumb{display:none}[tuiTabsV=\"4.86.0\"][data-size=m]{font:var(--tui-font-text-s);--tui-tab-margin: 16px}[tuiTabsV=\"4.86.0\"][data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabsV=\"4.86.0\"][data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabsV=\"4.86.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.86.0\"]._underline:before{content:\"\"}[data-vertical][tuiTabsV=\"4.86.0\"]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.86.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.86.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.86.0\"] [tuiTab]:hover{box-shadow:inset -.125rem 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.86.0\"] [tuiTab]._active:after{transform:none}[data-vertical][tuiTabsV=\"4.86.0\"][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}[data-vertical][tuiTabsV=\"4.86.0\"][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.86.0\"][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}[data-vertical][tuiTabsV=\"4.86.0\"][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}[data-vertical][tuiTabsV=\"4.86.0\"][data-vertical=right] [tuiTab]:hover{box-shadow:inset .125rem 0 var(--tui-border-normal)}\n"] }]
|
|
87
87
|
}] });
|
|
88
88
|
class TuiTabsDirective {
|
|
89
89
|
constructor() {
|
|
@@ -127,7 +127,7 @@ class TuiTabsDirective {
|
|
|
127
127
|
});
|
|
128
128
|
}
|
|
129
129
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTabsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
130
|
-
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.
|
|
130
|
+
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.86.0" }, listeners: { "tui-tab-activate": "onActivate($event, $event.target)" }, properties: { "attr.data-size": "size" } }, ngImport: i0 }); }
|
|
131
131
|
}
|
|
132
132
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTabsDirective, decorators: [{
|
|
133
133
|
type: Directive,
|
|
@@ -78,14 +78,14 @@ class TuiTilesComponent {
|
|
|
78
78
|
return this.order$.value;
|
|
79
79
|
}
|
|
80
80
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTilesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
81
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTilesComponent, isStandalone: true, selector: "tui-tiles", inputs: { debounce: "debounce", order: "order" }, outputs: { orderChange: "orderChange" }, host: { attributes: { "tuiTilesV": "4.
|
|
81
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTilesComponent, isStandalone: true, selector: "tui-tiles", inputs: { debounce: "debounce", order: "order" }, outputs: { orderChange: "orderChange" }, host: { attributes: { "tuiTilesV": "4.86.0" }, listeners: { "pointerleave.zoneless": "rearrange()" } }, providers: [
|
|
82
82
|
WaResizeObserverService,
|
|
83
83
|
WaMutationObserverService,
|
|
84
84
|
{
|
|
85
85
|
provide: WA_MUTATION_OBSERVER_INIT,
|
|
86
86
|
useValue: { childList: true },
|
|
87
87
|
},
|
|
88
|
-
], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["[tuiTilesV=\"4.
|
|
88
|
+
], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["[tuiTilesV=\"4.86.0\"]{position:relative;z-index:0;display:grid;grid-auto-flow:dense;justify-items:stretch}[tuiTilesV=\"4.86.0\"]._dragged tui-tile>.t-wrapper{pointer-events:none}[tuiTilesV=\"4.86.0\"]._dragged tui-tile:not(._dragged)>.t-wrapper,[tuiTilesV=\"4.86.0\"]:not(._dragged) tui-tile._dragged>.t-wrapper{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;transition-delay:1ms}tui-tile>.t-wrapper{position:absolute;z-index:0;border-radius:inherit}tui-tile._dragged>.t-wrapper,tui-tile:has(tui-tile._dragged)>.t-wrapper{z-index:1}tui-tile [tuiTileHandle]{touch-action:none;-webkit-user-select:none;user-select:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
89
89
|
}
|
|
90
90
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTilesComponent, decorators: [{
|
|
91
91
|
type: Component,
|
|
@@ -99,7 +99,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
99
99
|
], host: {
|
|
100
100
|
tuiTilesV: TUI_VERSION,
|
|
101
101
|
'(pointerleave.zoneless)': 'rearrange()',
|
|
102
|
-
}, styles: ["[tuiTilesV=\"4.
|
|
102
|
+
}, styles: ["[tuiTilesV=\"4.86.0\"]{position:relative;z-index:0;display:grid;grid-auto-flow:dense;justify-items:stretch}[tuiTilesV=\"4.86.0\"]._dragged tui-tile>.t-wrapper{pointer-events:none}[tuiTilesV=\"4.86.0\"]._dragged tui-tile:not(._dragged)>.t-wrapper,[tuiTilesV=\"4.86.0\"]:not(._dragged) tui-tile._dragged>.t-wrapper{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;transition-delay:1ms}tui-tile>.t-wrapper{position:absolute;z-index:0;border-radius:inherit}tui-tile._dragged>.t-wrapper,tui-tile:has(tui-tile._dragged)>.t-wrapper{z-index:1}tui-tile [tuiTileHandle]{touch-action:none;-webkit-user-select:none;user-select:none}\n"] }]
|
|
103
103
|
}], propDecorators: { debounce: [{
|
|
104
104
|
type: Input
|
|
105
105
|
}], orderChange: [{
|
|
@@ -28,13 +28,13 @@ import { tuiCreateOptions } from '@taiga-ui/cdk/utils/di';
|
|
|
28
28
|
/* eslint-disable @typescript-eslint/member-ordering */
|
|
29
29
|
class TuiToastStyles {
|
|
30
30
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiToastStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
31
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiToastStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-toast" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiToastV=\"4.
|
|
31
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiToastStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-toast" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiToastV=\"4.86.0\"]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;grid-row:1 / span 2;box-sizing:border-box;gap:.75rem;color:var(--tui-text-primary);background:var(--tui-background-elevation-3);min-block-size:3.5rem;border-radius:1rem;padding:.75rem 1rem;box-shadow:var(--tui-shadow-medium);align-items:center;justify-content:center;inline-size:-webkit-max-content;inline-size:max-content;font:var(--tui-font-text-ui-s);max-inline-size:min(calc(100vw - 2rem),25rem);border:inherit;text-decoration:none;white-space:pre-line;text-align:start;overflow:hidden}[tuiToastV=\"4.86.0\"]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToastV=\"4.86.0\"]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToastV=\"4.86.0\"]>*:not(tui-shrink-wrap),[tuiToastV=\"4.86.0\"]:after,[tuiToastV=\"4.86.0\"]:before{max-inline-size:50%;margin:0 -.25rem}[tuiToastV=\"4.86.0\"]:after{font-size:1rem;color:var(--tui-text-tertiary)}[tuiToastV=\"4.86.0\"] tui-avatar{margin-inline-end:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
32
32
|
}
|
|
33
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiToastStyles, decorators: [{
|
|
34
34
|
type: Component,
|
|
35
35
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
36
36
|
class: 'tui-toast',
|
|
37
|
-
}, styles: ["[tuiToastV=\"4.
|
|
37
|
+
}, styles: ["[tuiToastV=\"4.86.0\"]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;grid-row:1 / span 2;box-sizing:border-box;gap:.75rem;color:var(--tui-text-primary);background:var(--tui-background-elevation-3);min-block-size:3.5rem;border-radius:1rem;padding:.75rem 1rem;box-shadow:var(--tui-shadow-medium);align-items:center;justify-content:center;inline-size:-webkit-max-content;inline-size:max-content;font:var(--tui-font-text-ui-s);max-inline-size:min(calc(100vw - 2rem),25rem);border:inherit;text-decoration:none;white-space:pre-line;text-align:start;overflow:hidden}[tuiToastV=\"4.86.0\"]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToastV=\"4.86.0\"]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToastV=\"4.86.0\"]>*:not(tui-shrink-wrap),[tuiToastV=\"4.86.0\"]:after,[tuiToastV=\"4.86.0\"]:before{max-inline-size:50%;margin:0 -.25rem}[tuiToastV=\"4.86.0\"]:after{font-size:1rem;color:var(--tui-text-tertiary)}[tuiToastV=\"4.86.0\"] tui-avatar{margin-inline-end:0}\n"] }]
|
|
38
38
|
}] });
|
|
39
39
|
class TuiToastDirective {
|
|
40
40
|
constructor() {
|
|
@@ -43,7 +43,7 @@ class TuiToastDirective {
|
|
|
43
43
|
this.width = tuiDirectiveBinding(TuiShrinkWrapDirective, 'tuiShrinkWrap', computed(() => this.tuiShrinkWrap));
|
|
44
44
|
}
|
|
45
45
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiToastDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
46
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiToastDirective, isStandalone: true, selector: "[tuiToast]:not(ng-template)", inputs: { tuiShrinkWrap: "tuiShrinkWrap" }, host: { attributes: { "tuiToastV": "4.
|
|
46
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiToastDirective, isStandalone: true, selector: "[tuiToast]:not(ng-template)", inputs: { tuiShrinkWrap: "tuiShrinkWrap" }, host: { attributes: { "tuiToastV": "4.86.0" } }, providers: [
|
|
47
47
|
tuiBadgeOptionsProvider({ size: 'l' }),
|
|
48
48
|
tuiAvatarOptionsProvider(() => ({
|
|
49
49
|
size: inject(TUI_PLATFORM) === 'web' ? 's' : 'm',
|
|
@@ -5,20 +5,20 @@ import { TUI_VERSION } from '@taiga-ui/cdk/constants';
|
|
|
5
5
|
|
|
6
6
|
class TuiButtonGroupStyles {
|
|
7
7
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButtonGroupStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiButtonGroupStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-button-group-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiButtonGroupV=\"4.
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiButtonGroupStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-button-group-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiButtonGroupV=\"4.86.0\"],[tuiButtonGroupV=\"4.86.0\"] tui-elastic-container{transition-property:background,height,border-radius;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;border-radius:var(--tui-radius-xl);overflow:hidden}[tuiButtonGroupV=\"4.86.0\"],[tuiButtonGroupV=\"4.86.0\"] tui-elastic-container .t-wrapper{display:flex;justify-content:center}[tuiButtonGroupV=\"4.86.0\"] tui-elastic-container{inline-size:100%}[tuiButtonGroupV=\"4.86.0\"] button,[tuiButtonGroupV=\"4.86.0\"] a{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:flex;border:none;outline:none;background:transparent;align-items:center;flex:1;flex-direction:column;padding:1.125rem .25rem;gap:.5rem;font:var(--tui-font-text-ui-s);max-inline-size:calc(50% - 1.75rem);cursor:pointer;color:var(--tui-text-action);text-align:center;text-decoration:none;clip-path:inset(0)}[tuiButtonGroupV=\"4.86.0\"] button:first-child,[tuiButtonGroupV=\"4.86.0\"] a:first-child{clip-path:inset(0 0 0 -10rem)}[tuiButtonGroupV=\"4.86.0\"] button:last-child,[tuiButtonGroupV=\"4.86.0\"] a:last-child{clip-path:inset(0 -10rem 0 0)}[tuiButtonGroupV=\"4.86.0\"] button:active,[tuiButtonGroupV=\"4.86.0\"] a:active{background:var(--tui-background-neutral-1)}[tuiButtonGroupV=\"4.86.0\"] button:before,[tuiButtonGroupV=\"4.86.0\"] a:before,[tuiButtonGroupV=\"4.86.0\"] button:after,[tuiButtonGroupV=\"4.86.0\"] a:after{position:absolute;top:0;background:inherit;inline-size:1.75rem;block-size:100%}[tuiButtonGroupV=\"4.86.0\"] button:first-child:before,[tuiButtonGroupV=\"4.86.0\"] a:first-child:before{content:\"\";left:-1.75rem}[tuiButtonGroupV=\"4.86.0\"] button:last-child:after,[tuiButtonGroupV=\"4.86.0\"] a:last-child:after{content:\"\";right:-1.75rem}[tuiButtonGroupV=\"4.86.0\"] button tui-icon,[tuiButtonGroupV=\"4.86.0\"] a tui-icon{font-size:1.75rem}[tuiButtonGroupV=\"4.86.0\"]:has(button:only-child){border-radius:1rem}[tuiButtonGroupV=\"4.86.0\"] button:only-child,[tuiButtonGroupV=\"4.86.0\"] a:only-child{inline-size:100%;flex-direction:row;font:var(--tui-font-text-ui-l);max-inline-size:100%;justify-content:center}\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: TuiButtonGroupStyles, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
13
13
|
class: 'tui-button-group-styles',
|
|
14
|
-
}, styles: ["[tuiButtonGroupV=\"4.
|
|
14
|
+
}, styles: ["[tuiButtonGroupV=\"4.86.0\"],[tuiButtonGroupV=\"4.86.0\"] tui-elastic-container{transition-property:background,height,border-radius;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;border-radius:var(--tui-radius-xl);overflow:hidden}[tuiButtonGroupV=\"4.86.0\"],[tuiButtonGroupV=\"4.86.0\"] tui-elastic-container .t-wrapper{display:flex;justify-content:center}[tuiButtonGroupV=\"4.86.0\"] tui-elastic-container{inline-size:100%}[tuiButtonGroupV=\"4.86.0\"] button,[tuiButtonGroupV=\"4.86.0\"] a{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:flex;border:none;outline:none;background:transparent;align-items:center;flex:1;flex-direction:column;padding:1.125rem .25rem;gap:.5rem;font:var(--tui-font-text-ui-s);max-inline-size:calc(50% - 1.75rem);cursor:pointer;color:var(--tui-text-action);text-align:center;text-decoration:none;clip-path:inset(0)}[tuiButtonGroupV=\"4.86.0\"] button:first-child,[tuiButtonGroupV=\"4.86.0\"] a:first-child{clip-path:inset(0 0 0 -10rem)}[tuiButtonGroupV=\"4.86.0\"] button:last-child,[tuiButtonGroupV=\"4.86.0\"] a:last-child{clip-path:inset(0 -10rem 0 0)}[tuiButtonGroupV=\"4.86.0\"] button:active,[tuiButtonGroupV=\"4.86.0\"] a:active{background:var(--tui-background-neutral-1)}[tuiButtonGroupV=\"4.86.0\"] button:before,[tuiButtonGroupV=\"4.86.0\"] a:before,[tuiButtonGroupV=\"4.86.0\"] button:after,[tuiButtonGroupV=\"4.86.0\"] a:after{position:absolute;top:0;background:inherit;inline-size:1.75rem;block-size:100%}[tuiButtonGroupV=\"4.86.0\"] button:first-child:before,[tuiButtonGroupV=\"4.86.0\"] a:first-child:before{content:\"\";left:-1.75rem}[tuiButtonGroupV=\"4.86.0\"] button:last-child:after,[tuiButtonGroupV=\"4.86.0\"] a:last-child:after{content:\"\";right:-1.75rem}[tuiButtonGroupV=\"4.86.0\"] button tui-icon,[tuiButtonGroupV=\"4.86.0\"] a tui-icon{font-size:1.75rem}[tuiButtonGroupV=\"4.86.0\"]:has(button:only-child){border-radius:1rem}[tuiButtonGroupV=\"4.86.0\"] button:only-child,[tuiButtonGroupV=\"4.86.0\"] a:only-child{inline-size:100%;flex-direction:row;font:var(--tui-font-text-ui-l);max-inline-size:100%;justify-content:center}\n"] }]
|
|
15
15
|
}] });
|
|
16
16
|
class TuiButtonGroup {
|
|
17
17
|
constructor() {
|
|
18
18
|
this.nothing = tuiWithStyles(TuiButtonGroupStyles);
|
|
19
19
|
}
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
21
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiButtonGroup, isStandalone: true, selector: "[tuiButtonGroup]", host: { attributes: { "tuiButtonGroupV": "4.
|
|
21
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiButtonGroup, isStandalone: true, selector: "[tuiButtonGroup]", host: { attributes: { "tuiButtonGroupV": "4.86.0" } }, ngImport: i0 }); }
|
|
22
22
|
}
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButtonGroup, decorators: [{
|
|
24
24
|
type: Directive,
|
|
@@ -11,11 +11,11 @@ const TUI_CHEVRON = new InjectionToken(ngDevMode ? 'TUI_CHEVRON' : '', {
|
|
|
11
11
|
});
|
|
12
12
|
class TuiChevronStyles {
|
|
13
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiChevronStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiChevronStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-chevron" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiChevronV=\"4.
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiChevronStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-chevron" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiChevronV=\"4.86.0\"][tuiIcons]:after,tui-icon[tuiChevronV=\"4.86.0\"]:after{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;cursor:pointer}tui-textfield[tuiChevronV=\"4.86.0\"][tuiIcons]:after{font-size:1rem}tui-textfield[data-size=s][tuiChevronV=\"4.86.0\"][tuiIcons]:after{margin-inline-end:calc(-.125rem - var(--t-padding))}tui-textfield[data-size=m][tuiChevronV=\"4.86.0\"][tuiIcons]:after{margin-inline-end:calc(.125rem - var(--t-padding))}tui-textfield[data-size=l][tuiChevronV=\"4.86.0\"][tuiIcons]:after{margin-inline-end:calc(.25rem - var(--t-padding))}[tuiChevronV=\"4.86.0\"][tuiIcons]._chevron-rotated:after,tui-icon[tuiChevronV=\"4.86.0\"]._chevron-rotated:after{transform:rotate(180deg)}[tuiChevronV=\"4.86.0\"]:has(input[tuiTextfield]:read-only):after{cursor:default}tui-textfield[tuiChevronV=\"4.86.0\"][style*=\"--t-icon-end:\"][data-size=l]{--t-end: 1.875rem}tui-textfield[tuiChevronV=\"4.86.0\"][style*=\"--t-icon-end:\"][data-size=m]{--t-end: 1.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
15
15
|
}
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiChevronStyles, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-chevron' }, styles: ["[tuiChevronV=\"4.
|
|
18
|
+
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-chevron' }, styles: ["[tuiChevronV=\"4.86.0\"][tuiIcons]:after,tui-icon[tuiChevronV=\"4.86.0\"]:after{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;cursor:pointer}tui-textfield[tuiChevronV=\"4.86.0\"][tuiIcons]:after{font-size:1rem}tui-textfield[data-size=s][tuiChevronV=\"4.86.0\"][tuiIcons]:after{margin-inline-end:calc(-.125rem - var(--t-padding))}tui-textfield[data-size=m][tuiChevronV=\"4.86.0\"][tuiIcons]:after{margin-inline-end:calc(.125rem - var(--t-padding))}tui-textfield[data-size=l][tuiChevronV=\"4.86.0\"][tuiIcons]:after{margin-inline-end:calc(.25rem - var(--t-padding))}[tuiChevronV=\"4.86.0\"][tuiIcons]._chevron-rotated:after,tui-icon[tuiChevronV=\"4.86.0\"]._chevron-rotated:after{transform:rotate(180deg)}[tuiChevronV=\"4.86.0\"]:has(input[tuiTextfield]:read-only):after{cursor:default}tui-textfield[tuiChevronV=\"4.86.0\"][style*=\"--t-icon-end:\"][data-size=l]{--t-end: 1.875rem}tui-textfield[tuiChevronV=\"4.86.0\"][style*=\"--t-icon-end:\"][data-size=m]{--t-end: 1.5rem}\n"] }]
|
|
19
19
|
}] });
|
|
20
20
|
class TuiChevron {
|
|
21
21
|
constructor() {
|
|
@@ -30,7 +30,7 @@ class TuiChevron {
|
|
|
30
30
|
this.chevron.set(chevron);
|
|
31
31
|
}
|
|
32
32
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiChevron, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
33
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiChevron, isStandalone: true, selector: "[tuiChevron]", inputs: { tuiChevron: "tuiChevron" }, host: { attributes: { "tuiChevron": "", "tuiChevronV": "4.
|
|
33
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiChevron, isStandalone: true, selector: "[tuiChevron]", inputs: { tuiChevron: "tuiChevron" }, host: { attributes: { "tuiChevron": "", "tuiChevronV": "4.86.0" } }, providers: [tuiProvide(TUI_ICON_END, TUI_CHEVRON)], ngImport: i0 }); }
|
|
34
34
|
}
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiChevron, decorators: [{
|
|
36
36
|
type: Directive,
|
|
@@ -5,20 +5,20 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
|
5
5
|
|
|
6
6
|
class TuiConnectedStyles {
|
|
7
7
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiConnectedStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiConnectedStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-connected-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiConnectedV=\"4.
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiConnectedStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-connected-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiConnectedV=\"4.86.0\"]{--t-image-size: 2.5rem;--t-connected-height: calc(100% - var(--t-image-size) - .5rem)}[tuiConnectedV=\"4.86.0\"]>[tuiCell]{padding:1rem}[tuiConnectedV=\"4.86.0\"][tuiCardLarge][data-space] [tuiCell]{padding:1rem;margin:-1rem -1rem calc(1rem - var(--t-space))}[tuiConnectedV=\"4.86.0\"][tuiCardLarge][data-space] [tuiCell]:last-of-type{margin-block-end:-1rem}tui-accordion[tuiConnectedV=\"4.86.0\"]{--t-image-size: 2rem}[tuiConnectedV=\"4.86.0\"]>[tuiAccordion]:before,[tuiConnectedV=\"4.86.0\"]>[tuiCell]:not(:last-of-type):before,[tuiConnectedV=\"4.86.0\"]>[tuiStep]:not(:last-of-type):before{content:\"\";position:absolute;top:calc(var(--t-image-size) + .25rem);left:calc(var(--t-image-size) / 2);display:block;inset-inline-start:calc(var(--t-image-size) / 2);block-size:var(--t-connected-height);inline-size:1px;color:var(--tui-border-normal);background:linear-gradient(to bottom,currentColor 75%,transparent 75%) top center / 300% 300%;background-clip:content-box;padding:inherit}[tuiConnectedV=\"4.86.0\"]>[tuiAccordion]{gap:1rem;--t-margin: 0}[tuiConnectedV=\"4.86.0\"]>[tuiAccordion]:before{top:0;left:calc(var(--t-image-size) / 2);inset-inline-start:calc(var(--t-image-size) / 2);block-size:100%;margin:0;background:var(--tui-border-normal);-webkit-mask:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2),transparent calc(50% + var(--t-image-size) / 2),black calc(50% + var(--t-image-size) / 2));mask:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2),transparent calc(50% + var(--t-image-size) / 2),black calc(50% + var(--t-image-size) / 2))}[tuiConnectedV=\"4.86.0\"]>[tuiAccordion]:first-of-type:before{-webkit-mask:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2));mask:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2))}[tuiConnectedV=\"4.86.0\"]>[tuiAccordion]:last-of-type:before{-webkit-mask:linear-gradient(to bottom,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2));mask:linear-gradient(to bottom,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2))}[tuiConnectedV=\"4.86.0\"]>tui-expand>*{padding:0;padding-inline-start:3rem}[tuiConnectedV=\"4.86.0\"]>tui-expand:not(:last-child):before{content:\"\";position:absolute;top:0;left:calc(var(--t-image-size) / 2);inset-inline-start:calc(var(--t-image-size) / 2);block-size:100%;inline-size:1px;background:var(--tui-border-normal)}[tuiConnectedV=\"4.86.0\"]>[tuiStep]{--t-image-size: 2rem;--t-connected-height: calc(100% - var(--t-image-size) + .75rem)}\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: TuiConnectedStyles, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
13
13
|
class: 'tui-connected-styles',
|
|
14
|
-
}, styles: ["[tuiConnectedV=\"4.
|
|
14
|
+
}, styles: ["[tuiConnectedV=\"4.86.0\"]{--t-image-size: 2.5rem;--t-connected-height: calc(100% - var(--t-image-size) - .5rem)}[tuiConnectedV=\"4.86.0\"]>[tuiCell]{padding:1rem}[tuiConnectedV=\"4.86.0\"][tuiCardLarge][data-space] [tuiCell]{padding:1rem;margin:-1rem -1rem calc(1rem - var(--t-space))}[tuiConnectedV=\"4.86.0\"][tuiCardLarge][data-space] [tuiCell]:last-of-type{margin-block-end:-1rem}tui-accordion[tuiConnectedV=\"4.86.0\"]{--t-image-size: 2rem}[tuiConnectedV=\"4.86.0\"]>[tuiAccordion]:before,[tuiConnectedV=\"4.86.0\"]>[tuiCell]:not(:last-of-type):before,[tuiConnectedV=\"4.86.0\"]>[tuiStep]:not(:last-of-type):before{content:\"\";position:absolute;top:calc(var(--t-image-size) + .25rem);left:calc(var(--t-image-size) / 2);display:block;inset-inline-start:calc(var(--t-image-size) / 2);block-size:var(--t-connected-height);inline-size:1px;color:var(--tui-border-normal);background:linear-gradient(to bottom,currentColor 75%,transparent 75%) top center / 300% 300%;background-clip:content-box;padding:inherit}[tuiConnectedV=\"4.86.0\"]>[tuiAccordion]{gap:1rem;--t-margin: 0}[tuiConnectedV=\"4.86.0\"]>[tuiAccordion]:before{top:0;left:calc(var(--t-image-size) / 2);inset-inline-start:calc(var(--t-image-size) / 2);block-size:100%;margin:0;background:var(--tui-border-normal);-webkit-mask:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2),transparent calc(50% + var(--t-image-size) / 2),black calc(50% + var(--t-image-size) / 2));mask:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2),transparent calc(50% + var(--t-image-size) / 2),black calc(50% + var(--t-image-size) / 2))}[tuiConnectedV=\"4.86.0\"]>[tuiAccordion]:first-of-type:before{-webkit-mask:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2));mask:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2))}[tuiConnectedV=\"4.86.0\"]>[tuiAccordion]:last-of-type:before{-webkit-mask:linear-gradient(to bottom,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2));mask:linear-gradient(to bottom,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2))}[tuiConnectedV=\"4.86.0\"]>tui-expand>*{padding:0;padding-inline-start:3rem}[tuiConnectedV=\"4.86.0\"]>tui-expand:not(:last-child):before{content:\"\";position:absolute;top:0;left:calc(var(--t-image-size) / 2);inset-inline-start:calc(var(--t-image-size) / 2);block-size:100%;inline-size:1px;background:var(--tui-border-normal)}[tuiConnectedV=\"4.86.0\"]>[tuiStep]{--t-image-size: 2rem;--t-connected-height: calc(100% - var(--t-image-size) + .75rem)}\n"] }]
|
|
15
15
|
}] });
|
|
16
16
|
class TuiConnected {
|
|
17
17
|
constructor() {
|
|
18
18
|
this.nothing = tuiWithStyles(TuiConnectedStyles);
|
|
19
19
|
}
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiConnected, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
21
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiConnected, isStandalone: true, selector: "[tuiConnected]", host: { attributes: { "tuiConnected": "", "tuiConnectedV": "4.
|
|
21
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiConnected, isStandalone: true, selector: "[tuiConnected]", host: { attributes: { "tuiConnected": "", "tuiConnectedV": "4.86.0" } }, ngImport: i0 }); }
|
|
22
22
|
}
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiConnected, decorators: [{
|
|
24
24
|
type: Directive,
|
|
@@ -12,13 +12,13 @@ import { merge, fromEvent, filter } from 'rxjs';
|
|
|
12
12
|
const BUFFER = 1; // buffer for rounding issues
|
|
13
13
|
class TuiFadeStyles {
|
|
14
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiFadeStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiFadeStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-fade-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiFadeV=\"4.
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiFadeStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-fade-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiFadeV=\"4.86.0\"]{scrollbar-width:none;-ms-overflow-style:none;transition-property:-webkit-mask-position;transition-property:mask-position;transition-property:mask-position,-webkit-mask-position;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;overflow:auto;text-overflow:unset!important;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[tuiFadeV=\"4.86.0\"]::-webkit-scrollbar,[tuiFadeV=\"4.86.0\"]::-webkit-scrollbar-thumb{display:none}[tuiFadeV=\"4.86.0\"]:not([data-orientation=vertical]){overflow-y:hidden;-webkit-mask-image:linear-gradient(to right,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to left,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(#000,#000);mask-image:linear-gradient(to right,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to left,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(#000,#000);-webkit-mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;-webkit-mask-size:calc(51% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),calc(50% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),100% calc(100% - var(--t-line-height, 100%));mask-size:calc(51% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),calc(50% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),100% calc(100% - var(--t-line-height, 100%))}[tuiFadeV=\"4.86.0\"]:not([data-orientation=vertical])._start{-webkit-mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top}[tuiFadeV=\"4.86.0\"]:not([data-orientation=vertical])._end{-webkit-mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top;mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top}[tuiFadeV=\"4.86.0\"]:not([data-orientation=vertical])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[dir=rtl] [tuiFadeV=\"4.86.0\"]:not([data-orientation=vertical])._end{-webkit-mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top}[dir=rtl] [tuiFadeV=\"4.86.0\"]:not([data-orientation=vertical])._start{-webkit-mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top;mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top}[dir=rtl] [tuiFadeV=\"4.86.0\"]:not([data-orientation=vertical])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[tuiFadeV=\"4.86.0\"][data-orientation=vertical]{overflow-x:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to top,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset)));mask-image:linear-gradient(to bottom,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to top,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset)));-webkit-mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px);mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px);-webkit-mask-size:100% calc(51% + var(--t-fade-size) + var(--t-fade-offset));mask-size:100% calc(51% + var(--t-fade-size) + var(--t-fade-offset))}[tuiFadeV=\"4.86.0\"][data-orientation=vertical]._start{-webkit-mask-position:left top,left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px);mask-position:left top,left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px)}[tuiFadeV=\"4.86.0\"][data-orientation=vertical]._end{-webkit-mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left bottom;mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left bottom}[tuiFadeV=\"4.86.0\"][data-orientation=vertical]._start._end{-webkit-mask-position:left top,left bottom;mask-position:left top,left bottom}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
16
16
|
}
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiFadeStyles, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
19
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
20
20
|
class: 'tui-fade-styles',
|
|
21
|
-
}, styles: ["[tuiFadeV=\"4.
|
|
21
|
+
}, styles: ["[tuiFadeV=\"4.86.0\"]{scrollbar-width:none;-ms-overflow-style:none;transition-property:-webkit-mask-position;transition-property:mask-position;transition-property:mask-position,-webkit-mask-position;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;overflow:auto;text-overflow:unset!important;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[tuiFadeV=\"4.86.0\"]::-webkit-scrollbar,[tuiFadeV=\"4.86.0\"]::-webkit-scrollbar-thumb{display:none}[tuiFadeV=\"4.86.0\"]:not([data-orientation=vertical]){overflow-y:hidden;-webkit-mask-image:linear-gradient(to right,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to left,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(#000,#000);mask-image:linear-gradient(to right,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to left,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(#000,#000);-webkit-mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;-webkit-mask-size:calc(51% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),calc(50% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),100% calc(100% - var(--t-line-height, 100%));mask-size:calc(51% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),calc(50% + var(--t-fade-size) + var(--t-fade-offset)) var(--t-line-height, 100%),100% calc(100% - var(--t-line-height, 100%))}[tuiFadeV=\"4.86.0\"]:not([data-orientation=vertical])._start{-webkit-mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top}[tuiFadeV=\"4.86.0\"]:not([data-orientation=vertical])._end{-webkit-mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top;mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top}[tuiFadeV=\"4.86.0\"]:not([data-orientation=vertical])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[dir=rtl] [tuiFadeV=\"4.86.0\"]:not([data-orientation=vertical])._end{-webkit-mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top;mask-position:left bottom,calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px) bottom,top}[dir=rtl] [tuiFadeV=\"4.86.0\"]:not([data-orientation=vertical])._start{-webkit-mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top;mask-position:calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px) bottom,right bottom,top}[dir=rtl] [tuiFadeV=\"4.86.0\"]:not([data-orientation=vertical])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[tuiFadeV=\"4.86.0\"][data-orientation=vertical]{overflow-x:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to top,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset)));mask-image:linear-gradient(to bottom,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset))),linear-gradient(to top,transparent var(--t-fade-offset),#000 calc(var(--t-fade-size) + var(--t-fade-offset)));-webkit-mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px);mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px);-webkit-mask-size:100% calc(51% + var(--t-fade-size) + var(--t-fade-offset));mask-size:100% calc(51% + var(--t-fade-size) + var(--t-fade-offset))}[tuiFadeV=\"4.86.0\"][data-orientation=vertical]._start{-webkit-mask-position:left top,left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px);mask-position:left top,left calc(100% + var(--t-fade-size) + var(--t-fade-offset) - 1px)}[tuiFadeV=\"4.86.0\"][data-orientation=vertical]._end{-webkit-mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left bottom;mask-position:left calc(-1 * var(--t-fade-size) - var(--t-fade-offset) + 1px),left bottom}[tuiFadeV=\"4.86.0\"][data-orientation=vertical]._start._end{-webkit-mask-position:left top,left bottom;mask-position:left top,left bottom}\n"] }]
|
|
22
22
|
}] });
|
|
23
23
|
class TuiFade {
|
|
24
24
|
constructor() {
|
|
@@ -51,7 +51,7 @@ class TuiFade {
|
|
|
51
51
|
scrollHeight > clientHeight + 4 * BUFFER;
|
|
52
52
|
}
|
|
53
53
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiFade, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
54
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiFade, isStandalone: true, selector: "[tuiFade]", inputs: { lineHeight: ["tuiFadeHeight", "lineHeight"], size: ["tuiFadeSize", "size"], offset: ["tuiFadeOffset", "offset"], orientation: ["tuiFade", "orientation"] }, host: { attributes: { "tuiFadeV": "4.
|
|
54
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiFade, isStandalone: true, selector: "[tuiFade]", inputs: { lineHeight: ["tuiFadeHeight", "lineHeight"], size: ["tuiFadeSize", "size"], offset: ["tuiFadeOffset", "offset"], orientation: ["tuiFade", "orientation"] }, host: { attributes: { "tuiFadeV": "4.86.0" }, properties: { "style.line-height": "lineHeight", "style.--t-line-height": "lineHeight", "style.--t-fade-size": "size", "style.--t-fade-offset": "offset", "attr.data-orientation": "orientation", "style.transition": "\"none\"" } }, providers: [
|
|
55
55
|
WaResizeObserverService,
|
|
56
56
|
WaMutationObserverService,
|
|
57
57
|
{
|