@taiga-ui/kit 5.14.0 → 5.15.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/copy/copy.directive.d.ts +3 -1
- package/components/input-chip/input-chip.utils.d.ts +2 -0
- package/components/textarea/textarea-content.component.d.ts +2 -3
- package/components/textarea/textarea.component.d.ts +1 -1
- package/directives/tooltip/tooltip.directive.d.ts +2 -1
- package/fesm2022/taiga-ui-kit-components-accordion.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-avatar.mjs +9 -9
- package/fesm2022/taiga-ui-kit-components-badge.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-block.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-chip.mjs +2 -2
- 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-copy.mjs +33 -9
- package/fesm2022/taiga-ui-kit-components-copy.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-files.mjs +5 -5
- package/fesm2022/taiga-ui-kit-components-input-chip.mjs +111 -99
- package/fesm2022/taiga-ui-kit-components-input-chip.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-color.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-date-time.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-input-date.mjs +5 -5
- package/fesm2022/taiga-ui-kit-components-input-date.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-inline.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-month.mjs +4 -4
- package/fesm2022/taiga-ui-kit-components-input-number.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-pin.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-input-slider.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-time.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-input-year.mjs +7 -1
- package/fesm2022/taiga-ui-kit-components-input-year.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-like.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-message.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-pin.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-preview.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-progress.mjs +6 -6
- package/fesm2022/taiga-ui-kit-components-radio-list.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 +3 -3
- package/fesm2022/taiga-ui-kit-components-textarea.mjs +25 -15
- package/fesm2022/taiga-ui-kit-components-textarea.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-tiles.mjs +4 -4
- package/fesm2022/taiga-ui-kit-components-toast.mjs +2 -2
- package/fesm2022/taiga-ui-kit-directives-button-group.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-chevron.mjs +2 -2
- 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-sensitive.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-shimmer.mjs +2 -2
- package/fesm2022/taiga-ui-kit-directives-skeleton.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-tooltip.mjs +6 -5
- package/fesm2022/taiga-ui-kit-directives-tooltip.mjs.map +1 -1
- package/package.json +40 -40
|
@@ -89,10 +89,10 @@ class TuiSegmented {
|
|
|
89
89
|
this.el.style.setProperty('--t-width', tuiPx(offsetWidth));
|
|
90
90
|
}
|
|
91
91
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiSegmented, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
92
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TuiSegmented, isStandalone: true, selector: "tui-segmented", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, activeItemIndex: { classPropertyName: "activeItemIndex", publicName: "activeItemIndex", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeItemIndex: "activeItemIndexChange" }, host: { attributes: { "data-tui-version": "5.
|
|
92
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TuiSegmented, isStandalone: true, selector: "tui-segmented", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, activeItemIndex: { classPropertyName: "activeItemIndex", publicName: "activeItemIndex", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeItemIndex: "activeItemIndexChange" }, host: { attributes: { "data-tui-version": "5.15.0" }, properties: { "attr.data-size": "size()", "attr.inert": "disabled() ? \"\" : null", "style.--t-anchor": "anchorId" } }, providers: [
|
|
93
93
|
WaResizeObserverService,
|
|
94
94
|
tuiBadgeNotificationOptionsProvider({ size: 's' }),
|
|
95
|
-
], usesOnChanges: true, hostDirectives: [{ directive: TuiSegmentedDirective }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["tui-segmented:where(*[data-tui-version=\"5.
|
|
95
|
+
], usesOnChanges: true, hostDirectives: [{ directive: TuiSegmentedDirective }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["tui-segmented:where(*[data-tui-version=\"5.15.0\"]){position:relative;display:flex;flex-shrink:0;color:var(--tui-background-base);background:var(--tui-background-neutral-1);overflow:hidden;-webkit-mask-image:linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000)}tui-segmented:where(*[data-tui-version=\"5.15.0\"])[data-size=s]{--t-padding: .5rem;--t-gap: .5rem;--t-margin: -.125rem;--t-height: var(--tui-height-s);font:var(--tui-typography-body-s);border-radius:var(--tui-radius-m)}tui-segmented:where(*[data-tui-version=\"5.15.0\"])[data-size=s] tui-icon{font-size:1rem}tui-segmented:where(*[data-tui-version=\"5.15.0\"])[data-size=m]{--t-padding: .875rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-m);font:var(--tui-typography-body-m);border-radius:var(--tui-radius-m)}tui-segmented:where(*[data-tui-version=\"5.15.0\"])[data-size=l]{--t-padding: 1.25rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-l);font:var(--tui-typography-body-l);border-radius:var(--tui-radius-l)}tui-segmented:where(*[data-tui-version=\"5.15.0\"])[data-size=l]>*:before{block-size:1.25rem}tui-segmented:where(*[data-tui-version=\"5.15.0\"])[inert]{opacity:var(--tui-disabled-opacity);pointer-events:none}tui-segmented:where(*[data-tui-version=\"5.15.0\"])>a,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>button,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label>input:not([tuiRadio]){transition-property:color,background,opacity,border-image;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);-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;min-block-size:var(--t-height);block-size:100%;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))}tui-segmented:where(*[data-tui-version=\"5.15.0\"])>a>*,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>button>*,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label>*,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label>input:not([tuiRadio])>*{margin:0 var(--t-margin)}tui-segmented:where(*[data-tui-version=\"5.15.0\"])>a:focus-visible,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>button:focus-visible,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label:focus-visible,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label>input:not([tuiRadio]):focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.25rem}@media(hover:hover)and (pointer:fine){tui-segmented:where(*[data-tui-version=\"5.15.0\"])>a:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>button:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover{background-color:var(--tui-background-neutral-1-hover)}tui-segmented:where(*[data-tui-version=\"5.15.0\"])>a:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>button:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>a:not(.tui-segmented_active):not(:active):hover+*,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>button:not(.tui-segmented_active):not(:active):hover+*,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label:not(.tui-segmented_active):not(:active):hover+*,tui-segmented:where(*[data-tui-version=\"5.15.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}}tui-segmented:where(*[data-tui-version=\"5.15.0\"])>a:active,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>button:active,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label:active,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label>input:not([tuiRadio]):active,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>a:active+*,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>button:active+*,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label:active+*,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label>input:not([tuiRadio]):active+*,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>a.tui-segmented_active,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>button.tui-segmented_active,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label.tui-segmented_active,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label>input:not([tuiRadio]).tui-segmented_active,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>a.tui-segmented_active+*,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>button.tui-segmented_active+*,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label.tui-segmented_active+*,tui-segmented:where(*[data-tui-version=\"5.15.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}tui-segmented:where(*[data-tui-version=\"5.15.0\"])>.tui-segmented_active{anchor-name:var(--t-anchor)}tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label>input:not([tuiRadio]){position:absolute;inset:-.125rem;background:transparent!important}tui-segmented:where(*[data-tui-version=\"5.15.0\"]):before{transition-property:inset,inline-size;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);content:\"\";position:absolute;inset:var(--t-top) auto auto var(--t-left);inset:anchor(start);position-anchor:var(--t-anchor);block-size:var(--t-height);block-size:anchor-size(block);inline-size:var(--t-width);inline-size:anchor-size(inline);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))}@supports not (anchor-name: --t-anchor){[dir=rtl] tui-segmented:where(*[data-tui-version=\"5.15.0\"]):before{inset-inline:auto var(--t-left)}}[tuiTheme=dark] tui-segmented:where(*[data-tui-version=\"5.15.0\"]),tui-segmented[tuiTheme=dark]:where(*[data-tui-version=\"5.15.0\"]){--tui-background-base: var(--tui-background-neutral-1-hover)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
96
96
|
}
|
|
97
97
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiSegmented, decorators: [{
|
|
98
98
|
type: Component,
|
|
@@ -104,7 +104,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
104
104
|
'[attr.data-size]': 'size()',
|
|
105
105
|
'[attr.inert]': 'disabled() ? "" : null',
|
|
106
106
|
'[style.--t-anchor]': 'anchorId',
|
|
107
|
-
}, styles: ["tui-segmented:where(*[data-tui-version=\"5.
|
|
107
|
+
}, styles: ["tui-segmented:where(*[data-tui-version=\"5.15.0\"]){position:relative;display:flex;flex-shrink:0;color:var(--tui-background-base);background:var(--tui-background-neutral-1);overflow:hidden;-webkit-mask-image:linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000)}tui-segmented:where(*[data-tui-version=\"5.15.0\"])[data-size=s]{--t-padding: .5rem;--t-gap: .5rem;--t-margin: -.125rem;--t-height: var(--tui-height-s);font:var(--tui-typography-body-s);border-radius:var(--tui-radius-m)}tui-segmented:where(*[data-tui-version=\"5.15.0\"])[data-size=s] tui-icon{font-size:1rem}tui-segmented:where(*[data-tui-version=\"5.15.0\"])[data-size=m]{--t-padding: .875rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-m);font:var(--tui-typography-body-m);border-radius:var(--tui-radius-m)}tui-segmented:where(*[data-tui-version=\"5.15.0\"])[data-size=l]{--t-padding: 1.25rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-l);font:var(--tui-typography-body-l);border-radius:var(--tui-radius-l)}tui-segmented:where(*[data-tui-version=\"5.15.0\"])[data-size=l]>*:before{block-size:1.25rem}tui-segmented:where(*[data-tui-version=\"5.15.0\"])[inert]{opacity:var(--tui-disabled-opacity);pointer-events:none}tui-segmented:where(*[data-tui-version=\"5.15.0\"])>a,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>button,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label>input:not([tuiRadio]){transition-property:color,background,opacity,border-image;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);-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;min-block-size:var(--t-height);block-size:100%;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))}tui-segmented:where(*[data-tui-version=\"5.15.0\"])>a>*,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>button>*,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label>*,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label>input:not([tuiRadio])>*{margin:0 var(--t-margin)}tui-segmented:where(*[data-tui-version=\"5.15.0\"])>a:focus-visible,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>button:focus-visible,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label:focus-visible,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label>input:not([tuiRadio]):focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.25rem}@media(hover:hover)and (pointer:fine){tui-segmented:where(*[data-tui-version=\"5.15.0\"])>a:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>button:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover{background-color:var(--tui-background-neutral-1-hover)}tui-segmented:where(*[data-tui-version=\"5.15.0\"])>a:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>button:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label:not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>a:not(.tui-segmented_active):not(:active):hover+*,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>button:not(.tui-segmented_active):not(:active):hover+*,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label:not(.tui-segmented_active):not(:active):hover+*,tui-segmented:where(*[data-tui-version=\"5.15.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}}tui-segmented:where(*[data-tui-version=\"5.15.0\"])>a:active,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>button:active,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label:active,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label>input:not([tuiRadio]):active,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>a:active+*,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>button:active+*,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label:active+*,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label>input:not([tuiRadio]):active+*,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>a.tui-segmented_active,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>button.tui-segmented_active,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label.tui-segmented_active,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label>input:not([tuiRadio]).tui-segmented_active,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>a.tui-segmented_active+*,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>button.tui-segmented_active+*,tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label.tui-segmented_active+*,tui-segmented:where(*[data-tui-version=\"5.15.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}tui-segmented:where(*[data-tui-version=\"5.15.0\"])>.tui-segmented_active{anchor-name:var(--t-anchor)}tui-segmented:where(*[data-tui-version=\"5.15.0\"])>label>input:not([tuiRadio]){position:absolute;inset:-.125rem;background:transparent!important}tui-segmented:where(*[data-tui-version=\"5.15.0\"]):before{transition-property:inset,inline-size;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);content:\"\";position:absolute;inset:var(--t-top) auto auto var(--t-left);inset:anchor(start);position-anchor:var(--t-anchor);block-size:var(--t-height);block-size:anchor-size(block);inline-size:var(--t-width);inline-size:anchor-size(inline);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))}@supports not (anchor-name: --t-anchor){[dir=rtl] tui-segmented:where(*[data-tui-version=\"5.15.0\"]):before{inset-inline:auto var(--t-left)}}[tuiTheme=dark] tui-segmented:where(*[data-tui-version=\"5.15.0\"]),tui-segmented[tuiTheme=dark]:where(*[data-tui-version=\"5.15.0\"]){--tui-background-base: var(--tui-background-neutral-1-hover)}\n"] }]
|
|
108
108
|
}] });
|
|
109
109
|
|
|
110
110
|
/**
|
|
@@ -4,11 +4,11 @@ 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: "19.2.25", ngImport: i0, type: TuiShrinkWrapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TuiShrinkWrapComponent, isStandalone: true, selector: "tui-shrink-wrap", host: { attributes: { "data-tui-version": "5.
|
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: TuiShrinkWrapComponent, isStandalone: true, selector: "tui-shrink-wrap", host: { attributes: { "data-tui-version": "5.15.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]:where(*[data-tui-version=\"5.15.0\"]){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))}tui-shrink-wrap:where(*[data-tui-version=\"5.15.0\"]){display:block;overflow:hidden;text-wrap:balance;margin-inline-end:var(--t-shrink-wrap)}tui-shrink-wrap:where(*[data-tui-version=\"5.15.0\"])>*{view-timeline:--t-shrink-wrap-item inline}tui-shrink-wrap:where(*[data-tui-version=\"5.15.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: "19.2.25", ngImport: i0, type: TuiShrinkWrapComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
args: [{ selector: 'tui-shrink-wrap', template: '<span><ng-content/></span>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { 'data-tui-version': TUI_VERSION }, 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]:where(*[data-tui-version=\"5.
|
|
11
|
+
args: [{ selector: 'tui-shrink-wrap', template: '<span><ng-content/></span>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { 'data-tui-version': TUI_VERSION }, 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]:where(*[data-tui-version=\"5.15.0\"]){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))}tui-shrink-wrap:where(*[data-tui-version=\"5.15.0\"]){display:block;overflow:hidden;text-wrap:balance;margin-inline-end:var(--t-shrink-wrap)}tui-shrink-wrap:where(*[data-tui-version=\"5.15.0\"])>*{view-timeline:--t-shrink-wrap-item inline}tui-shrink-wrap:where(*[data-tui-version=\"5.15.0\"]):before{content:\"\";padding-inline-start:1px;margin-inline-end:-1px;view-timeline:--t-shrink-wrap-host inline}\n"] }]
|
|
12
12
|
}] });
|
|
13
13
|
|
|
14
14
|
class TuiShrinkWrapDirective {
|
|
@@ -5,11 +5,11 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
|
5
5
|
|
|
6
6
|
class Styles {
|
|
7
7
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-status-5.
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-status-5.15.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiStatus]:where(*[data-tui-version=\"5.15.0\"]){display:inline-flex;align-items:center;gap:.5rem}[tuiStatus]:where(*[data-tui-version=\"5.15.0\"]):before{content:\"\";display:var(--t-status, none);inline-size:.5rem;block-size:.5rem;border-radius:100%;background:var(--t-status)}[tuiStatus]:where(*[data-tui-version=\"5.15.0\"])[data-size=s],[tuiStatus]:where(*[data-tui-version=\"5.15.0\"])[data-size=m],[tuiStatus]:where(*[data-tui-version=\"5.15.0\"])[data-size=l]{gap:.25rem}[tuiStatus]:where(*[data-tui-version=\"5.15.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: "19.2.25", ngImport: i0, type: Styles, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
|
-
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-status-${TUI_VERSION}`, styles: ["[tuiStatus]:where(*[data-tui-version=\"5.
|
|
12
|
+
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-status-${TUI_VERSION}`, styles: ["[tuiStatus]:where(*[data-tui-version=\"5.15.0\"]){display:inline-flex;align-items:center;gap:.5rem}[tuiStatus]:where(*[data-tui-version=\"5.15.0\"]):before{content:\"\";display:var(--t-status, none);inline-size:.5rem;block-size:.5rem;border-radius:100%;background:var(--t-status)}[tuiStatus]:where(*[data-tui-version=\"5.15.0\"])[data-size=s],[tuiStatus]:where(*[data-tui-version=\"5.15.0\"])[data-size=m],[tuiStatus]:where(*[data-tui-version=\"5.15.0\"])[data-size=l]{gap:.25rem}[tuiStatus]:where(*[data-tui-version=\"5.15.0\"])[data-size=xl]{gap:.375rem}\n"] }]
|
|
13
13
|
}] });
|
|
14
14
|
class TuiStatus {
|
|
15
15
|
constructor() {
|
|
@@ -17,7 +17,7 @@ class TuiStatus {
|
|
|
17
17
|
this.tuiStatus = input('');
|
|
18
18
|
}
|
|
19
19
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiStatus, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
20
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiStatus, isStandalone: true, selector: "[tuiStatus]", inputs: { tuiStatus: { classPropertyName: "tuiStatus", publicName: "tuiStatus", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.
|
|
20
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiStatus, isStandalone: true, selector: "[tuiStatus]", inputs: { tuiStatus: { classPropertyName: "tuiStatus", publicName: "tuiStatus", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.15.0", "tuiStatus": "" }, properties: { "style.--t-status": "tuiStatus() || null" } }, ngImport: i0 }); }
|
|
21
21
|
}
|
|
22
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiStatus, decorators: [{
|
|
23
23
|
type: Directive,
|
|
@@ -21,11 +21,11 @@ class TuiSwitch extends TuiRadioComponent {
|
|
|
21
21
|
this.showIcons = input(this.options.showIcons);
|
|
22
22
|
}
|
|
23
23
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiSwitch, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TuiSwitch, isStandalone: true, selector: "input[type=\"checkbox\"][tuiSwitch]", inputs: { showIcons: { classPropertyName: "showIcons", publicName: "showIcons", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "switch", "switch": "" }, properties: { "class._native": "native" } }, providers: [tuiProvide(TUI_RADIO_OPTIONS, TUI_SWITCH_OPTIONS)], usesInheritance: true, hostDirectives: [{ directive: i1.TuiIcons }], ngImport: i0, template: '', isInline: true, styles: ["[tuiSwitch]:where(*[data-tui-version=\"5.
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TuiSwitch, isStandalone: true, selector: "input[type=\"checkbox\"][tuiSwitch]", inputs: { showIcons: { classPropertyName: "showIcons", publicName: "showIcons", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "switch", "switch": "" }, properties: { "class._native": "native" } }, providers: [tuiProvide(TUI_RADIO_OPTIONS, TUI_SWITCH_OPTIONS)], usesInheritance: true, hostDirectives: [{ directive: i1.TuiIcons }], ngImport: i0, template: '', isInline: true, styles: ["[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"]){transition-property:background,box-shadow;transition-duration:calc(var(--tui-duration) / 2);transition-timing-function:var(--tui-curve-productive-standard);display:inline-block;inline-size:3rem;block-size:1.5rem;border-radius:2rem;overflow:hidden;cursor:pointer;margin:0;flex-shrink:0;color:#fff!important}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"])[data-size=s]{block-size:1rem;inline-size:2rem}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"])[data-size=s]:before{inline-size:1rem;transform:translate(calc(var(--tui-inline) * -1rem));font-size:.75rem}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"])[data-size=s]:after{inline-size:1rem;box-shadow:calc(var(--tui-inline) * -2.625rem) 0 0 .5rem var(--tui-background-base);outline-width:.167rem;transform:scale(.375)}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"])[data-size=s]:checked:after{transform:scale(.375) translate(calc(var(--tui-inline) * 2.625rem))}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"]):checked:before{transform:none}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"]):checked:after{transform:scale(.33333) translate(calc(var(--tui-inline) * 4.5rem))}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"]):disabled._readonly._readonly{opacity:1}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"]):before,[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"]):after{position:absolute;block-size:100%;inline-size:1.5rem;transition-property:transform;zoom:1}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"]):before{inset-inline-start:.125rem;font-size:1rem;transform:translate(calc(var(--tui-inline) * -1.5rem))}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"]):after{display:block;inset-inline-end:0;border-radius:100%;background:none;transform:scale(.33333);box-shadow:calc(var(--tui-inline) * -4.5rem) 0 0 .75rem var(--tui-background-base);outline:.375rem solid var(--tui-background-neutral-2-pressed)}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"]):not([data-icon-start]):after{outline-offset:20rem}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"]):invalid:not([data-mode]),[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"])[data-mode~=invalid]{color:#fff}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
25
25
|
}
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiSwitch, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ selector: 'input[type="checkbox"][tuiSwitch]', template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiProvide(TUI_RADIO_OPTIONS, TUI_SWITCH_OPTIONS)], hostDirectives: [TuiIcons], host: { role: 'switch', switch: '', '[class._native]': 'native' }, styles: ["[tuiSwitch]:where(*[data-tui-version=\"5.
|
|
28
|
+
args: [{ selector: 'input[type="checkbox"][tuiSwitch]', template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiProvide(TUI_RADIO_OPTIONS, TUI_SWITCH_OPTIONS)], hostDirectives: [TuiIcons], host: { role: 'switch', switch: '', '[class._native]': 'native' }, styles: ["[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"]){transition-property:background,box-shadow;transition-duration:calc(var(--tui-duration) / 2);transition-timing-function:var(--tui-curve-productive-standard);display:inline-block;inline-size:3rem;block-size:1.5rem;border-radius:2rem;overflow:hidden;cursor:pointer;margin:0;flex-shrink:0;color:#fff!important}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"])[data-size=s]{block-size:1rem;inline-size:2rem}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"])[data-size=s]:before{inline-size:1rem;transform:translate(calc(var(--tui-inline) * -1rem));font-size:.75rem}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"])[data-size=s]:after{inline-size:1rem;box-shadow:calc(var(--tui-inline) * -2.625rem) 0 0 .5rem var(--tui-background-base);outline-width:.167rem;transform:scale(.375)}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"])[data-size=s]:checked:after{transform:scale(.375) translate(calc(var(--tui-inline) * 2.625rem))}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"]):checked:before{transform:none}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"]):checked:after{transform:scale(.33333) translate(calc(var(--tui-inline) * 4.5rem))}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"]):disabled._readonly._readonly{opacity:1}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"]):before,[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"]):after{position:absolute;block-size:100%;inline-size:1.5rem;transition-property:transform;zoom:1}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"]):before{inset-inline-start:.125rem;font-size:1rem;transform:translate(calc(var(--tui-inline) * -1.5rem))}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"]):after{display:block;inset-inline-end:0;border-radius:100%;background:none;transform:scale(.33333);box-shadow:calc(var(--tui-inline) * -4.5rem) 0 0 .75rem var(--tui-background-base);outline:.375rem solid var(--tui-background-neutral-2-pressed)}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"]):not([data-icon-start]):after{outline-offset:20rem}[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"]):invalid:not([data-mode]),[tuiSwitch]:where(*[data-tui-version=\"5.15.0\"])[data-mode~=invalid]{color:#fff}\n"] }]
|
|
29
29
|
}] });
|
|
30
30
|
|
|
31
31
|
/**
|
|
@@ -65,11 +65,11 @@ const [TUI_TABS_OPTIONS, tuiTabsOptionsProvider] = tuiCreateOptions(TUI_TABS_DEF
|
|
|
65
65
|
|
|
66
66
|
class Styles {
|
|
67
67
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
68
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-tabs-5.
|
|
68
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-tabs-5.15.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiTab]:where(*[data-tui-version=\"5.15.0\"]){transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);-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;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-inline-start:var(--tui-tab-margin, 1.5rem)}[tuiTab]:where(*[data-tui-version=\"5.15.0\"]):disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTab]:where(*[data-tui-version=\"5.15.0\"])._active{color:var(--tui-text-primary);box-shadow:none;anchor-name:--tui-tab-active}[tuiTab]:where(*[data-tui-version=\"5.15.0\"]):focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.125rem}tui-tabs._underline [tuiTab]:where(*[data-tui-version=\"5.15.0\"]):hover:not(._active){box-shadow:inset 0 -.125rem var(--tui-border-normal)}tui-tabs>[tuiTab]:where(*[data-tui-version=\"5.15.0\"]):first-child,tui-tabs>:not(.t-overflown)>[tuiTab]:where(*[data-tui-version=\"5.15.0\"]):first-child{margin-inline-start:0}tui-tabs>[tuiTab]~:not(.t-overflown)>[tuiTab]:where(*[data-tui-version=\"5.15.0\"]):first-child{margin-inline-start:var(--tui-tab-margin, 1.5rem)}[tuiTab]:where(*[data-tui-version=\"5.15.0\"])[tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTab]:where(*[data-tui-version=\"5.15.0\"])[tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTab]:where(*[data-tui-version=\"5.15.0\"]):empty:after,[tuiTab]:where(*[data-tui-version=\"5.15.0\"]):empty:before{margin:.5rem}@media(hover:hover)and (pointer:fine){[tuiTab]:where(*[data-tui-version=\"5.15.0\"]):hover{color:var(--tui-text-primary)}}tui-tabs:where(*[data-tui-version=\"5.15.0\"]){scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;flex-shrink:0;font:var(--tui-typography-body-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate;anchor-scope:--tui-tab-active}tui-tabs:where(*[data-tui-version=\"5.15.0\"])::-webkit-scrollbar,tui-tabs:where(*[data-tui-version=\"5.15.0\"])::-webkit-scrollbar-thumb{display:none}tui-tabs:where(*[data-tui-version=\"5.15.0\"])[data-size=m]{font:var(--tui-typography-body-s);--tui-tab-margin: 1rem}tui-tabs:where(*[data-tui-version=\"5.15.0\"])[data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}tui-tabs:where(*[data-tui-version=\"5.15.0\"])[data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}tui-tabs:where(*[data-tui-version=\"5.15.0\"]):before{transition-property:inline-size,inset-inline-start;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);position:absolute;inset-block-end:0;inset-inline-start:var(--t-left);block-size:.125rem;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms;contain:strict}@supports (anchor-name: --tui-tab-active){tui-tabs:where(*[data-tui-version=\"5.15.0\"]):before{inset-inline-start:anchor(start);inline-size:anchor-size(inline);position-anchor:--tui-tab-active}}tui-tabs:where(*[data-tui-version=\"5.15.0\"])._underline:before{content:\"\"}tui-tabs[data-vertical]:where(*[data-tui-version=\"5.15.0\"]){flex-direction:column;box-shadow:inset calc(-1px * var(--tui-inline)) 0 var(--tui-border-normal)}tui-tabs[data-vertical]:where(*[data-tui-version=\"5.15.0\"]) [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem}tui-tabs[data-vertical]:where(*[data-tui-version=\"5.15.0\"]) [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);content:\"\";position:absolute;display:block;inset-block-start:0;inset-inline-end:0;block-size:100%;inline-size:.125rem;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}tui-tabs[data-vertical]:where(*[data-tui-version=\"5.15.0\"]) [tuiTab]:hover{box-shadow:inset calc(-.125rem * var(--tui-inline)) 0 var(--tui-border-normal)}tui-tabs[data-vertical]:where(*[data-tui-version=\"5.15.0\"]) [tuiTab]._active:after{transform:none}tui-tabs[data-vertical]:where(*[data-tui-version=\"5.15.0\"])[data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-typography-body-s)}tui-tabs[data-vertical]:where(*[data-tui-version=\"5.15.0\"])[data-vertical=end]{box-shadow:inset calc(1px * var(--tui-inline)) 0 var(--tui-border-normal)}tui-tabs[data-vertical]:where(*[data-tui-version=\"5.15.0\"])[data-vertical=end] [tuiTab]{text-align:end}tui-tabs[data-vertical]:where(*[data-tui-version=\"5.15.0\"])[data-vertical=end] [tuiTab]:after{inset-inline:0 auto;transform-origin:left}tui-tabs[data-vertical]:where(*[data-tui-version=\"5.15.0\"])[data-vertical=end] [tuiTab]:hover{box-shadow:inset calc(.125rem * var(--tui-inline)) 0 var(--tui-border-normal)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
69
69
|
}
|
|
70
70
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, decorators: [{
|
|
71
71
|
type: Component,
|
|
72
|
-
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-tabs-${TUI_VERSION}`, styles: ["[tuiTab]:where(*[data-tui-version=\"5.
|
|
72
|
+
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-tabs-${TUI_VERSION}`, styles: ["[tuiTab]:where(*[data-tui-version=\"5.15.0\"]){transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);-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;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-inline-start:var(--tui-tab-margin, 1.5rem)}[tuiTab]:where(*[data-tui-version=\"5.15.0\"]):disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTab]:where(*[data-tui-version=\"5.15.0\"])._active{color:var(--tui-text-primary);box-shadow:none;anchor-name:--tui-tab-active}[tuiTab]:where(*[data-tui-version=\"5.15.0\"]):focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.125rem}tui-tabs._underline [tuiTab]:where(*[data-tui-version=\"5.15.0\"]):hover:not(._active){box-shadow:inset 0 -.125rem var(--tui-border-normal)}tui-tabs>[tuiTab]:where(*[data-tui-version=\"5.15.0\"]):first-child,tui-tabs>:not(.t-overflown)>[tuiTab]:where(*[data-tui-version=\"5.15.0\"]):first-child{margin-inline-start:0}tui-tabs>[tuiTab]~:not(.t-overflown)>[tuiTab]:where(*[data-tui-version=\"5.15.0\"]):first-child{margin-inline-start:var(--tui-tab-margin, 1.5rem)}[tuiTab]:where(*[data-tui-version=\"5.15.0\"])[tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTab]:where(*[data-tui-version=\"5.15.0\"])[tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTab]:where(*[data-tui-version=\"5.15.0\"]):empty:after,[tuiTab]:where(*[data-tui-version=\"5.15.0\"]):empty:before{margin:.5rem}@media(hover:hover)and (pointer:fine){[tuiTab]:where(*[data-tui-version=\"5.15.0\"]):hover{color:var(--tui-text-primary)}}tui-tabs:where(*[data-tui-version=\"5.15.0\"]){scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;flex-shrink:0;font:var(--tui-typography-body-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate;anchor-scope:--tui-tab-active}tui-tabs:where(*[data-tui-version=\"5.15.0\"])::-webkit-scrollbar,tui-tabs:where(*[data-tui-version=\"5.15.0\"])::-webkit-scrollbar-thumb{display:none}tui-tabs:where(*[data-tui-version=\"5.15.0\"])[data-size=m]{font:var(--tui-typography-body-s);--tui-tab-margin: 1rem}tui-tabs:where(*[data-tui-version=\"5.15.0\"])[data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}tui-tabs:where(*[data-tui-version=\"5.15.0\"])[data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}tui-tabs:where(*[data-tui-version=\"5.15.0\"]):before{transition-property:inline-size,inset-inline-start;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);position:absolute;inset-block-end:0;inset-inline-start:var(--t-left);block-size:.125rem;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms;contain:strict}@supports (anchor-name: --tui-tab-active){tui-tabs:where(*[data-tui-version=\"5.15.0\"]):before{inset-inline-start:anchor(start);inline-size:anchor-size(inline);position-anchor:--tui-tab-active}}tui-tabs:where(*[data-tui-version=\"5.15.0\"])._underline:before{content:\"\"}tui-tabs[data-vertical]:where(*[data-tui-version=\"5.15.0\"]){flex-direction:column;box-shadow:inset calc(-1px * var(--tui-inline)) 0 var(--tui-border-normal)}tui-tabs[data-vertical]:where(*[data-tui-version=\"5.15.0\"]) [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem}tui-tabs[data-vertical]:where(*[data-tui-version=\"5.15.0\"]) [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);content:\"\";position:absolute;display:block;inset-block-start:0;inset-inline-end:0;block-size:100%;inline-size:.125rem;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}tui-tabs[data-vertical]:where(*[data-tui-version=\"5.15.0\"]) [tuiTab]:hover{box-shadow:inset calc(-.125rem * var(--tui-inline)) 0 var(--tui-border-normal)}tui-tabs[data-vertical]:where(*[data-tui-version=\"5.15.0\"]) [tuiTab]._active:after{transform:none}tui-tabs[data-vertical]:where(*[data-tui-version=\"5.15.0\"])[data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-typography-body-s)}tui-tabs[data-vertical]:where(*[data-tui-version=\"5.15.0\"])[data-vertical=end]{box-shadow:inset calc(1px * var(--tui-inline)) 0 var(--tui-border-normal)}tui-tabs[data-vertical]:where(*[data-tui-version=\"5.15.0\"])[data-vertical=end] [tuiTab]{text-align:end}tui-tabs[data-vertical]:where(*[data-tui-version=\"5.15.0\"])[data-vertical=end] [tuiTab]:after{inset-inline:0 auto;transform-origin:left}tui-tabs[data-vertical]:where(*[data-tui-version=\"5.15.0\"])[data-vertical=end] [tuiTab]:hover{box-shadow:inset calc(.125rem * var(--tui-inline)) 0 var(--tui-border-normal)}\n"] }]
|
|
73
73
|
}] });
|
|
74
74
|
class TuiTabsDirective {
|
|
75
75
|
constructor() {
|
|
@@ -106,7 +106,7 @@ class TuiTabsDirective {
|
|
|
106
106
|
});
|
|
107
107
|
}
|
|
108
108
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTabsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
109
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiTabsDirective, isStandalone: true, inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, activeItemIndex: { classPropertyName: "activeItemIndex", publicName: "activeItemIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeItemIndex: "activeItemIndexChange" }, host: { attributes: { "data-tui-version": "5.
|
|
109
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiTabsDirective, isStandalone: true, inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, activeItemIndex: { classPropertyName: "activeItemIndex", publicName: "activeItemIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeItemIndex: "activeItemIndexChange" }, host: { attributes: { "data-tui-version": "5.15.0" }, listeners: { "tui-tab-activate.stop": "onActivate($event.target)" }, properties: { "attr.data-size": "size()" } }, ngImport: i0 }); }
|
|
110
110
|
}
|
|
111
111
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTabsDirective, decorators: [{
|
|
112
112
|
type: Directive,
|
|
@@ -2,14 +2,15 @@ import { TuiLabel } from '@taiga-ui/core/components/label';
|
|
|
2
2
|
import { TuiTextfieldComponent, TUI_TEXTFIELD_OPTIONS, TuiTextfieldOptionsDirective } from '@taiga-ui/core/components/textfield';
|
|
3
3
|
import { TuiDropdownContent } from '@taiga-ui/core/portals/dropdown';
|
|
4
4
|
import * as i0 from '@angular/core';
|
|
5
|
-
import {
|
|
5
|
+
import { inject, ElementRef, ChangeDetectionStrategy, ViewEncapsulation, Component, ViewContainerRef, INJECTOR, input, Directive, signal } from '@angular/core';
|
|
6
6
|
import { WA_IS_MOBILE } from '@ng-web-apis/platform';
|
|
7
7
|
import { TUI_VERSION } from '@taiga-ui/cdk/constants';
|
|
8
|
-
import { tuiCreateOptions, tuiProvide } from '@taiga-ui/cdk/utils/di';
|
|
9
8
|
import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
|
|
10
|
-
import * as i1 from '@taiga-ui/core/components/input';
|
|
9
|
+
import * as i1$1 from '@taiga-ui/core/components/input';
|
|
11
10
|
import { TuiWithInput } from '@taiga-ui/core/components/input';
|
|
12
|
-
import {
|
|
11
|
+
import { tuiCreateOptions, tuiProvide } from '@taiga-ui/cdk/utils/di';
|
|
12
|
+
import * as i1 from '@taiga-ui/core/components/scrollbar';
|
|
13
|
+
import { TUI_SCROLL_REF, TuiScrollControls, TuiScrollRef } from '@taiga-ui/core/components/scrollbar';
|
|
13
14
|
import { PolymorpheusOutlet, injectContext, PolymorpheusComponent } from '@taiga-ui/polymorpheus';
|
|
14
15
|
import { Validators, NG_VALIDATORS } from '@angular/forms';
|
|
15
16
|
import { TUI_TEXTFIELD_VALUE } from '@taiga-ui/core/tokens';
|
|
@@ -22,20 +23,30 @@ const [TUI_TEXTAREA_OPTIONS, tuiTextareaOptionsProvider] = tuiCreateOptions({
|
|
|
22
23
|
|
|
23
24
|
class TuiTextareaContent {
|
|
24
25
|
constructor() {
|
|
25
|
-
this.textRef = viewChild('text');
|
|
26
26
|
this.host = inject(TuiTextareaComponent);
|
|
27
27
|
this.textfield = inject(TuiTextfieldComponent);
|
|
28
28
|
this.isMobile = inject(WA_IS_MOBILE);
|
|
29
29
|
}
|
|
30
|
-
scrollTo(top) {
|
|
31
|
-
this.textRef()?.nativeElement.scrollTo({ top });
|
|
32
|
-
}
|
|
33
30
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTextareaContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiTextareaContent, isStandalone: true, selector: "tui-textarea-content", host: { attributes: { "data-tui-version": "5.
|
|
31
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiTextareaContent, isStandalone: true, selector: "tui-textarea-content", host: { attributes: { "data-tui-version": "5.15.0" }, properties: { "style.max-height.em": "1.25 * host.max()", "style.min-height.em": "1.25 * host.min()" } }, hostDirectives: [{ directive: i1.TuiScrollRef }], ngImport: i0, template: "@if (!isMobile) {\n <tui-scroll-controls\n class=\"t-scroll\"\n (click.prevent)=\"(0)\"\n />\n}\n<span\n #text\n aria-hidden=\"true\"\n class=\"t-ghost\"\n>\n <ng-container *polymorpheusOutlet=\"host.content() as text; context: {$implicit: textfield.value()}\">\n {{ text }}\n </ng-container>\n</span>\n", styles: ["tui-textarea-content:where(*[data-tui-version=\"5.15.0\"]){scrollbar-width:none;-ms-overflow-style:none;order:1;inline-size:calc(100% - var(--t-start) - var(--t-end) - var(--t-side));padding-inline-start:var(--t-start);padding-inline-end:calc(var(--t-end) + var(--t-side) + var(--t-space));overflow:auto}tui-textarea-content:where(*[data-tui-version=\"5.15.0\"])::-webkit-scrollbar,tui-textarea-content:where(*[data-tui-version=\"5.15.0\"])::-webkit-scrollbar-thumb{display:none}tui-textfield._with-label[data-size=m] tui-textarea-content:where(*[data-tui-version=\"5.15.0\"]){margin-block-start:calc(-1.25 * var(--tui-font-offset) - 1.375rem);margin-block-end:.3125rem}tui-textfield._with-label[data-size=l] tui-textarea-content:where(*[data-tui-version=\"5.15.0\"]){margin-block-start:calc(-1.25 * var(--tui-font-offset) - 1.75rem);margin-block-end:.5rem}tui-textfield[data-size=s] tui-textarea-content:where(*[data-tui-version=\"5.15.0\"]){margin-block:-1.625rem .5rem}tui-textfield[data-size=m] tui-textarea-content:where(*[data-tui-version=\"5.15.0\"]){margin-block:-2rem .875rem}tui-textfield[data-size=l] tui-textarea-content:where(*[data-tui-version=\"5.15.0\"]){margin-block:-2.5rem 1rem}tui-textarea-content:where(*[data-tui-version=\"5.15.0\"]) .t-scroll{position:absolute;inset:.25rem 0;min-block-size:0}tui-textfield._with-label[data-size=m] tui-textarea-content:where(*[data-tui-version=\"5.15.0\"]) .t-scroll{inset-block-start:calc(.5rem + var(--t-height) / 3)}tui-textfield._with-label[data-size=l] tui-textarea-content:where(*[data-tui-version=\"5.15.0\"]) .t-scroll{inset-block-start:calc(.625rem + var(--t-height) / 3)}tui-textarea-content:where(*[data-tui-version=\"5.15.0\"]) .t-ghost{position:relative;z-index:1;display:block;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;pointer-events:none;box-sizing:content-box;overflow:hidden;color:transparent;view-timeline:--t-scrollbar-y y}tui-textarea-content:where(*[data-tui-version=\"5.15.0\"]) .t-ghost:after{content:\" \"}tui-textfield._with-label[data-size=m] textarea[tuiTextarea]:where(*[data-tui-version=\"5.15.0\"]){border-block-start-width:calc(.5rem + var(--t-height) / 3);padding-block:0}tui-textfield._with-label[data-size=l] textarea[tuiTextarea]:where(*[data-tui-version=\"5.15.0\"]){border-block-start-width:calc(.625rem + var(--t-height) / 3);padding-block:0}tui-textfield[data-size=s] textarea[tuiTextarea]:where(*[data-tui-version=\"5.15.0\"]){padding-block:.5rem .25rem}tui-textfield[data-size=m] textarea[tuiTextarea]:where(*[data-tui-version=\"5.15.0\"]){padding-block:.875rem .25rem}tui-textfield[data-size=l] textarea[tuiTextarea]:where(*[data-tui-version=\"5.15.0\"]){padding-block:1.125rem .375rem}tui-textfield:has(.t-ghost>*>span) textarea[tuiTextarea]:where(*[data-tui-version=\"5.15.0\"]){overscroll-behavior:none}textarea[tuiTextarea][tuiTextarea]:where(*[data-tui-version=\"5.15.0\"]){block-size:100%;white-space:pre-wrap;overflow:auto;word-break:break-word;border:0 solid transparent}textarea[tuiTextarea][tuiTextarea]:where(*[data-tui-version=\"5.15.0\"]):not(._mobile){scrollbar-width:none;-ms-overflow-style:none}textarea[tuiTextarea][tuiTextarea]:where(*[data-tui-version=\"5.15.0\"]):not(._mobile)::-webkit-scrollbar,textarea[tuiTextarea][tuiTextarea]:where(*[data-tui-version=\"5.15.0\"]):not(._mobile)::-webkit-scrollbar-thumb{display:none}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: TuiScrollControls, selector: "tui-scroll-controls" }], viewProviders: [
|
|
32
|
+
{
|
|
33
|
+
provide: TUI_SCROLL_REF,
|
|
34
|
+
useFactory: () => new ElementRef(inject(TuiTextareaComponent).el),
|
|
35
|
+
},
|
|
36
|
+
], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
35
37
|
}
|
|
36
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTextareaContent, decorators: [{
|
|
37
39
|
type: Component,
|
|
38
|
-
args: [{ selector: 'tui-textarea-content', imports: [PolymorpheusOutlet, TuiScrollControls], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush,
|
|
40
|
+
args: [{ selector: 'tui-textarea-content', imports: [PolymorpheusOutlet, TuiScrollControls], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, viewProviders: [
|
|
41
|
+
{
|
|
42
|
+
provide: TUI_SCROLL_REF,
|
|
43
|
+
useFactory: () => new ElementRef(inject(TuiTextareaComponent).el),
|
|
44
|
+
},
|
|
45
|
+
], hostDirectives: [TuiScrollRef], host: {
|
|
46
|
+
'data-tui-version': TUI_VERSION,
|
|
47
|
+
'[style.max-height.em]': '1.25 * host.max()',
|
|
48
|
+
'[style.min-height.em]': '1.25 * host.min()',
|
|
49
|
+
}, template: "@if (!isMobile) {\n <tui-scroll-controls\n class=\"t-scroll\"\n (click.prevent)=\"(0)\"\n />\n}\n<span\n #text\n aria-hidden=\"true\"\n class=\"t-ghost\"\n>\n <ng-container *polymorpheusOutlet=\"host.content() as text; context: {$implicit: textfield.value()}\">\n {{ text }}\n </ng-container>\n</span>\n", styles: ["tui-textarea-content:where(*[data-tui-version=\"5.15.0\"]){scrollbar-width:none;-ms-overflow-style:none;order:1;inline-size:calc(100% - var(--t-start) - var(--t-end) - var(--t-side));padding-inline-start:var(--t-start);padding-inline-end:calc(var(--t-end) + var(--t-side) + var(--t-space));overflow:auto}tui-textarea-content:where(*[data-tui-version=\"5.15.0\"])::-webkit-scrollbar,tui-textarea-content:where(*[data-tui-version=\"5.15.0\"])::-webkit-scrollbar-thumb{display:none}tui-textfield._with-label[data-size=m] tui-textarea-content:where(*[data-tui-version=\"5.15.0\"]){margin-block-start:calc(-1.25 * var(--tui-font-offset) - 1.375rem);margin-block-end:.3125rem}tui-textfield._with-label[data-size=l] tui-textarea-content:where(*[data-tui-version=\"5.15.0\"]){margin-block-start:calc(-1.25 * var(--tui-font-offset) - 1.75rem);margin-block-end:.5rem}tui-textfield[data-size=s] tui-textarea-content:where(*[data-tui-version=\"5.15.0\"]){margin-block:-1.625rem .5rem}tui-textfield[data-size=m] tui-textarea-content:where(*[data-tui-version=\"5.15.0\"]){margin-block:-2rem .875rem}tui-textfield[data-size=l] tui-textarea-content:where(*[data-tui-version=\"5.15.0\"]){margin-block:-2.5rem 1rem}tui-textarea-content:where(*[data-tui-version=\"5.15.0\"]) .t-scroll{position:absolute;inset:.25rem 0;min-block-size:0}tui-textfield._with-label[data-size=m] tui-textarea-content:where(*[data-tui-version=\"5.15.0\"]) .t-scroll{inset-block-start:calc(.5rem + var(--t-height) / 3)}tui-textfield._with-label[data-size=l] tui-textarea-content:where(*[data-tui-version=\"5.15.0\"]) .t-scroll{inset-block-start:calc(.625rem + var(--t-height) / 3)}tui-textarea-content:where(*[data-tui-version=\"5.15.0\"]) .t-ghost{position:relative;z-index:1;display:block;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;pointer-events:none;box-sizing:content-box;overflow:hidden;color:transparent;view-timeline:--t-scrollbar-y y}tui-textarea-content:where(*[data-tui-version=\"5.15.0\"]) .t-ghost:after{content:\" \"}tui-textfield._with-label[data-size=m] textarea[tuiTextarea]:where(*[data-tui-version=\"5.15.0\"]){border-block-start-width:calc(.5rem + var(--t-height) / 3);padding-block:0}tui-textfield._with-label[data-size=l] textarea[tuiTextarea]:where(*[data-tui-version=\"5.15.0\"]){border-block-start-width:calc(.625rem + var(--t-height) / 3);padding-block:0}tui-textfield[data-size=s] textarea[tuiTextarea]:where(*[data-tui-version=\"5.15.0\"]){padding-block:.5rem .25rem}tui-textfield[data-size=m] textarea[tuiTextarea]:where(*[data-tui-version=\"5.15.0\"]){padding-block:.875rem .25rem}tui-textfield[data-size=l] textarea[tuiTextarea]:where(*[data-tui-version=\"5.15.0\"]){padding-block:1.125rem .375rem}tui-textfield:has(.t-ghost>*>span) textarea[tuiTextarea]:where(*[data-tui-version=\"5.15.0\"]){overscroll-behavior:none}textarea[tuiTextarea][tuiTextarea]:where(*[data-tui-version=\"5.15.0\"]){block-size:100%;white-space:pre-wrap;overflow:auto;word-break:break-word;border:0 solid transparent}textarea[tuiTextarea][tuiTextarea]:where(*[data-tui-version=\"5.15.0\"]):not(._mobile){scrollbar-width:none;-ms-overflow-style:none}textarea[tuiTextarea][tuiTextarea]:where(*[data-tui-version=\"5.15.0\"]):not(._mobile)::-webkit-scrollbar,textarea[tuiTextarea][tuiTextarea]:where(*[data-tui-version=\"5.15.0\"]):not(._mobile)::-webkit-scrollbar-thumb{display:none}\n"] }]
|
|
39
50
|
}] });
|
|
40
51
|
|
|
41
52
|
// TODO(v6): rename to TuiTextareaDirective
|
|
@@ -44,28 +55,27 @@ class TuiTextareaComponent {
|
|
|
44
55
|
this.vcr = inject(ViewContainerRef);
|
|
45
56
|
this.injector = inject(INJECTOR);
|
|
46
57
|
this.options = inject(TUI_TEXTAREA_OPTIONS);
|
|
47
|
-
this.el = tuiInjectElement();
|
|
48
58
|
this.isMobile = inject(WA_IS_MOBILE);
|
|
49
59
|
this.min = input(this.options.min);
|
|
50
60
|
this.max = input(this.options.max);
|
|
51
61
|
this.content = input(this.options.content);
|
|
62
|
+
this.el = tuiInjectElement();
|
|
52
63
|
}
|
|
53
64
|
ngOnInit() {
|
|
54
65
|
this.ref = this.vcr.createComponent(TuiTextareaContent, {
|
|
55
66
|
injector: this.injector,
|
|
56
|
-
})
|
|
67
|
+
});
|
|
57
68
|
}
|
|
58
69
|
onScroll() {
|
|
59
|
-
requestAnimationFrame(() => this.ref?.scrollTo(this.el.scrollTop));
|
|
70
|
+
requestAnimationFrame(() => this.ref?.location.nativeElement.scrollTo({ top: this.el.scrollTop }));
|
|
60
71
|
}
|
|
61
72
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
62
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiTextareaComponent, isStandalone: true, selector: "textarea[tuiTextarea]", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.
|
|
73
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.25", type: TuiTextareaComponent, isStandalone: true, selector: "textarea[tuiTextarea]", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.15.0" }, listeners: { "scroll.once": "onScroll()", "scroll.zoneless": "onScroll()" }, properties: { "class._mobile": "isMobile" } }, hostDirectives: [{ directive: i1$1.TuiWithInput }], ngImport: i0 }); }
|
|
63
74
|
}
|
|
64
75
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTextareaComponent, decorators: [{
|
|
65
76
|
type: Directive,
|
|
66
77
|
args: [{
|
|
67
78
|
selector: 'textarea[tuiTextarea]',
|
|
68
|
-
providers: [tuiProvide(TUI_SCROLL_REF, ElementRef)],
|
|
69
79
|
hostDirectives: [TuiWithInput],
|
|
70
80
|
host: {
|
|
71
81
|
'data-tui-version': TUI_VERSION,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-kit-components-textarea.mjs","sources":["../../../projects/kit/components/textarea/textarea.options.ts","../../../projects/kit/components/textarea/textarea-content.component.ts","../../../projects/kit/components/textarea/textarea-content.template.html","../../../projects/kit/components/textarea/textarea.component.ts","../../../projects/kit/components/textarea/textarea.directive.ts","../../../projects/kit/components/textarea/textarea.ts","../../../projects/kit/components/textarea/taiga-ui-kit-components-textarea.ts"],"sourcesContent":["import {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\nexport interface TuiTextareaOptions {\n min: number;\n max: number;\n content: PolymorpheusContent<TuiContext<string>>;\n}\n\nexport const [TUI_TEXTAREA_OPTIONS, tuiTextareaOptionsProvider] =\n tuiCreateOptions<TuiTextareaOptions>({\n min: 1,\n max: 3,\n content: ({$implicit}) => $implicit,\n });\n","import {\n ChangeDetectionStrategy,\n Component,\n type ElementRef,\n inject,\n viewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport {WA_IS_MOBILE} from '@ng-web-apis/platform';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {TuiScrollControls} from '@taiga-ui/core/components/scrollbar';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\nimport {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TuiTextareaComponent} from './textarea.component';\n\n@Component({\n selector: 'tui-textarea-content',\n imports: [PolymorpheusOutlet, TuiScrollControls],\n templateUrl: './textarea-content.template.html',\n styles: `\n [data-tui-version='${TUI_VERSION}'] {\n @import './textarea.style.less';\n }\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {'data-tui-version': TUI_VERSION},\n})\nexport class TuiTextareaContent {\n private readonly textRef = viewChild<ElementRef<HTMLSpanElement>>('text');\n\n protected readonly host = inject(TuiTextareaComponent);\n protected readonly textfield = inject(TuiTextfieldComponent);\n protected readonly isMobile = inject(WA_IS_MOBILE);\n\n public scrollTo(top: number): void {\n this.textRef()?.nativeElement.scrollTo({top});\n }\n}\n","@if (!isMobile) {\n <tui-scroll-controls\n class=\"t-scroll\"\n (click.prevent)=\"(0)\"\n />\n}\n<span\n #text\n aria-hidden=\"true\"\n class=\"t-ghost\"\n [style.max-height.em]=\"1.25 * host.max()\"\n [style.min-height.em]=\"1.25 * host.min()\"\n>\n <ng-container *polymorpheusOutlet=\"host.content() as text; context: {$implicit: textfield.value()}\">\n {{ text }}\n </ng-container>\n</span>\n","import {\n Directive,\n ElementRef,\n inject,\n INJECTOR,\n input,\n type OnInit,\n ViewContainerRef,\n} from '@angular/core';\nimport {WA_IS_MOBILE} from '@ng-web-apis/platform';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/di';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {TuiWithInput} from '@taiga-ui/core/components/input';\nimport {TUI_SCROLL_REF} from '@taiga-ui/core/components/scrollbar';\n\nimport {TUI_TEXTAREA_OPTIONS} from './textarea.options';\nimport {TuiTextareaContent} from './textarea-content.component';\n\n@Directive({\n selector: 'textarea[tuiTextarea]',\n providers: [tuiProvide(TUI_SCROLL_REF, ElementRef)],\n hostDirectives: [TuiWithInput],\n host: {\n 'data-tui-version': TUI_VERSION,\n '[class._mobile]': 'isMobile',\n // To trigger CD for #text\n '(scroll.once)': 'onScroll()',\n '(scroll.zoneless)': 'onScroll()',\n },\n})\n// TODO(v6): rename to TuiTextareaDirective\nexport class TuiTextareaComponent implements OnInit {\n private readonly vcr = inject(ViewContainerRef);\n private readonly injector = inject(INJECTOR);\n private readonly options = inject(TUI_TEXTAREA_OPTIONS);\n private ref?: TuiTextareaContent;\n\n protected readonly el = tuiInjectElement<HTMLTextAreaElement>();\n protected readonly isMobile = inject(WA_IS_MOBILE);\n\n public readonly min = input(this.options.min);\n public readonly max = input(this.options.max);\n public readonly content = input(this.options.content);\n\n public ngOnInit(): void {\n this.ref = this.vcr.createComponent(TuiTextareaContent, {\n injector: this.injector,\n }).instance;\n }\n\n protected onScroll(): void {\n requestAnimationFrame(() => this.ref?.scrollTo(this.el.scrollTop));\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n Directive,\n type DoCheck,\n inject,\n input,\n signal,\n ViewContainerRef,\n} from '@angular/core';\nimport {\n type AbstractControl,\n NG_VALIDATORS,\n type ValidationErrors,\n type Validator,\n Validators,\n} from '@angular/forms';\nimport {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/di';\nimport {TUI_TEXTFIELD_OPTIONS} from '@taiga-ui/core/components/textfield';\nimport {TUI_TEXTFIELD_VALUE} from '@taiga-ui/core/tokens';\nimport {injectContext, PolymorpheusComponent} from '@taiga-ui/polymorpheus';\n\nimport {tuiTextareaOptionsProvider} from './textarea.options';\n\n@Component({\n template: '@if (limit()) { {{ length() }} / {{ limit() }} } ',\n styles: `\n :host {\n z-index: 1;\n inline-size: 100%;\n order: 2;\n text-align: end;\n pointer-events: none;\n padding-block-end: 0.75rem;\n font: var(--tui-typography-ui-2xs);\n color: var(--tui-text-secondary);\n }\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nclass TuiTextareaCounter {\n public readonly limit = signal(0);\n public readonly length = signal(0);\n}\n\n@Component({\n template: `\n <ng-container>{{ context.$implicit.slice(0, limit()) }}</ng-container>\n @if (limit() <= context.$implicit.length) {\n <span [textContent]=\"context.$implicit.slice(limit())\"></span>\n }\n `,\n styles: `\n span:last-child {\n background: linear-gradient(\n transparent 0.25rem,\n var(--tui-status-negative-pale) 0.25rem,\n var(--tui-status-negative-pale) 100%\n );\n }\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nclass TuiTextareaLimit {\n protected readonly limit = inject(TuiTextareaDirective).limit;\n protected readonly context = injectContext<TuiContext<string>>();\n}\n\nconst COMPONENT = new PolymorpheusComponent(TuiTextareaLimit);\n\n@Directive({\n selector: '[tuiTextarea][limit]',\n providers: [\n tuiProvide(NG_VALIDATORS, TuiTextareaDirective, true),\n tuiTextareaOptionsProvider({content: COMPONENT}),\n ],\n host: {'[style.border-block-end-width.rem]': 'size() === \"l\" ? 1.875 : 1.75'},\n})\n// TODO(v6): rename to TuiTextareaLimit\nexport class TuiTextareaDirective implements Validator, DoCheck {\n private readonly value = inject(TUI_TEXTFIELD_VALUE);\n private readonly ref = inject(ViewContainerRef).createComponent(TuiTextareaCounter);\n\n public readonly size = inject(TUI_TEXTFIELD_OPTIONS).size;\n public readonly limit = input(0);\n\n public ngDoCheck(): void {\n this.ref.instance.length.set(this.value().length);\n this.ref.instance.limit.set(this.limit());\n }\n\n public validate(control: AbstractControl): ValidationErrors | null {\n return Validators.maxLength(this.limit())(control);\n }\n}\n","import {TuiLabel} from '@taiga-ui/core/components/label';\nimport {\n TuiTextfieldComponent,\n TuiTextfieldOptionsDirective,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiDropdownContent} from '@taiga-ui/core/portals/dropdown';\n\nimport {TuiTextareaComponent} from './textarea.component';\nimport {TuiTextareaDirective} from './textarea.directive';\n\nexport const TuiTextarea = [\n TuiTextareaComponent,\n TuiTextareaDirective,\n TuiLabel,\n TuiTextfieldComponent,\n TuiTextfieldOptionsDirective,\n TuiDropdownContent,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"taiga-ui-kit-components-textarea.mjs","sources":["../../../projects/kit/components/textarea/textarea.options.ts","../../../projects/kit/components/textarea/textarea-content.component.ts","../../../projects/kit/components/textarea/textarea-content.template.html","../../../projects/kit/components/textarea/textarea.component.ts","../../../projects/kit/components/textarea/textarea.directive.ts","../../../projects/kit/components/textarea/textarea.ts","../../../projects/kit/components/textarea/taiga-ui-kit-components-textarea.ts"],"sourcesContent":["import {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\nexport interface TuiTextareaOptions {\n min: number;\n max: number;\n content: PolymorpheusContent<TuiContext<string>>;\n}\n\nexport const [TUI_TEXTAREA_OPTIONS, tuiTextareaOptionsProvider] =\n tuiCreateOptions<TuiTextareaOptions>({\n min: 1,\n max: 3,\n content: ({$implicit}) => $implicit,\n });\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n inject,\n ViewEncapsulation,\n} from '@angular/core';\nimport {WA_IS_MOBILE} from '@ng-web-apis/platform';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {\n TUI_SCROLL_REF,\n TuiScrollControls,\n TuiScrollRef,\n} from '@taiga-ui/core/components/scrollbar';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\nimport {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TuiTextareaComponent} from './textarea.component';\n\n@Component({\n selector: 'tui-textarea-content',\n imports: [PolymorpheusOutlet, TuiScrollControls],\n templateUrl: './textarea-content.template.html',\n styles: `\n [data-tui-version='${TUI_VERSION}'] {\n @import './textarea.style.less';\n }\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n viewProviders: [\n {\n provide: TUI_SCROLL_REF,\n useFactory: () => new ElementRef(inject(TuiTextareaComponent).el),\n },\n ],\n hostDirectives: [TuiScrollRef],\n host: {\n 'data-tui-version': TUI_VERSION,\n '[style.max-height.em]': '1.25 * host.max()',\n '[style.min-height.em]': '1.25 * host.min()',\n },\n})\nexport class TuiTextareaContent {\n protected readonly host = inject(TuiTextareaComponent);\n protected readonly textfield = inject(TuiTextfieldComponent);\n protected readonly isMobile = inject(WA_IS_MOBILE);\n}\n","@if (!isMobile) {\n <tui-scroll-controls\n class=\"t-scroll\"\n (click.prevent)=\"(0)\"\n />\n}\n<span\n #text\n aria-hidden=\"true\"\n class=\"t-ghost\"\n>\n <ng-container *polymorpheusOutlet=\"host.content() as text; context: {$implicit: textfield.value()}\">\n {{ text }}\n </ng-container>\n</span>\n","import {\n type ComponentRef,\n Directive,\n inject,\n INJECTOR,\n input,\n type OnInit,\n ViewContainerRef,\n} from '@angular/core';\nimport {WA_IS_MOBILE} from '@ng-web-apis/platform';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {TuiWithInput} from '@taiga-ui/core/components/input';\n\nimport {TUI_TEXTAREA_OPTIONS} from './textarea.options';\nimport {TuiTextareaContent} from './textarea-content.component';\n\n@Directive({\n selector: 'textarea[tuiTextarea]',\n hostDirectives: [TuiWithInput],\n host: {\n 'data-tui-version': TUI_VERSION,\n '[class._mobile]': 'isMobile',\n // To trigger CD for #text\n '(scroll.once)': 'onScroll()',\n '(scroll.zoneless)': 'onScroll()',\n },\n})\n// TODO(v6): rename to TuiTextareaDirective\nexport class TuiTextareaComponent implements OnInit {\n private readonly vcr = inject(ViewContainerRef);\n private readonly injector = inject(INJECTOR);\n private readonly options = inject(TUI_TEXTAREA_OPTIONS);\n private ref?: ComponentRef<TuiTextareaContent>;\n\n protected readonly isMobile = inject(WA_IS_MOBILE);\n\n public readonly min = input(this.options.min);\n public readonly max = input(this.options.max);\n public readonly content = input(this.options.content);\n public readonly el = tuiInjectElement<HTMLTextAreaElement>();\n\n public ngOnInit(): void {\n this.ref = this.vcr.createComponent(TuiTextareaContent, {\n injector: this.injector,\n });\n }\n\n protected onScroll(): void {\n requestAnimationFrame(() =>\n this.ref?.location.nativeElement.scrollTo({top: this.el.scrollTop}),\n );\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n Directive,\n type DoCheck,\n inject,\n input,\n signal,\n ViewContainerRef,\n} from '@angular/core';\nimport {\n type AbstractControl,\n NG_VALIDATORS,\n type ValidationErrors,\n type Validator,\n Validators,\n} from '@angular/forms';\nimport {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/di';\nimport {TUI_TEXTFIELD_OPTIONS} from '@taiga-ui/core/components/textfield';\nimport {TUI_TEXTFIELD_VALUE} from '@taiga-ui/core/tokens';\nimport {injectContext, PolymorpheusComponent} from '@taiga-ui/polymorpheus';\n\nimport {tuiTextareaOptionsProvider} from './textarea.options';\n\n@Component({\n template: '@if (limit()) { {{ length() }} / {{ limit() }} } ',\n styles: `\n :host {\n z-index: 1;\n inline-size: 100%;\n order: 2;\n text-align: end;\n pointer-events: none;\n padding-block-end: 0.75rem;\n font: var(--tui-typography-ui-2xs);\n color: var(--tui-text-secondary);\n }\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nclass TuiTextareaCounter {\n public readonly limit = signal(0);\n public readonly length = signal(0);\n}\n\n@Component({\n template: `\n <ng-container>{{ context.$implicit.slice(0, limit()) }}</ng-container>\n @if (limit() <= context.$implicit.length) {\n <span [textContent]=\"context.$implicit.slice(limit())\"></span>\n }\n `,\n styles: `\n span:last-child {\n background: linear-gradient(\n transparent 0.25rem,\n var(--tui-status-negative-pale) 0.25rem,\n var(--tui-status-negative-pale) 100%\n );\n }\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nclass TuiTextareaLimit {\n protected readonly limit = inject(TuiTextareaDirective).limit;\n protected readonly context = injectContext<TuiContext<string>>();\n}\n\nconst COMPONENT = new PolymorpheusComponent(TuiTextareaLimit);\n\n@Directive({\n selector: '[tuiTextarea][limit]',\n providers: [\n tuiProvide(NG_VALIDATORS, TuiTextareaDirective, true),\n tuiTextareaOptionsProvider({content: COMPONENT}),\n ],\n host: {'[style.border-block-end-width.rem]': 'size() === \"l\" ? 1.875 : 1.75'},\n})\n// TODO(v6): rename to TuiTextareaLimit\nexport class TuiTextareaDirective implements Validator, DoCheck {\n private readonly value = inject(TUI_TEXTFIELD_VALUE);\n private readonly ref = inject(ViewContainerRef).createComponent(TuiTextareaCounter);\n\n public readonly size = inject(TUI_TEXTFIELD_OPTIONS).size;\n public readonly limit = input(0);\n\n public ngDoCheck(): void {\n this.ref.instance.length.set(this.value().length);\n this.ref.instance.limit.set(this.limit());\n }\n\n public validate(control: AbstractControl): ValidationErrors | null {\n return Validators.maxLength(this.limit())(control);\n }\n}\n","import {TuiLabel} from '@taiga-ui/core/components/label';\nimport {\n TuiTextfieldComponent,\n TuiTextfieldOptionsDirective,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiDropdownContent} from '@taiga-ui/core/portals/dropdown';\n\nimport {TuiTextareaComponent} from './textarea.component';\nimport {TuiTextareaDirective} from './textarea.directive';\n\nexport const TuiTextarea = [\n TuiTextareaComponent,\n TuiTextareaDirective,\n TuiLabel,\n TuiTextfieldComponent,\n TuiTextfieldOptionsDirective,\n TuiDropdownContent,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
|
|
@@ -72,14 +72,14 @@ class TuiTilesComponent {
|
|
|
72
72
|
return this.handler(order, currentIndex, newIndex);
|
|
73
73
|
}
|
|
74
74
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTilesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
75
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TuiTilesComponent, isStandalone: true, selector: "tui-tiles", inputs: { debounce: { classPropertyName: "debounce", publicName: "debounce", isSignal: true, isRequired: false, transformFunction: null }, order: { classPropertyName: "order", publicName: "order", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { order: "orderChange" }, host: { attributes: { "data-tui-version": "5.
|
|
75
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: TuiTilesComponent, isStandalone: true, selector: "tui-tiles", inputs: { debounce: { classPropertyName: "debounce", publicName: "debounce", isSignal: true, isRequired: false, transformFunction: null }, order: { classPropertyName: "order", publicName: "order", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { order: "orderChange" }, host: { attributes: { "data-tui-version": "5.15.0" }, listeners: { "pointerleave.zoneless": "rearrange()" } }, providers: [
|
|
76
76
|
WaResizeObserverService,
|
|
77
77
|
WaMutationObserverService,
|
|
78
78
|
{
|
|
79
79
|
provide: WA_MUTATION_OBSERVER_INIT,
|
|
80
80
|
useValue: { childList: true },
|
|
81
81
|
},
|
|
82
|
-
], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["tui-tiles:where(*[data-tui-version=\"5.
|
|
82
|
+
], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["tui-tiles:where(*[data-tui-version=\"5.15.0\"]){position:relative;z-index:0;display:grid;grid-auto-flow:dense;justify-items:stretch}tui-tiles:where(*[data-tui-version=\"5.15.0\"])._dragged tui-tile>.t-wrapper{pointer-events:none}tui-tiles:where(*[data-tui-version=\"5.15.0\"])._dragged tui-tile:not(._dragged)>.t-wrapper,tui-tiles:where(*[data-tui-version=\"5.15.0\"]):not(._dragged) tui-tile._dragged>.t-wrapper{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);transition-delay:1ms}tui-tile:where(*[data-tui-version=\"5.15.0\"])>.t-wrapper{position:absolute;z-index:0;border-radius:inherit}tui-tile:where(*[data-tui-version=\"5.15.0\"])._dragged>.t-wrapper,tui-tile:where(*[data-tui-version=\"5.15.0\"]):has(tui-tile:where(*[data-tui-version=\"5.15.0\"])._dragged)>.t-wrapper{z-index:1}tui-tile:where(*[data-tui-version=\"5.15.0\"]) [tuiTileHandle]{touch-action:none;-webkit-user-select:none;user-select:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
83
83
|
}
|
|
84
84
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTilesComponent, decorators: [{
|
|
85
85
|
type: Component,
|
|
@@ -90,7 +90,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
90
90
|
provide: WA_MUTATION_OBSERVER_INIT,
|
|
91
91
|
useValue: { childList: true },
|
|
92
92
|
},
|
|
93
|
-
], host: { 'data-tui-version': TUI_VERSION, '(pointerleave.zoneless)': 'rearrange()' }, styles: ["tui-tiles:where(*[data-tui-version=\"5.
|
|
93
|
+
], host: { 'data-tui-version': TUI_VERSION, '(pointerleave.zoneless)': 'rearrange()' }, styles: ["tui-tiles:where(*[data-tui-version=\"5.15.0\"]){position:relative;z-index:0;display:grid;grid-auto-flow:dense;justify-items:stretch}tui-tiles:where(*[data-tui-version=\"5.15.0\"])._dragged tui-tile>.t-wrapper{pointer-events:none}tui-tiles:where(*[data-tui-version=\"5.15.0\"])._dragged tui-tile:not(._dragged)>.t-wrapper,tui-tiles:where(*[data-tui-version=\"5.15.0\"]):not(._dragged) tui-tile._dragged>.t-wrapper{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);transition-delay:1ms}tui-tile:where(*[data-tui-version=\"5.15.0\"])>.t-wrapper{position:absolute;z-index:0;border-radius:inherit}tui-tile:where(*[data-tui-version=\"5.15.0\"])._dragged>.t-wrapper,tui-tile:where(*[data-tui-version=\"5.15.0\"]):has(tui-tile:where(*[data-tui-version=\"5.15.0\"])._dragged)>.t-wrapper{z-index:1}tui-tile:where(*[data-tui-version=\"5.15.0\"]) [tuiTileHandle]{touch-action:none;-webkit-user-select:none;user-select:none}\n"] }]
|
|
94
94
|
}] });
|
|
95
95
|
|
|
96
96
|
class TuiTileService {
|
|
@@ -206,7 +206,7 @@ class TuiTile {
|
|
|
206
206
|
}
|
|
207
207
|
}
|
|
208
208
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTile, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
209
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: TuiTile, isStandalone: true, selector: "tui-tile", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.
|
|
209
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.25", type: TuiTile, isStandalone: true, selector: "tui-tile", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.15.0" }, listeners: { "pointerenter": "tiles.rearrange(element)" }, properties: { "class._dragged": "dragged()", "style.grid-column": "`span var(--tui-width, ${width()})`", "style.grid-row": "`span var(--tui-height, ${height()})`" } }, providers: [TuiTileService], viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div\n #wrapper\n class=\"t-wrapper\"\n (transitionend.self)=\"dragged.set(false)\"\n>\n <ng-content />\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
210
210
|
}
|
|
211
211
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiTile, decorators: [{
|
|
212
212
|
type: Component,
|
|
@@ -30,11 +30,11 @@ import { of, switchMap, EMPTY, timer, takeUntil, fromEvent, repeat } from 'rxjs'
|
|
|
30
30
|
|
|
31
31
|
class Styles {
|
|
32
32
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-toast-5.
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-toast-5.15.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiToast]:where(*[data-tui-version=\"5.15.0\"]){transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);display:grid;grid-auto-flow:column;grid-row:1 / span 2;grid-template-rows:1fr auto;box-sizing:border-box;gap:0 .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:max-content;font:var(--tui-typography-ui-s);max-inline-size:min(calc(100vw - 2rem),25rem);border:inherit;text-decoration:none;white-space:pre-line;text-align:start;overflow:hidden}[tuiToast]:where(*[data-tui-version=\"5.15.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]:where(*[data-tui-version=\"5.15.0\"])>*:not(tui-shrink-wrap){max-inline-size:50%;margin:0 -.25rem}[tuiToast]:where(*[data-tui-version=\"5.15.0\"])>*{grid-row:1}[tuiToast]:where(*[data-tui-version=\"5.15.0\"])>[tuiButtonX],[tuiToast]:where(*[data-tui-version=\"5.15.0\"])>[tuiIconButton],[tuiToast]:where(*[data-tui-version=\"5.15.0\"])>:first-child:not(tui-shrink-wrap,[tuiButton]){grid-row:span 2}[tuiToast]:where(*[data-tui-version=\"5.15.0\"])>tui-icon:not([tuiBadge]),[tuiToast]:where(*[data-tui-version=\"5.15.0\"]):after,[tuiToast]:where(*[data-tui-version=\"5.15.0\"]):before{min-inline-size:1em;margin:0 -.25rem;grid-row:span 2}[tuiToast]:where(*[data-tui-version=\"5.15.0\"]):after{font-size:1rem;color:var(--tui-text-tertiary)}[tuiToast]:where(*[data-tui-version=\"5.15.0\"])>[tuiAvatar]{margin-inline-end:0}[tuiToast]:where(*[data-tui-version=\"5.15.0\"])>tui-loader,[tuiToast]:where(*[data-tui-version=\"5.15.0\"])>[tuiButton]{inline-size:fit-content;min-inline-size:fit-content}[tuiToast]:where(*[data-tui-version=\"5.15.0\"])._rearranged>[tuiButton]{grid-row:2;margin:.75rem 0 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
34
34
|
}
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: Styles, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
|
-
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-toast-${TUI_VERSION}`, styles: ["[tuiToast]:where(*[data-tui-version=\"5.
|
|
37
|
+
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-toast-${TUI_VERSION}`, styles: ["[tuiToast]:where(*[data-tui-version=\"5.15.0\"]){transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);display:grid;grid-auto-flow:column;grid-row:1 / span 2;grid-template-rows:1fr auto;box-sizing:border-box;gap:0 .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:max-content;font:var(--tui-typography-ui-s);max-inline-size:min(calc(100vw - 2rem),25rem);border:inherit;text-decoration:none;white-space:pre-line;text-align:start;overflow:hidden}[tuiToast]:where(*[data-tui-version=\"5.15.0\"]):is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]:where(*[data-tui-version=\"5.15.0\"])>*:not(tui-shrink-wrap){max-inline-size:50%;margin:0 -.25rem}[tuiToast]:where(*[data-tui-version=\"5.15.0\"])>*{grid-row:1}[tuiToast]:where(*[data-tui-version=\"5.15.0\"])>[tuiButtonX],[tuiToast]:where(*[data-tui-version=\"5.15.0\"])>[tuiIconButton],[tuiToast]:where(*[data-tui-version=\"5.15.0\"])>:first-child:not(tui-shrink-wrap,[tuiButton]){grid-row:span 2}[tuiToast]:where(*[data-tui-version=\"5.15.0\"])>tui-icon:not([tuiBadge]),[tuiToast]:where(*[data-tui-version=\"5.15.0\"]):after,[tuiToast]:where(*[data-tui-version=\"5.15.0\"]):before{min-inline-size:1em;margin:0 -.25rem;grid-row:span 2}[tuiToast]:where(*[data-tui-version=\"5.15.0\"]):after{font-size:1rem;color:var(--tui-text-tertiary)}[tuiToast]:where(*[data-tui-version=\"5.15.0\"])>[tuiAvatar]{margin-inline-end:0}[tuiToast]:where(*[data-tui-version=\"5.15.0\"])>tui-loader,[tuiToast]:where(*[data-tui-version=\"5.15.0\"])>[tuiButton]{inline-size:fit-content;min-inline-size:fit-content}[tuiToast]:where(*[data-tui-version=\"5.15.0\"])._rearranged>[tuiButton]{grid-row:2;margin:.75rem 0 0}\n"] }]
|
|
38
38
|
}] });
|
|
39
39
|
class TuiToastDirective {
|
|
40
40
|
constructor() {
|