@taiga-ui/core 5.0.0-canary.b049509 → 5.0.0-canary.d110bd1
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/fesm2022/taiga-ui-core-classes.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-button.mjs +6 -6
- package/fesm2022/taiga-ui-core-components-calendar.mjs +18 -18
- package/fesm2022/taiga-ui-core-components-cell.mjs +6 -6
- package/fesm2022/taiga-ui-core-components-data-list.mjs +15 -15
- package/fesm2022/taiga-ui-core-components-error.mjs +9 -9
- package/fesm2022/taiga-ui-core-components-expand.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-icon.mjs +6 -6
- package/fesm2022/taiga-ui-core-components-input.mjs +6 -6
- package/fesm2022/taiga-ui-core-components-label.mjs +6 -6
- package/fesm2022/taiga-ui-core-components-link.mjs +6 -6
- package/fesm2022/taiga-ui-core-components-loader.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-notification.mjs +15 -15
- package/fesm2022/taiga-ui-core-components-root.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-scrollbar.mjs +21 -21
- package/fesm2022/taiga-ui-core-components-spin-button.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-textfield.mjs +21 -21
- package/fesm2022/taiga-ui-core-components-title.mjs +6 -6
- package/fesm2022/taiga-ui-core-directives-appearance.mjs +10 -10
- package/fesm2022/taiga-ui-core-directives-appearance.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-button-x.mjs +3 -3
- package/fesm2022/taiga-ui-core-directives-date-format.mjs +3 -3
- package/fesm2022/taiga-ui-core-directives-group.mjs +6 -6
- package/fesm2022/taiga-ui-core-directives-icons.mjs +9 -9
- package/fesm2022/taiga-ui-core-directives-items-handlers.mjs +9 -9
- package/fesm2022/taiga-ui-core-directives-number-format.mjs +3 -3
- package/fesm2022/taiga-ui-core-pipes-format-number.mjs +3 -3
- package/fesm2022/taiga-ui-core-portals-alert.mjs +9 -9
- package/fesm2022/taiga-ui-core-portals-dialog.mjs +12 -12
- package/fesm2022/taiga-ui-core-portals-dropdown.mjs +51 -51
- package/fesm2022/taiga-ui-core-portals-hint.mjs +36 -36
- package/fesm2022/taiga-ui-core-portals-modal.mjs +6 -6
- package/fesm2022/taiga-ui-core-portals-popup.mjs +9 -9
- package/fesm2022/taiga-ui-core-services.mjs +6 -6
- package/package.json +6 -6
- package/styles/components/appearance.less +1 -0
- package/styles/mixins/slider.less +12 -15
- package/styles/mixins/slider.scss +12 -17
- package/styles/theme/appearance/action.less +0 -14
- package/styles/theme/appearance/floating.less +5 -0
|
@@ -37,10 +37,10 @@ class TuiHintDriver extends TuiDriverDirective {
|
|
|
37
37
|
super(...arguments);
|
|
38
38
|
this.type = 'hint';
|
|
39
39
|
}
|
|
40
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
41
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
40
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintDriver, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
41
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TuiHintDriver, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
|
|
42
42
|
}
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintDriver, decorators: [{
|
|
44
44
|
type: Directive
|
|
45
45
|
}] });
|
|
46
46
|
|
|
@@ -116,10 +116,10 @@ class TuiHintHover extends TuiDriver {
|
|
|
116
116
|
close() {
|
|
117
117
|
this.toggle$.next(false);
|
|
118
118
|
}
|
|
119
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
120
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.
|
|
119
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintHover, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
120
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiHintHover, isStandalone: true, inputs: { showDelay: { classPropertyName: "showDelay", publicName: "tuiHintShowDelay", isSignal: true, isRequired: false, transformFunction: null }, hideDelay: { classPropertyName: "hideDelay", publicName: "tuiHintHideDelay", isSignal: true, isRequired: false, transformFunction: null } }, providers: [tuiAsDriver(TuiHintHover), TuiHoveredService], exportAs: ["tuiHintHover"], usesInheritance: true, ngImport: i0 }); }
|
|
121
121
|
}
|
|
122
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
122
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintHover, decorators: [{
|
|
123
123
|
type: Directive,
|
|
124
124
|
args: [{
|
|
125
125
|
providers: [tuiAsDriver(TuiHintHover), TuiHoveredService],
|
|
@@ -200,10 +200,10 @@ class TuiHintPosition extends TuiPositionAccessor {
|
|
|
200
200
|
top + height < viewport.bottom - GAP$1 &&
|
|
201
201
|
left + width < viewport.right - GAP$1);
|
|
202
202
|
}
|
|
203
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
204
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.
|
|
203
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintPosition, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
204
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiHintPosition, isStandalone: true, inputs: { direction: { classPropertyName: "direction", publicName: "tuiHintDirection", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "tuiHintOffset", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tuiHintDirectionChange: "tuiHintDirectionChange" }, usesInheritance: true, ngImport: i0 }); }
|
|
205
205
|
}
|
|
206
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
206
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintPosition, decorators: [{
|
|
207
207
|
type: Directive
|
|
208
208
|
}] });
|
|
209
209
|
function adjust(direction, rtl) {
|
|
@@ -251,8 +251,8 @@ class TuiHintDirective {
|
|
|
251
251
|
this.visible.emit(false);
|
|
252
252
|
}
|
|
253
253
|
}
|
|
254
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
255
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.
|
|
254
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
255
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiHintDirective, isStandalone: true, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: { content: { classPropertyName: "content", publicName: "tuiHint", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "tuiHintContext", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "tuiHintAppearance", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "tuiHintVisible" }, providers: [
|
|
256
256
|
tuiAsVehicle(TuiHintDirective),
|
|
257
257
|
{
|
|
258
258
|
provide: PolymorpheusComponent,
|
|
@@ -261,7 +261,7 @@ class TuiHintDirective {
|
|
|
261
261
|
},
|
|
262
262
|
], usesOnChanges: true, hostDirectives: [{ directive: TuiHintDriver }, { directive: TuiHintHover, inputs: ["tuiHintHideDelay", "tuiHintHideDelay", "tuiHintShowDelay", "tuiHintShowDelay"] }, { directive: TuiHintPosition, inputs: ["tuiHintDirection", "tuiHintDirection", "tuiHintOffset", "tuiHintOffset"], outputs: ["tuiHintDirectionChange", "tuiHintDirectionChange"] }], ngImport: i0 }); }
|
|
263
263
|
}
|
|
264
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
264
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintDirective, decorators: [{
|
|
265
265
|
type: Directive,
|
|
266
266
|
args: [{
|
|
267
267
|
selector: '[tuiHint]:not(ng-container):not(ng-template)',
|
|
@@ -299,10 +299,10 @@ class TuiHintPointer extends TuiHintHover {
|
|
|
299
299
|
onMove({ clientX, clientY }) {
|
|
300
300
|
this.currentRect = tuiPointToClientRect(clientX, clientY);
|
|
301
301
|
}
|
|
302
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
303
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
302
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintPointer, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
303
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TuiHintPointer, isStandalone: true, selector: "[tuiHint][tuiHintPointer]", host: { listeners: { "mousemove.zoneless": "onMove($event)" } }, providers: [tuiAsRectAccessor(TuiHintPointer), tuiAsDriver(TuiHintPointer)], usesInheritance: true, ngImport: i0 }); }
|
|
304
304
|
}
|
|
305
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
305
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintPointer, decorators: [{
|
|
306
306
|
type: Directive,
|
|
307
307
|
args: [{
|
|
308
308
|
selector: '[tuiHint][tuiHintPointer]',
|
|
@@ -317,10 +317,10 @@ class TuiHintUnstyledComponent {
|
|
|
317
317
|
constructor() {
|
|
318
318
|
this.hint = inject(TuiHintDirective);
|
|
319
319
|
}
|
|
320
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
321
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
320
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintUnstyledComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
321
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TuiHintUnstyledComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '<ng-container *polymorpheusOutlet="hint.content()" />', isInline: true, dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
322
322
|
}
|
|
323
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
323
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintUnstyledComponent, decorators: [{
|
|
324
324
|
type: Component,
|
|
325
325
|
args: [{
|
|
326
326
|
imports: [PolymorpheusOutlet],
|
|
@@ -334,10 +334,10 @@ class TuiHintUnstyled {
|
|
|
334
334
|
tuiSetSignal(hint.content, inject((TemplateRef)));
|
|
335
335
|
hint.component = new PolymorpheusComponent(TuiHintUnstyledComponent, inject(INJECTOR));
|
|
336
336
|
}
|
|
337
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
338
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.
|
|
337
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintUnstyled, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
338
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TuiHintUnstyled, isStandalone: true, selector: "ng-template[tuiHint]", ngImport: i0 }); }
|
|
339
339
|
}
|
|
340
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
340
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintUnstyled, decorators: [{
|
|
341
341
|
type: Directive,
|
|
342
342
|
args: [{
|
|
343
343
|
selector: 'ng-template[tuiHint]',
|
|
@@ -405,8 +405,8 @@ class TuiHintComponent {
|
|
|
405
405
|
]);
|
|
406
406
|
this.apply(tuiPx(Math.round(top)), tuiPx(Math.round(safeLeft)), Math.round((tuiClamp(beakTop, 0, clientHeight) / clientHeight) * 100), Math.round((tuiClamp(beakLeft, 0, clientWidth) / clientWidth) * 100));
|
|
407
407
|
}
|
|
408
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
409
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
408
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
409
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TuiHintComponent, isStandalone: true, selector: "tui-hint", host: { attributes: { "role": "tooltip" }, listeners: { "document:click": "onClick($event.target)" }, properties: { "class._untouchable": "pointer", "class._mobile": "isMobile", "attr.tuiTheme": "theme" } }, providers: [TUI_HINT_PROVIDERS, tuiButtonOptionsProvider({ size: 's' })], hostDirectives: [{ directive: i1.TuiAppearance }, { directive: i2.TuiAnimated }, { directive: i3.TuiActiveZone }], ngImport: i0, template: `
|
|
410
410
|
<ng-content />
|
|
411
411
|
<span
|
|
412
412
|
*polymorpheusOutlet="content() as text; context: hint.context()"
|
|
@@ -414,7 +414,7 @@ class TuiHintComponent {
|
|
|
414
414
|
></span>
|
|
415
415
|
`, isInline: true, styles: [":host{position:absolute;max-inline-size:min(20rem,calc(100% - 1rem));padding:.75rem 1rem;background:var(--tui-background-accent-1);border-radius:var(--tui-radius-l);color:var(--tui-text-primary-on-accent-1);box-sizing:border-box;font:var(--tui-font-body-s);white-space:pre-line;overflow-wrap:break-word;transform-origin:var(--t-left) var(--t-top);--tui-background-elevation-2: var(--tui-background-elevation-3)}:host.tui-enter,:host.tui-leave{animation-name:tuiFade}:host :host-context(tui-root._mobile).tui-enter{animation:tuiFade var(--tui-duration) ease-in-out,tuiScale var(--tui-duration) cubic-bezier(.34,1.56,.64,1)}:host :host-context(tui-root._mobile).tui-leave{animation:tuiFade var(--tui-duration) ease-in-out reverse,tuiScale var(--tui-duration) ease-in-out reverse}:host:before{content:\"\";position:absolute;top:var(--t-top);left:var(--t-left);inline-size:.75rem;block-size:.5rem;background:inherit;-webkit-mask-image:url('data:image/svg+xml,<svg viewBox=\"0 0 12 8\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.61336 1.69607L2.44882 2.96493C1.84795 3.61964 0.949361 3.99951 0.00053941 4C0.000359608 4 0.000179805 4 0 4C0.000179863 4 0.000359764 4 0.000539623 4C0.949362 4.00049 1.84795 4.38036 2.44882 5.03506L3.61336 6.30394C4.55981 7.33517 5.03303 7.85079 5.63254 7.96535C5.87433 8.01155 6.12436 8.01155 6.36616 7.96535C6.96567 7.85079 7.43889 7.33517 8.38534 6.30393L9.54988 5.03507C10.1511 4.37994 11.0505 4 12 4C11.0505 4 10.1511 3.62006 9.54988 2.96493L8.38534 1.69606C7.43889 0.664826 6.96567 0.149207 6.36616 0.0346517C6.12436 -0.0115506 5.87433 -0.0115506 5.63254 0.0346517C5.03303 0.149207 4.55981 0.664827 3.61336 1.69607Z\" /></svg>');mask-image:url('data:image/svg+xml,<svg viewBox=\"0 0 12 8\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.61336 1.69607L2.44882 2.96493C1.84795 3.61964 0.949361 3.99951 0.00053941 4C0.000359608 4 0.000179805 4 0 4C0.000179863 4 0.000359764 4 0.000539623 4C0.949362 4.00049 1.84795 4.38036 2.44882 5.03506L3.61336 6.30394C4.55981 7.33517 5.03303 7.85079 5.63254 7.96535C5.87433 8.01155 6.12436 8.01155 6.36616 7.96535C6.96567 7.85079 7.43889 7.33517 8.38534 6.30393L9.54988 5.03507C10.1511 4.37994 11.0505 4 12 4C11.0505 4 10.1511 3.62006 9.54988 2.96493L8.38534 1.69606C7.43889 0.664826 6.96567 0.149207 6.36616 0.0346517C6.12436 -0.0115506 5.87433 -0.0115506 5.63254 0.0346517C5.03303 0.149207 4.55981 0.664827 3.61336 1.69607Z\" /></svg>');transition:none;transform:translate(-50%,-50%) rotate(var(--t-rotate))}:host._mobile{font:var(--tui-font-body-m)}:host._mobile:before{inline-size:1.5rem;block-size:1.125rem;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 18\"><path d=\"M7.22854 3.81615L4.89971 6.6711C3.69732 8.14514 1.8988 9 0 9C1.8988 9 3.69732 9.85486 4.89971 11.3289L7.22854 14.1839L7.22854 14.1839C9.12123 16.5041 10.0676 17.6643 11.2665 17.922C11.75 18.026 12.25 18.026 12.7335 17.922C13.9324 17.6643 14.8788 16.5041 16.7715 14.1839L19.1003 11.3289C20.3027 9.85486 22.1012 9 24 9C22.1012 9 20.3027 8.14514 19.1003 6.6711L16.7715 3.81614C14.8788 1.49586 13.9324 0.335716 12.7335 0.0779663C12.25 -0.0259888 11.75 -0.0259888 11.2665 0.0779663C10.0676 0.335716 9.12123 1.49586 7.22854 3.81614L7.22854 3.81615Z\" /></svg>');mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 18\"><path d=\"M7.22854 3.81615L4.89971 6.6711C3.69732 8.14514 1.8988 9 0 9C1.8988 9 3.69732 9.85486 4.89971 11.3289L7.22854 14.1839L7.22854 14.1839C9.12123 16.5041 10.0676 17.6643 11.2665 17.922C11.75 18.026 12.25 18.026 12.7335 17.922C13.9324 17.6643 14.8788 16.5041 16.7715 14.1839L19.1003 11.3289C20.3027 9.85486 22.1012 9 24 9C22.1012 9 20.3027 8.14514 19.1003 6.6711L16.7715 3.81614C14.8788 1.49586 13.9324 0.335716 12.7335 0.0779663C12.25 -0.0259888 11.75 -0.0259888 11.2665 0.0779663C10.0676 0.335716 9.12123 1.49586 7.22854 3.81614L7.22854 3.81615Z\" /></svg>')}:host:not([style*=top]){visibility:hidden}:host._untouchable{pointer-events:none}:host ::ng-deep [tuiTitle]{margin-block-end:.75rem}:host ::ng-deep [tuiTitle]+footer{margin-block-start:.75rem}:host ::ng-deep [tuiIconButton][data-appearance=icon][data-size=xs]{float:inline-end;margin-inline-end:-.25rem}:host ::ng-deep img{display:block;border-radius:var(--tui-radius-m)}:host ::ng-deep footer{display:flex;justify-content:flex-end;gap:.5rem;inline-size:18rem;max-inline-size:100%;margin:1rem 0 .25rem}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
416
416
|
}
|
|
417
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
417
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintComponent, decorators: [{
|
|
418
418
|
type: Component,
|
|
419
419
|
args: [{ selector: 'tui-hint', imports: [PolymorpheusOutlet], template: `
|
|
420
420
|
<ng-content />
|
|
@@ -446,10 +446,10 @@ class TuiHintDescribe extends TuiDriver {
|
|
|
446
446
|
get focused() {
|
|
447
447
|
return tuiIsFocused(this.element());
|
|
448
448
|
}
|
|
449
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
450
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.
|
|
449
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintDescribe, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
450
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiHintDescribe, isStandalone: true, selector: "[tuiHintDescribe]", inputs: { id: { classPropertyName: "id", publicName: "tuiHintDescribe", isSignal: true, isRequired: false, transformFunction: null } }, providers: [tuiAsDriver(TuiHintDescribe)], usesInheritance: true, ngImport: i0 }); }
|
|
451
451
|
}
|
|
452
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
452
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintDescribe, decorators: [{
|
|
453
453
|
type: Directive,
|
|
454
454
|
args: [{
|
|
455
455
|
selector: '[tuiHintDescribe]',
|
|
@@ -466,10 +466,10 @@ class TuiHintHost extends TuiRectAccessor {
|
|
|
466
466
|
getClientRect() {
|
|
467
467
|
return this.tuiHintHost()?.getBoundingClientRect() || EMPTY_CLIENT_RECT;
|
|
468
468
|
}
|
|
469
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
470
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.
|
|
469
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintHost, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
470
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiHintHost, isStandalone: true, selector: "[tuiHint][tuiHintHost]", inputs: { tuiHintHost: { classPropertyName: "tuiHintHost", publicName: "tuiHintHost", isSignal: true, isRequired: false, transformFunction: null } }, providers: [tuiAsRectAccessor(TuiHintHost)], usesInheritance: true, ngImport: i0 }); }
|
|
471
471
|
}
|
|
472
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
472
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintHost, decorators: [{
|
|
473
473
|
type: Directive,
|
|
474
474
|
args: [{
|
|
475
475
|
selector: '[tuiHint][tuiHintHost]',
|
|
@@ -490,10 +490,10 @@ class TuiHintManual extends TuiDriver {
|
|
|
490
490
|
this.stream$.next(!!this.visible());
|
|
491
491
|
this.hover.enabled = this.visible() === null;
|
|
492
492
|
}
|
|
493
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
494
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.
|
|
493
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintManual, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
494
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiHintManual, isStandalone: true, selector: "[tuiHint][tuiHintManual]", inputs: { visible: { classPropertyName: "visible", publicName: "tuiHintManual", isSignal: true, isRequired: false, transformFunction: null } }, providers: [tuiAsDriver(TuiHintManual)], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
|
|
495
495
|
}
|
|
496
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
496
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintManual, decorators: [{
|
|
497
497
|
type: Directive,
|
|
498
498
|
args: [{
|
|
499
499
|
selector: '[tuiHint][tuiHintManual]',
|
|
@@ -511,10 +511,10 @@ class TuiHintOverflow {
|
|
|
511
511
|
? this.content() || textContent
|
|
512
512
|
: '');
|
|
513
513
|
}
|
|
514
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
515
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.
|
|
514
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintOverflow, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
515
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiHintOverflow, isStandalone: true, selector: "[tuiHintOverflow]", inputs: { content: { classPropertyName: "content", publicName: "tuiHintOverflow", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "onMouseEnter($event.currentTarget)" } }, hostDirectives: [{ directive: TuiHintDirective, inputs: ["tuiHintAppearance", "tuiHintAppearance"] }], ngImport: i0 }); }
|
|
516
516
|
}
|
|
517
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
517
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiHintOverflow, decorators: [{
|
|
518
518
|
type: Directive,
|
|
519
519
|
args: [{
|
|
520
520
|
selector: '[tuiHintOverflow]',
|
|
@@ -26,13 +26,13 @@ class TuiModalComponent {
|
|
|
26
26
|
ngOnDestroy() {
|
|
27
27
|
this.current.tuiActiveZoneParentSetter = null;
|
|
28
28
|
}
|
|
29
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
30
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
29
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TuiModalComponent, isStandalone: true, selector: "tui-modal", host: { attributes: { "role": "dialog", "aria-modal": "true" }, listeners: { "animationend.self": "$event.target.classList.remove(\"tui-enter\")" }, properties: { "attr.aria-labelledby": "context.id" }, classAttribute: "tui-enter" }, hostDirectives: [{ directive: i1.TuiActiveZone }, { directive: i2.TuiFocusTrap }, { directive: i3.TuiScrollRef }], ngImport: i0, template: `
|
|
31
31
|
<ng-container *polymorpheusOutlet="component(); context: context" />
|
|
32
32
|
<tui-scroll-controls class="t-scrollbars" />
|
|
33
33
|
`, isInline: true, styles: ["@keyframes tuiModalBackdrop{0%{-webkit-backdrop-filter:none;backdrop-filter:none}to{-webkit-backdrop-filter:brightness(.25);backdrop-filter:brightness(.25)}}tui-modal{transition-property:backdrop-filter;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;scrollbar-width:none;-ms-overflow-style:none;position:fixed;display:grid;inset:0;grid-template-rows:0;place-items:center;outline:none;overflow:auto;overscroll-behavior:none contain;transition-timing-function:linear;animation-timing-function:cubic-bezier(.14,.52,.35,.84)!important;perspective:10rem;transform:translateY(var(--t-root-top))}tui-modal::-webkit-scrollbar,tui-modal::-webkit-scrollbar-thumb{display:none}@supports not (selector(:has(*))) or not (selector(:nth-child(1 of *))){tui-modal:last-of-type:not(.tui-leave){-webkit-backdrop-filter:brightness(.25);backdrop-filter:brightness(.25)}tui-modal:last-of-type.tui-enter,tui-modal:last-of-type.tui-leave{animation-name:tuiModalBackdrop}}@supports (selector(:has(*))) and (selector(:nth-child(1 of *))){tui-modal:nth-last-child(1 of tui-modal:not(.tui-leave):not(:has(.tui-backdrop-hidden))){-webkit-backdrop-filter:brightness(.25);backdrop-filter:brightness(.25)}tui-modal:nth-last-child(1 of tui-modal:not(:has(.tui-backdrop-hidden))):is(.tui-enter,.tui-leave){animation-name:tuiModalBackdrop}}tui-modal:before{content:\"\";block-size:1px;inline-size:calc(100% + 1px)}tui-modal>.t-scrollbars{position:fixed;inset:0;margin:0;color:#747474}tui-modal>.t-scrollbars .t-bar_horizontal,tui-modal>.t-scrollbars .t-bar_vertical .t-thumb[style*=\"height: 100%\"]{display:none}tui-modal>.tui-enter+.t-scrollbars .t-bar_vertical,tui-modal>.tui-leave+.t-scrollbars .t-bar_vertical{display:none}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: TuiScrollControls, selector: "tui-scroll-controls" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
34
34
|
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiModalComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
37
|
args: [{ selector: 'tui-modal', imports: [PolymorpheusOutlet, TuiScrollControls], template: `
|
|
38
38
|
<ng-container *polymorpheusOutlet="component(); context: context" />
|
|
@@ -71,10 +71,10 @@ class TuiModalService extends TuiPortal {
|
|
|
71
71
|
.then(() => ref.destroy());
|
|
72
72
|
};
|
|
73
73
|
}
|
|
74
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
75
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
74
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
75
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiModalService }); }
|
|
76
76
|
}
|
|
77
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
77
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiModalService, decorators: [{
|
|
78
78
|
type: Injectable
|
|
79
79
|
}], ctorParameters: () => [] });
|
|
80
80
|
function getAnimations(el) {
|
|
@@ -4,10 +4,10 @@ import { TuiPortalService, TuiPortals } from '@taiga-ui/cdk/portals';
|
|
|
4
4
|
import { tuiProvide } from '@taiga-ui/cdk/utils/di';
|
|
5
5
|
|
|
6
6
|
class TuiPopupService extends TuiPortalService {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
8
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiPopupService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
8
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiPopupService, providedIn: 'root' }); }
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiPopupService, decorators: [{
|
|
11
11
|
type: Injectable,
|
|
12
12
|
args: [{
|
|
13
13
|
providedIn: 'root',
|
|
@@ -29,10 +29,10 @@ class TuiPopup {
|
|
|
29
29
|
ngOnDestroy() {
|
|
30
30
|
this.ref?.destroy();
|
|
31
31
|
}
|
|
32
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
33
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.
|
|
32
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiPopup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
33
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiPopup, isStandalone: true, selector: "ng-template[tuiPopup]", inputs: { show: { classPropertyName: "show", publicName: "tuiPopup", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0 }); }
|
|
34
34
|
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiPopup, decorators: [{
|
|
36
36
|
type: Directive,
|
|
37
37
|
args: [{
|
|
38
38
|
selector: 'ng-template[tuiPopup]',
|
|
@@ -40,10 +40,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
40
40
|
}] });
|
|
41
41
|
|
|
42
42
|
class TuiPopups extends TuiPortals {
|
|
43
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
44
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.
|
|
43
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiPopups, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TuiPopups, isStandalone: true, selector: "tui-popups", providers: [tuiProvide(TuiPortalService, TuiPopupService)], usesInheritance: true, ngImport: i0, template: '<ng-content/><ng-container #vcr />', isInline: true, styles: [":host{position:fixed;top:0;left:0;inline-size:100%;block-size:100%;display:grid;grid-template-rows:repeat(9,min-content) 1fr;pointer-events:none;overflow:hidden;overflow-wrap:break-word;box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-left) env(safe-area-inset-bottom) env(safe-area-inset-right)}:host ::ng-deep>*{pointer-events:auto}:host:after{content:\"\";grid-row:10}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
45
45
|
}
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiPopups, decorators: [{
|
|
47
47
|
type: Component,
|
|
48
48
|
args: [{ selector: 'tui-popups', template: '<ng-content/><ng-container #vcr />', changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiProvide(TuiPortalService, TuiPopupService)], styles: [":host{position:fixed;top:0;left:0;inline-size:100%;block-size:100%;display:grid;grid-template-rows:repeat(9,min-content) 1fr;pointer-events:none;overflow:hidden;overflow-wrap:break-word;box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-left) env(safe-area-inset-bottom) env(safe-area-inset-right)}:host ::ng-deep>*{pointer-events:auto}:host:after{content:\"\";grid-row:10}\n"] }]
|
|
49
49
|
}] });
|
|
@@ -18,10 +18,10 @@ class TuiPositionService extends Observable {
|
|
|
18
18
|
this.el = tuiInjectElement();
|
|
19
19
|
this.accessor = inject(TuiPositionAccessor);
|
|
20
20
|
}
|
|
21
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
22
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiPositionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
22
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiPositionService }); }
|
|
23
23
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiPositionService, decorators: [{
|
|
25
25
|
type: Injectable
|
|
26
26
|
}], ctorParameters: () => [] });
|
|
27
27
|
|
|
@@ -39,10 +39,10 @@ class TuiVisualViewportService {
|
|
|
39
39
|
]
|
|
40
40
|
: point;
|
|
41
41
|
}
|
|
42
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.
|
|
43
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.
|
|
42
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiVisualViewportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
43
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiVisualViewportService, providedIn: 'root' }); }
|
|
44
44
|
}
|
|
45
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiVisualViewportService, decorators: [{
|
|
46
46
|
type: Injectable,
|
|
47
47
|
args: [{
|
|
48
48
|
providedIn: 'root',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@taiga-ui/core",
|
|
3
|
-
"version": "5.0.0-canary.
|
|
3
|
+
"version": "5.0.0-canary.d110bd1",
|
|
4
4
|
"description": "Core library for creating Angular components and applications using Taiga UI",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -205,12 +205,12 @@
|
|
|
205
205
|
"@angular/forms": ">=19.0.0",
|
|
206
206
|
"@angular/platform-browser": ">=19.0.0",
|
|
207
207
|
"@angular/router": ">=19.0.0",
|
|
208
|
-
"@ng-web-apis/common": "^5.0.
|
|
209
|
-
"@ng-web-apis/mutation-observer": "^5.0.
|
|
210
|
-
"@ng-web-apis/platform": "^5.0.
|
|
211
|
-
"@taiga-ui/cdk": "^5.0.0-rc.
|
|
208
|
+
"@ng-web-apis/common": "^5.0.3",
|
|
209
|
+
"@ng-web-apis/mutation-observer": "^5.0.3",
|
|
210
|
+
"@ng-web-apis/platform": "^5.0.3",
|
|
211
|
+
"@taiga-ui/cdk": "^5.0.0-rc.1",
|
|
212
212
|
"@taiga-ui/event-plugins": "^5.0.0",
|
|
213
|
-
"@taiga-ui/i18n": "^5.0.0-rc.
|
|
213
|
+
"@taiga-ui/i18n": "^5.0.0-rc.1",
|
|
214
214
|
"@taiga-ui/polymorpheus": "^5.0.0",
|
|
215
215
|
"rxjs": ">=7.0.0"
|
|
216
216
|
},
|
|
@@ -1,18 +1,15 @@
|
|
|
1
|
-
@thumb-diameters: {
|
|
2
|
-
@s: 0.5rem;
|
|
3
|
-
@m: 0.75rem;
|
|
4
|
-
};
|
|
5
|
-
|
|
6
1
|
@track-inset: {
|
|
7
2
|
@s: 0.625rem;
|
|
8
3
|
@m: 0.75rem;
|
|
9
4
|
@l: 1rem;
|
|
10
5
|
};
|
|
11
6
|
|
|
12
|
-
|
|
13
|
-
|
|
7
|
+
@thumb-diameter: var(--tui-thumb-size, 0.75rem);
|
|
8
|
+
@thumb-radius: calc(@thumb-diameter / 2);
|
|
9
|
+
@track-thickness: max(calc(@thumb-radius - 0.25rem), 0.125rem);
|
|
14
10
|
|
|
15
|
-
|
|
11
|
+
.tui-slider-ticks-labels() {
|
|
12
|
+
--t-offset: @thumb-radius;
|
|
16
13
|
|
|
17
14
|
display: flex;
|
|
18
15
|
font: var(--tui-font-body-s);
|
|
@@ -38,33 +35,33 @@
|
|
|
38
35
|
}
|
|
39
36
|
|
|
40
37
|
tui-range + & {
|
|
41
|
-
--t-offset: @thumb;
|
|
38
|
+
--t-offset: @thumb-diameter;
|
|
42
39
|
}
|
|
43
40
|
|
|
44
41
|
/* TODO: add :has([tuiInputSlider]) */
|
|
45
42
|
tui-textfield[data-size='l'] + & {
|
|
46
|
-
--t-offset: calc(@track-inset[@l] + @thumb
|
|
43
|
+
--t-offset: calc(@track-inset[@l] + @thumb-radius);
|
|
47
44
|
}
|
|
48
45
|
|
|
49
46
|
/* TODO: add :has([tuiInputSlider]) */
|
|
50
47
|
tui-textfield[data-size='m'] + & {
|
|
51
|
-
--t-offset: calc(@track-inset[@m] + @thumb
|
|
48
|
+
--t-offset: calc(@track-inset[@m] + @thumb-radius);
|
|
52
49
|
}
|
|
53
50
|
|
|
54
51
|
/* TODO: add :has([tuiInputSlider]) */
|
|
55
52
|
tui-textfield[data-size='s'] + & {
|
|
56
|
-
--t-offset: calc(@track-inset[@s] + @thumb
|
|
53
|
+
--t-offset: calc(@track-inset[@s] + @thumb-radius);
|
|
57
54
|
}
|
|
58
55
|
|
|
59
56
|
tui-input-range[data-size='l'] + & {
|
|
60
|
-
--t-offset: calc(@track-inset[@l] + @thumb);
|
|
57
|
+
--t-offset: calc(@track-inset[@l] + @thumb-diameter);
|
|
61
58
|
}
|
|
62
59
|
|
|
63
60
|
tui-input-range[data-size='m'] + & {
|
|
64
|
-
--t-offset: calc(@track-inset[@m] + @thumb);
|
|
61
|
+
--t-offset: calc(@track-inset[@m] + @thumb-diameter);
|
|
65
62
|
}
|
|
66
63
|
|
|
67
64
|
tui-input-range[data-size='s'] + & {
|
|
68
|
-
--t-offset: calc(@track-inset[@s] + @thumb);
|
|
65
|
+
--t-offset: calc(@track-inset[@s] + @thumb-diameter);
|
|
69
66
|
}
|
|
70
67
|
}
|
|
@@ -1,20 +1,15 @@
|
|
|
1
|
-
$thumb-diameters: (
|
|
2
|
-
's': 0.5rem,
|
|
3
|
-
'm': 0.75rem,
|
|
4
|
-
'l': 0.75rem,
|
|
5
|
-
);
|
|
6
|
-
|
|
7
1
|
$track-inset: (
|
|
8
2
|
's': 0.625rem,
|
|
9
3
|
'm': 0.75rem,
|
|
10
4
|
'l': 1rem,
|
|
11
5
|
);
|
|
12
6
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
7
|
+
$thumb-diameter: var(--tui-thumb-size, 0.75rem);
|
|
8
|
+
$thumb-radius: calc($thumb-diameter / 2);
|
|
9
|
+
$track-thickness: max(calc($thumb-radius - 0.25rem), 0.125rem);
|
|
16
10
|
|
|
17
|
-
|
|
11
|
+
@mixin tui-slider-ticks-labels() {
|
|
12
|
+
--t-offset: $thumb-radius;
|
|
18
13
|
|
|
19
14
|
display: flex;
|
|
20
15
|
font: var(--tui-font-body-s);
|
|
@@ -40,33 +35,33 @@ $track-inset: (
|
|
|
40
35
|
}
|
|
41
36
|
|
|
42
37
|
tui-range + & {
|
|
43
|
-
--t-offset: $thumb;
|
|
38
|
+
--t-offset: $thumb-diameter;
|
|
44
39
|
}
|
|
45
40
|
|
|
46
41
|
/* TODO: add :has([tuiInputSlider]) */
|
|
47
42
|
tui-textfield[data-size='l'] + & {
|
|
48
|
-
--t-offset: calc(map-get($track-inset, 'l') + $thumb
|
|
43
|
+
--t-offset: calc(map-get($track-inset, 'l') + $thumb-radius);
|
|
49
44
|
}
|
|
50
45
|
|
|
51
46
|
/* TODO: add :has([tuiInputSlider]) */
|
|
52
47
|
tui-textfield[data-size='m'] + & {
|
|
53
|
-
--t-offset: calc(map-get($track-inset, 'm') + $thumb
|
|
48
|
+
--t-offset: calc(map-get($track-inset, 'm') + $thumb-radius);
|
|
54
49
|
}
|
|
55
50
|
|
|
56
51
|
/* TODO: add :has([tuiInputSlider]) */
|
|
57
52
|
tui-textfield[data-size='s'] + & {
|
|
58
|
-
--t-offset: calc(map-get($track-inset, 's') + $thumb
|
|
53
|
+
--t-offset: calc(map-get($track-inset, 's') + $thumb-radius);
|
|
59
54
|
}
|
|
60
55
|
|
|
61
56
|
tui-input-range[data-size='l'] + & {
|
|
62
|
-
--t-offset: calc(map-get($track-inset, 'l') + $thumb);
|
|
57
|
+
--t-offset: calc(map-get($track-inset, 'l') + $thumb-diameter);
|
|
63
58
|
}
|
|
64
59
|
|
|
65
60
|
tui-input-range[data-size='m'] + & {
|
|
66
|
-
--t-offset: calc(map-get($track-inset, 'm') + $thumb);
|
|
61
|
+
--t-offset: calc(map-get($track-inset, 'm') + $thumb-diameter);
|
|
67
62
|
}
|
|
68
63
|
|
|
69
64
|
tui-input-range[data-size='s'] + & {
|
|
70
|
-
--t-offset: calc(map-get($track-inset, 's') + $thumb);
|
|
65
|
+
--t-offset: calc(map-get($track-inset, 's') + $thumb-diameter);
|
|
71
66
|
}
|
|
72
67
|
}
|
|
@@ -1,17 +1,3 @@
|
|
|
1
|
-
/* TODO @deprecated remove in v5 */
|
|
2
|
-
[tuiAppearance][data-appearance='link'] {
|
|
3
|
-
color: var(--tui-text-action);
|
|
4
|
-
background: transparent;
|
|
5
|
-
|
|
6
|
-
.appearance-hover({
|
|
7
|
-
color: var(--tui-text-action-hover);
|
|
8
|
-
});
|
|
9
|
-
|
|
10
|
-
.appearance-active({
|
|
11
|
-
color: var(--tui-text-action-hover);
|
|
12
|
-
});
|
|
13
|
-
}
|
|
14
|
-
|
|
15
1
|
[tuiAppearance][data-appearance='action'] {
|
|
16
2
|
color: var(--tui-text-action);
|
|
17
3
|
background: transparent;
|