@taiga-ui/kit 4.96.0 → 4.97.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/components/avatar/avatar-labeled.component.mjs +3 -3
- package/esm2022/components/avatar/avatar-outline.directive.mjs +3 -3
- package/esm2022/components/avatar/avatar-stack.component.mjs +2 -2
- package/esm2022/components/badge/badge.directive.mjs +3 -3
- package/esm2022/components/block/block.directive.mjs +3 -3
- package/esm2022/components/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/components/chip/chip.directive.mjs +3 -3
- package/esm2022/components/comment/comment.directive.mjs +3 -3
- package/esm2022/components/compass/compass.component.mjs +2 -2
- package/esm2022/components/files/files/files.component.mjs +3 -3
- package/esm2022/components/input-color/input-color.component.mjs +2 -2
- package/esm2022/components/input-date/input-date.component.mjs +2 -2
- package/esm2022/components/input-date-time/input-date-time.component.mjs +2 -2
- package/esm2022/components/input-inline/input-inline.component.mjs +2 -2
- package/esm2022/components/input-month/input-month.component.mjs +2 -2
- package/esm2022/components/input-number/step/input-number-step.component.mjs +2 -2
- package/esm2022/components/input-time/input-time.component.mjs +2 -2
- package/esm2022/components/like/like.component.mjs +2 -2
- package/esm2022/components/message/message.directive.mjs +3 -3
- package/esm2022/components/pin/pin.directive.mjs +3 -3
- package/esm2022/components/preview/dialog/preview-dialog.component.mjs +3 -3
- package/esm2022/components/progress/progress-bar/fixed-gradient/progress-fixed-gradient.directive.mjs +3 -3
- package/esm2022/components/progress/progress-bar/progress-bar.component.mjs +2 -2
- package/esm2022/components/progress/progress-segmented/progress-segmented.directive.mjs +3 -3
- package/esm2022/components/radio/radio.component.mjs +2 -2
- package/esm2022/components/radio-list/radio-list.component.mjs +2 -2
- package/esm2022/components/range/range-change.directive.mjs +6 -4
- package/esm2022/components/segmented/segmented.component.mjs +3 -3
- package/esm2022/components/shrink-wrap/shrink-wrap.component.mjs +2 -2
- package/esm2022/components/status/status.directive.mjs +3 -3
- package/esm2022/components/switch/switch.component.mjs +2 -2
- package/esm2022/components/tabs/tab.directive.mjs +1 -1
- package/esm2022/components/tabs/tabs.directive.mjs +3 -3
- package/esm2022/components/tiles/tiles.component.mjs +3 -3
- package/esm2022/components/toast/toast.directive.mjs +3 -3
- package/esm2022/directives/button-group/button-group.directive.mjs +3 -3
- package/esm2022/directives/chevron/chevron.directive.mjs +3 -3
- package/esm2022/directives/connected/connected.directive.mjs +3 -3
- package/esm2022/directives/fade/fade.directive.mjs +3 -3
- package/esm2022/directives/icon-badge/icon-badge.directive.mjs +3 -3
- package/esm2022/directives/sensitive/sensitive.directive.mjs +3 -3
- package/esm2022/directives/shimmer/shimmer.directive.mjs +3 -3
- package/esm2022/directives/skeleton/skeleton.directive.mjs +3 -3
- package/esm2022/directives/tooltip/tooltip.directive.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-avatar.mjs +8 -8
- package/fesm2022/taiga-ui-kit-components-badge.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-block.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-checkbox.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-chip.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-comment.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-compass.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-files.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-input-color.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-date-time.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-date.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-inline.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-month.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-number.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-time.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-like.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-message.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-pin.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-preview-dialog.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-preview.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-progress.mjs +8 -8
- package/fesm2022/taiga-ui-kit-components-radio-list.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-radio.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-range.mjs +5 -3
- package/fesm2022/taiga-ui-kit-components-range.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-segmented.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-shrink-wrap.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-status.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-switch.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-tabs.mjs +4 -4
- package/fesm2022/taiga-ui-kit-components-tiles.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-toast.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-button-group.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-chevron.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-connected.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-fade.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-icon-badge.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-sensitive.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-shimmer.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-skeleton.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-tooltip.mjs +3 -3
- package/package.json +22 -22
|
@@ -2,10 +2,10 @@ import { DOCUMENT } from '@angular/common';
|
|
|
2
2
|
import { Directive, EventEmitter, inject, Output } from '@angular/core';
|
|
3
3
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
4
4
|
import { tuiTypedFromEvent } from '@taiga-ui/cdk/observables';
|
|
5
|
-
import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
|
|
5
|
+
import { tuiInjectElement, tuiIsElement, tuiIsInput } from '@taiga-ui/cdk/utils/dom';
|
|
6
6
|
import { tuiClamp, tuiRound } from '@taiga-ui/cdk/utils/math';
|
|
7
7
|
import { TUI_FLOATING_PRECISION } from '@taiga-ui/kit/components/slider';
|
|
8
|
-
import { map, repeat, startWith, switchMap, takeUntil, tap } from 'rxjs';
|
|
8
|
+
import { identity, map, repeat, startWith, switchMap, takeUntil, tap } from 'rxjs';
|
|
9
9
|
import { TuiRange } from './range.component';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
class TuiRangeChange {
|
|
@@ -30,7 +30,9 @@ class TuiRangeChange {
|
|
|
30
30
|
if (this.range.focusable) {
|
|
31
31
|
this.el.focus();
|
|
32
32
|
}
|
|
33
|
-
}), switchMap((event) => tuiTypedFromEvent(this.doc, 'pointermove').pipe(
|
|
33
|
+
}), switchMap((event) => tuiTypedFromEvent(this.doc, 'pointermove').pipe(tuiIsElement(event.target) && tuiIsInput(event.target)
|
|
34
|
+
? identity
|
|
35
|
+
: startWith(event))), map(({ clientX }) => this.getFractionFromEvents(clientX ?? 0)), takeUntil(tuiTypedFromEvent(this.doc, 'pointerup', { passive: true })), repeat(), takeUntilDestroyed())
|
|
34
36
|
.subscribe((fraction) => {
|
|
35
37
|
const value = this.range.toValue(fraction);
|
|
36
38
|
this.range.processValue(value, activeThumb === 'end');
|
|
@@ -75,4 +77,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
75
77
|
}], ctorParameters: function () { return []; }, propDecorators: { activeThumbChange: [{
|
|
76
78
|
type: Output
|
|
77
79
|
}] } });
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFuZ2UtY2hhbmdlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9jb21wb25lbnRzL3JhbmdlL3JhbmdlLWNoYW5nZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQ3pDLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdEUsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFDOUQsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDNUQsT0FBTyxFQUFDLGdCQUFnQixFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUNuRixPQUFPLEVBQUMsUUFBUSxFQUFFLFFBQVEsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQzVELE9BQU8sRUFBQyxzQkFBc0IsRUFBQyxNQUFNLGlDQUFpQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBQyxRQUFRLEVBQUUsR0FBRyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFFakYsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLG1CQUFtQixDQUFDOztBQUUzQyxNQUdhLGNBQWM7SUFTdkI7UUFSaUIsUUFBRyxHQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN2QixPQUFFLEdBQUcsZ0JBQWdCLEVBQUUsQ0FBQztRQUN4QixVQUFLLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRTFDLHdDQUF3QztRQUV4QixzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBb0IsQ0FBQztRQUdyRSxJQUFJLFdBQTRCLENBQUM7UUFFakMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEVBQUUsRUFBRSxhQUFhLEVBQUU7WUFDdEMsT0FBTyxFQUFFLElBQUk7WUFDYixPQUFPLEVBQUUsSUFBSTtTQUNoQixDQUFDO2FBQ0csSUFBSSxDQUNELEdBQUcsQ0FBQyxDQUFDLEVBQUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUMsRUFBRSxFQUFFO1lBQ2pDLFdBQVcsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1lBQ3RELElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVztpQkFDakIsR0FBRyxDQUFDLFdBQVcsS0FBSyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUNyQyxFQUFFLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBQyxTQUFTLENBQUMsQ0FBQztZQUNqRCwwQ0FBMEM7WUFDMUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FDdkIsV0FBVyxLQUFLLE9BQU8sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQzdDLENBQUM7WUFFRixJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxFQUFFO2dCQUN0QixJQUFJLENBQUMsRUFBRSxDQUFDLEtBQUssRUFBRSxDQUFDO2FBQ25CO1FBQ0wsQ0FBQyxDQUFDLEVBQ0YsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FDaEIsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxhQUFhLENBQUMsQ0FBQyxJQUFJLENBQzNDLFlBQVksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksVUFBVSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUM7WUFDbEQsQ0FBQyxDQUFDLFFBQVE7WUFDVixDQUFDLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUN6QixDQUNKLEVBQ0QsR0FBRyxDQUFDLENBQUMsRUFBQyxPQUFPLEVBQUMsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLE9BQU8sSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUM1RCxTQUFTLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxXQUFXLEVBQUUsRUFBQyxPQUFPLEVBQUUsSUFBSSxFQUFDLENBQUMsQ0FBQyxFQUNwRSxNQUFNLEVBQUUsRUFDUixrQkFBa0IsRUFBRSxDQUN2QjthQUNBLFNBQVMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxFQUFFO1lBQ3BCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBRTNDLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxXQUFXLEtBQUssS0FBSyxDQUFDLENBQUM7UUFDMUQsQ0FBQyxDQUFDLENBQUM7SUFDWCxDQUFDO0lBRU8scUJBQXFCLENBQUMsWUFBb0I7UUFDOUMsTUFBTSxFQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFDLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQzdELE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLG9CQUFvQixDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQ25FLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLFlBQVksRUFBRSxJQUFJLEVBQUUsS0FBSyxDQUFDLEdBQUcsS0FBSyxDQUFDLENBQUM7UUFFcEUsT0FBTyxRQUFRLENBQUMsS0FBSyxHQUFHLEtBQUssRUFBRSxzQkFBc0IsQ0FBQyxDQUFDO0lBQzNELENBQUM7SUFFTyxpQkFBaUIsQ0FDckIsT0FBZSxFQUNmLE1BQTBCO1FBRTFCLE1BQU0sQ0FBQyxjQUFjLEVBQUUsWUFBWSxDQUFDLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUM7UUFFOUQsUUFBUSxNQUFNLEVBQUU7WUFDWixLQUFLLFlBQVksRUFBRSxhQUFhO2dCQUM1QixPQUFPLEtBQUssQ0FBQztZQUNqQixLQUFLLGNBQWMsRUFBRSxhQUFhO2dCQUM5QixPQUFPLE9BQU8sQ0FBQztZQUNuQjtnQkFDSSxPQUFPLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxPQUFPLENBQUMsQ0FBQztTQUNuRDtJQUNMLENBQUM7SUFFTyxzQkFBc0IsQ0FBQyxPQUFlO1FBQzFDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNyRCxNQUFNLFVBQVUsR0FBRyxRQUFRLEdBQUcsR0FBRyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDdkQsTUFBTSxRQUFRLEdBQUcsUUFBUSxHQUFHLEdBQUcsR0FBRyxHQUFHLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLEVBQUUsQ0FBQztRQUV6RCxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUM7WUFDNUMsUUFBUSxHQUFHLENBQUM7WUFDWixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxFQUFFLEtBQUssR0FBRyxDQUFDO1lBQ3RELENBQUMsQ0FBQyxLQUFLO1lBQ1AsQ0FBQyxDQUFDLE9BQU8sQ0FBQztJQUNsQixDQUFDOytHQXBGUSxjQUFjO21HQUFkLGNBQWM7O1NBQWQsY0FBYzs0RkFBZCxjQUFjO2tCQUgxQixTQUFTO21CQUFDO29CQUNQLFVBQVUsRUFBRSxJQUFJO2lCQUNuQjswRUFRbUIsaUJBQWlCO3NCQURoQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtET0NVTUVOVH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7RGlyZWN0aXZlLCBFdmVudEVtaXR0ZXIsIGluamVjdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7dGFrZVVudGlsRGVzdHJveWVkfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQge3R1aVR5cGVkRnJvbUV2ZW50fSBmcm9tICdAdGFpZ2EtdWkvY2RrL29ic2VydmFibGVzJztcbmltcG9ydCB7dHVpSW5qZWN0RWxlbWVudCwgdHVpSXNFbGVtZW50LCB0dWlJc0lucHV0fSBmcm9tICdAdGFpZ2EtdWkvY2RrL3V0aWxzL2RvbSc7XG5pbXBvcnQge3R1aUNsYW1wLCB0dWlSb3VuZH0gZnJvbSAnQHRhaWdhLXVpL2Nkay91dGlscy9tYXRoJztcbmltcG9ydCB7VFVJX0ZMT0FUSU5HX1BSRUNJU0lPTn0gZnJvbSAnQHRhaWdhLXVpL2tpdC9jb21wb25lbnRzL3NsaWRlcic7XG5pbXBvcnQge2lkZW50aXR5LCBtYXAsIHJlcGVhdCwgc3RhcnRXaXRoLCBzd2l0Y2hNYXAsIHRha2VVbnRpbCwgdGFwfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHtUdWlSYW5nZX0gZnJvbSAnLi9yYW5nZS5jb21wb25lbnQnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlSYW5nZUNoYW5nZSB7XG4gICAgcHJpdmF0ZSByZWFkb25seSBkb2MgPSBpbmplY3QoRE9DVU1FTlQpO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgZWwgPSB0dWlJbmplY3RFbGVtZW50KCk7XG4gICAgcHJpdmF0ZSByZWFkb25seSByYW5nZSA9IGluamVjdChUdWlSYW5nZSk7XG5cbiAgICAvLyBUT0RPKHY1KTogdXNlICdzdGFydCcgfCAnZW5kJyBpbnN0ZWFkXG4gICAgQE91dHB1dCgpXG4gICAgcHVibGljIHJlYWRvbmx5IGFjdGl2ZVRodW1iQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjwnbGVmdCcgfCAncmlnaHQnPigpO1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIGxldCBhY3RpdmVUaHVtYjogJ2VuZCcgfCAnc3RhcnQnO1xuXG4gICAgICAgIHR1aVR5cGVkRnJvbUV2ZW50KHRoaXMuZWwsICdwb2ludGVyZG93bicsIHtcbiAgICAgICAgICAgIHBhc3NpdmU6IHRydWUsXG4gICAgICAgICAgICBjYXB0dXJlOiB0cnVlLFxuICAgICAgICB9KVxuICAgICAgICAgICAgLnBpcGUoXG4gICAgICAgICAgICAgICAgdGFwKCh7Y2xpZW50WCwgdGFyZ2V0LCBwb2ludGVySWR9KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGFjdGl2ZVRodW1iID0gdGhpcy5kZXRlY3RBY3RpdmVUaHVtYihjbGllbnRYLCB0YXJnZXQpO1xuICAgICAgICAgICAgICAgICAgICB0aGlzLnJhbmdlLnNsaWRlcnNSZWZzXG4gICAgICAgICAgICAgICAgICAgICAgICAuZ2V0KGFjdGl2ZVRodW1iID09PSAnc3RhcnQnID8gMCA6IDEpXG4gICAgICAgICAgICAgICAgICAgICAgICA/Lm5hdGl2ZUVsZW1lbnQuc2V0UG9pbnRlckNhcHR1cmUocG9pbnRlcklkKTtcbiAgICAgICAgICAgICAgICAgICAgLy8gVE9ETyh2NSk6IHJlbW92ZSBiYWNrd2FyZCBjb21wYXRpYmlsaXR5XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuYWN0aXZlVGh1bWJDaGFuZ2UuZW1pdChcbiAgICAgICAgICAgICAgICAgICAgICAgIGFjdGl2ZVRodW1iID09PSAnc3RhcnQnID8gJ2xlZnQnIDogJ3JpZ2h0JyxcbiAgICAgICAgICAgICAgICAgICAgKTtcblxuICAgICAgICAgICAgICAgICAgICBpZiAodGhpcy5yYW5nZS5mb2N1c2FibGUpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuZWwuZm9jdXMoKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICAgIHN3aXRjaE1hcCgoZXZlbnQpID0+XG4gICAgICAgICAgICAgICAgICAgIHR1aVR5cGVkRnJvbUV2ZW50KHRoaXMuZG9jLCAncG9pbnRlcm1vdmUnKS5waXBlKFxuICAgICAgICAgICAgICAgICAgICAgICAgdHVpSXNFbGVtZW50KGV2ZW50LnRhcmdldCkgJiYgdHVpSXNJbnB1dChldmVudC50YXJnZXQpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPyBpZGVudGl0eVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogc3RhcnRXaXRoKGV2ZW50KSxcbiAgICAgICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgIG1hcCgoe2NsaWVudFh9KSA9PiB0aGlzLmdldEZyYWN0aW9uRnJvbUV2ZW50cyhjbGllbnRYID8/IDApKSxcbiAgICAgICAgICAgICAgICB0YWtlVW50aWwodHVpVHlwZWRGcm9tRXZlbnQodGhpcy5kb2MsICdwb2ludGVydXAnLCB7cGFzc2l2ZTogdHJ1ZX0pKSxcbiAgICAgICAgICAgICAgICByZXBlYXQoKSxcbiAgICAgICAgICAgICAgICB0YWtlVW50aWxEZXN0cm95ZWQoKSxcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoKGZyYWN0aW9uKSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgdmFsdWUgPSB0aGlzLnJhbmdlLnRvVmFsdWUoZnJhY3Rpb24pO1xuXG4gICAgICAgICAgICAgICAgdGhpcy5yYW5nZS5wcm9jZXNzVmFsdWUodmFsdWUsIGFjdGl2ZVRodW1iID09PSAnZW5kJyk7XG4gICAgICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldEZyYWN0aW9uRnJvbUV2ZW50cyhjbGlja0NsaWVudFg6IG51bWJlcik6IG51bWJlciB7XG4gICAgICAgIGNvbnN0IHtsZWZ0LCByaWdodCwgd2lkdGh9ID0gdGhpcy5lbC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgICAgY29uc3Qgc3RhcnQgPSB0aGlzLmVsLm1hdGNoZXMoJ1tkaXI9XCJydGxcIl0gOnNjb3BlJykgPyByaWdodCA6IGxlZnQ7XG4gICAgICAgIGNvbnN0IHZhbHVlID0gTWF0aC5hYnModHVpQ2xhbXAoY2xpY2tDbGllbnRYLCBsZWZ0LCByaWdodCkgLSBzdGFydCk7XG5cbiAgICAgICAgcmV0dXJuIHR1aVJvdW5kKHZhbHVlIC8gd2lkdGgsIFRVSV9GTE9BVElOR19QUkVDSVNJT04pO1xuICAgIH1cblxuICAgIHByaXZhdGUgZGV0ZWN0QWN0aXZlVGh1bWIoXG4gICAgICAgIGNsaWVudFg6IG51bWJlcixcbiAgICAgICAgdGFyZ2V0OiBFdmVudFRhcmdldCB8IG51bGwsXG4gICAgKTogJ2VuZCcgfCAnc3RhcnQnIHtcbiAgICAgICAgY29uc3QgW3N0YXJ0U2xpZGVyUmVmLCBlbmRTbGlkZXJSZWZdID0gdGhpcy5yYW5nZS5zbGlkZXJzUmVmcztcblxuICAgICAgICBzd2l0Y2ggKHRhcmdldCkge1xuICAgICAgICAgICAgY2FzZSBlbmRTbGlkZXJSZWY/Lm5hdGl2ZUVsZW1lbnQ6XG4gICAgICAgICAgICAgICAgcmV0dXJuICdlbmQnO1xuICAgICAgICAgICAgY2FzZSBzdGFydFNsaWRlclJlZj8ubmF0aXZlRWxlbWVudDpcbiAgICAgICAgICAgICAgICByZXR1cm4gJ3N0YXJ0JztcbiAgICAgICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICAgICAgcmV0dXJuIHRoaXMuZmluZE5lYXJlc3RBY3RpdmVUaHVtYihjbGllbnRYKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgZmluZE5lYXJlc3RBY3RpdmVUaHVtYihjbGllbnRYOiBudW1iZXIpOiAnZW5kJyB8ICdzdGFydCcge1xuICAgICAgICBjb25zdCBmcmFjdGlvbiA9IHRoaXMuZ2V0RnJhY3Rpb25Gcm9tRXZlbnRzKGNsaWVudFgpO1xuICAgICAgICBjb25zdCBkZWx0YVN0YXJ0ID0gZnJhY3Rpb24gKiAxMDAgLSB0aGlzLnJhbmdlLnN0YXJ0KCk7XG4gICAgICAgIGNvbnN0IGRlbHRhRW5kID0gZnJhY3Rpb24gKiAxMDAgLSAxMDAgKyB0aGlzLnJhbmdlLmVuZCgpO1xuXG4gICAgICAgIHJldHVybiBNYXRoLmFicyhkZWx0YVN0YXJ0KSA+IE1hdGguYWJzKGRlbHRhRW5kKSB8fFxuICAgICAgICAgICAgZGVsdGFFbmQgPiAwIHx8XG4gICAgICAgICAgICAodGhpcy5yYW5nZS5zdGFydCgpID09PSAwICYmIHRoaXMucmFuZ2UuZW5kKCkgPT09IDEwMClcbiAgICAgICAgICAgID8gJ2VuZCdcbiAgICAgICAgICAgIDogJ3N0YXJ0JztcbiAgICB9XG59XG4iXX0=
|
|
@@ -51,10 +51,10 @@ class TuiSegmented {
|
|
|
51
51
|
this.el.style.setProperty('--t-width', tuiPx(offsetWidth));
|
|
52
52
|
}
|
|
53
53
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSegmented, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
54
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiSegmented, isStandalone: true, selector: "tui-segmented", inputs: { size: "size", activeItemIndex: "activeItemIndex", disabled: "disabled" }, outputs: { activeItemIndexChange: "activeItemIndexChange" }, host: { attributes: { "tuiSegmentedV": "4.
|
|
54
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiSegmented, isStandalone: true, selector: "tui-segmented", inputs: { size: "size", activeItemIndex: "activeItemIndex", disabled: "disabled" }, outputs: { activeItemIndexChange: "activeItemIndexChange" }, host: { attributes: { "tuiSegmentedV": "4.97.0" }, properties: { "attr.data-size": "size", "attr.inert": "disabled ? \"\" : null" } }, providers: [
|
|
55
55
|
WaResizeObserverService,
|
|
56
56
|
tuiBadgeNotificationOptionsProvider({ size: 's' }),
|
|
57
|
-
], usesOnChanges: true, hostDirectives: [{ directive: i1.TuiSegmentedDirective }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["[tuiSegmentedV=\"4.
|
|
57
|
+
], usesOnChanges: true, hostDirectives: [{ directive: i1.TuiSegmentedDirective }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["[tuiSegmentedV=\"4.97.0\"]{position:relative;display:flex;color:var(--tui-background-base);background:var(--tui-background-neutral-1);overflow:hidden;-webkit-mask-image:linear-gradient(black,black);mask-image:linear-gradient(#000,#000)}[tuiSegmentedV=\"4.97.0\"][data-size=s]{--t-padding: .5rem;--t-gap: .5rem;--t-margin: -.125rem;--t-height: var(--tui-height-s);font:var(--tui-font-text-s);border-radius:var(--tui-radius-m)}[tuiSegmentedV=\"4.97.0\"][data-size=s] tui-icon{font-size:1rem}[tuiSegmentedV=\"4.97.0\"][data-size=m]{--t-padding: .875rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-m);font:var(--tui-font-text-m);border-radius:var(--tui-radius-m)}[tuiSegmentedV=\"4.97.0\"][data-size=l]{--t-padding: 1.25rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-l);font:var(--tui-font-text-l);border-radius:var(--tui-radius-l)}[tuiSegmentedV=\"4.97.0\"][data-size=l]>*:before{block-size:1.25rem}[tuiSegmentedV=\"4.97.0\"][inert]{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiSegmentedV=\"4.97.0\"]>a,[tuiSegmentedV=\"4.97.0\"]>button,[tuiSegmentedV=\"4.97.0\"]>label,[tuiSegmentedV=\"4.97.0\"]>label>input:not([tuiRadio]){transition-property:color,background,opacity,border-image;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;justify-content:center;block-size:var(--t-height);white-space:nowrap;gap:var(--t-gap);margin:0;padding:0 var(--t-padding);color:var(--tui-text-primary);overflow:hidden;cursor:pointer;font:inherit;border-radius:inherit;border:.125rem solid transparent;background-clip:padding-box;box-sizing:border-box;border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 0 0 100 .5;clip-path:polygon(-1rem calc(50% - .5rem),1px calc(50% - .5rem),1px 0,100% 0,100% 100%,1px 100%,1px calc(50% + .5rem),-1rem calc(50% + .5rem))}[tuiSegmentedV=\"4.97.0\"]>a>*,[tuiSegmentedV=\"4.97.0\"]>button>*,[tuiSegmentedV=\"4.97.0\"]>label>*,[tuiSegmentedV=\"4.97.0\"]>label>input:not([tuiRadio])>*{margin:0 var(--t-margin)}[tuiSegmentedV=\"4.97.0\"]>a:focus-visible,[tuiSegmentedV=\"4.97.0\"]>button:focus-visible,[tuiSegmentedV=\"4.97.0\"]>label:focus-visible,[tuiSegmentedV=\"4.97.0\"]>label>input:not([tuiRadio]):focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.25rem}@media (hover: hover) and (pointer: fine){[tuiSegmentedV=\"4.97.0\"]>a:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.97.0\"]>button:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.97.0\"]>label:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.97.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover{background-color:var(--tui-background-neutral-1-hover)}[tuiSegmentedV=\"4.97.0\"]>a:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.97.0\"]>button:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.97.0\"]>label:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.97.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.97.0\"]>a:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.97.0\"]>button:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.97.0\"]>label:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.97.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover+*{border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 100 0 0 .5}}[tuiSegmentedV=\"4.97.0\"]>a:active,[tuiSegmentedV=\"4.97.0\"]>button:active,[tuiSegmentedV=\"4.97.0\"]>label:active,[tuiSegmentedV=\"4.97.0\"]>label>input:not([tuiRadio]):active,[tuiSegmentedV=\"4.97.0\"]>a:active+*,[tuiSegmentedV=\"4.97.0\"]>button:active+*,[tuiSegmentedV=\"4.97.0\"]>label:active+*,[tuiSegmentedV=\"4.97.0\"]>label>input:not([tuiRadio]):active+*,[tuiSegmentedV=\"4.97.0\"]>a.tui-segmented_active,[tuiSegmentedV=\"4.97.0\"]>button.tui-segmented_active,[tuiSegmentedV=\"4.97.0\"]>label.tui-segmented_active,[tuiSegmentedV=\"4.97.0\"]>label>input:not([tuiRadio]).tui-segmented_active,[tuiSegmentedV=\"4.97.0\"]>a.tui-segmented_active+*,[tuiSegmentedV=\"4.97.0\"]>button.tui-segmented_active+*,[tuiSegmentedV=\"4.97.0\"]>label.tui-segmented_active+*,[tuiSegmentedV=\"4.97.0\"]>label>input:not([tuiRadio]).tui-segmented_active+*{border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 100 0 0 .5}[tuiSegmentedV=\"4.97.0\"]>label>input:not([tuiRadio]){position:absolute;top:-.125rem;left:-.125rem;right:-.125rem;bottom:-.125rem;background:transparent!important}[tuiSegmentedV=\"4.97.0\"]:before{transition-property:top,left,width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;left:var(--t-left);top:var(--t-top);block-size:var(--t-height);inline-size:var(--t-width);border-radius:inherit;background:currentColor;background-clip:padding-box;border:.125rem solid transparent;box-sizing:border-box;filter:drop-shadow(0 .25rem 1.25rem rgba(0,0,0,.1))}[tuiTheme=dark] [tuiSegmentedV=\"4.97.0\"],[tuiSegmentedV=\"4.97.0\"][tuiTheme=dark]{--tui-background-base: var(--tui-background-neutral-1-hover)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
58
58
|
}
|
|
59
59
|
export { TuiSegmented };
|
|
60
60
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSegmented, decorators: [{
|
|
@@ -66,7 +66,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
66
66
|
tuiSegmentedV: TUI_VERSION,
|
|
67
67
|
'[attr.data-size]': 'size',
|
|
68
68
|
'[attr.inert]': 'disabled ? "" : null',
|
|
69
|
-
}, styles: ["[tuiSegmentedV=\"4.
|
|
69
|
+
}, styles: ["[tuiSegmentedV=\"4.97.0\"]{position:relative;display:flex;color:var(--tui-background-base);background:var(--tui-background-neutral-1);overflow:hidden;-webkit-mask-image:linear-gradient(black,black);mask-image:linear-gradient(#000,#000)}[tuiSegmentedV=\"4.97.0\"][data-size=s]{--t-padding: .5rem;--t-gap: .5rem;--t-margin: -.125rem;--t-height: var(--tui-height-s);font:var(--tui-font-text-s);border-radius:var(--tui-radius-m)}[tuiSegmentedV=\"4.97.0\"][data-size=s] tui-icon{font-size:1rem}[tuiSegmentedV=\"4.97.0\"][data-size=m]{--t-padding: .875rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-m);font:var(--tui-font-text-m);border-radius:var(--tui-radius-m)}[tuiSegmentedV=\"4.97.0\"][data-size=l]{--t-padding: 1.25rem;--t-gap: 1rem;--t-margin: -.375rem;--t-height: var(--tui-height-l);font:var(--tui-font-text-l);border-radius:var(--tui-radius-l)}[tuiSegmentedV=\"4.97.0\"][data-size=l]>*:before{block-size:1.25rem}[tuiSegmentedV=\"4.97.0\"][inert]{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiSegmentedV=\"4.97.0\"]>a,[tuiSegmentedV=\"4.97.0\"]>button,[tuiSegmentedV=\"4.97.0\"]>label,[tuiSegmentedV=\"4.97.0\"]>label>input:not([tuiRadio]){transition-property:color,background,opacity,border-image;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;justify-content:center;block-size:var(--t-height);white-space:nowrap;gap:var(--t-gap);margin:0;padding:0 var(--t-padding);color:var(--tui-text-primary);overflow:hidden;cursor:pointer;font:inherit;border-radius:inherit;border:.125rem solid transparent;background-clip:padding-box;box-sizing:border-box;border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 0 0 100 .5;clip-path:polygon(-1rem calc(50% - .5rem),1px calc(50% - .5rem),1px 0,100% 0,100% 100%,1px 100%,1px calc(50% + .5rem),-1rem calc(50% + .5rem))}[tuiSegmentedV=\"4.97.0\"]>a>*,[tuiSegmentedV=\"4.97.0\"]>button>*,[tuiSegmentedV=\"4.97.0\"]>label>*,[tuiSegmentedV=\"4.97.0\"]>label>input:not([tuiRadio])>*{margin:0 var(--t-margin)}[tuiSegmentedV=\"4.97.0\"]>a:focus-visible,[tuiSegmentedV=\"4.97.0\"]>button:focus-visible,[tuiSegmentedV=\"4.97.0\"]>label:focus-visible,[tuiSegmentedV=\"4.97.0\"]>label>input:not([tuiRadio]):focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.25rem}@media (hover: hover) and (pointer: fine){[tuiSegmentedV=\"4.97.0\"]>a:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.97.0\"]>button:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.97.0\"]>label:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.97.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover{background-color:var(--tui-background-neutral-1-hover)}[tuiSegmentedV=\"4.97.0\"]>a:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.97.0\"]>button:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.97.0\"]>label:not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.97.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover,[tuiSegmentedV=\"4.97.0\"]>a:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.97.0\"]>button:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.97.0\"]>label:not(.tui-segmented_active):not(:active):hover+*,[tuiSegmentedV=\"4.97.0\"]>label>input:not([tuiRadio]):not(.tui-segmented_active):not(:active):hover+*{border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 100 0 0 .5}}[tuiSegmentedV=\"4.97.0\"]>a:active,[tuiSegmentedV=\"4.97.0\"]>button:active,[tuiSegmentedV=\"4.97.0\"]>label:active,[tuiSegmentedV=\"4.97.0\"]>label>input:not([tuiRadio]):active,[tuiSegmentedV=\"4.97.0\"]>a:active+*,[tuiSegmentedV=\"4.97.0\"]>button:active+*,[tuiSegmentedV=\"4.97.0\"]>label:active+*,[tuiSegmentedV=\"4.97.0\"]>label>input:not([tuiRadio]):active+*,[tuiSegmentedV=\"4.97.0\"]>a.tui-segmented_active,[tuiSegmentedV=\"4.97.0\"]>button.tui-segmented_active,[tuiSegmentedV=\"4.97.0\"]>label.tui-segmented_active,[tuiSegmentedV=\"4.97.0\"]>label>input:not([tuiRadio]).tui-segmented_active,[tuiSegmentedV=\"4.97.0\"]>a.tui-segmented_active+*,[tuiSegmentedV=\"4.97.0\"]>button.tui-segmented_active+*,[tuiSegmentedV=\"4.97.0\"]>label.tui-segmented_active+*,[tuiSegmentedV=\"4.97.0\"]>label>input:not([tuiRadio]).tui-segmented_active+*{border-image:linear-gradient(var(--tui-border-normal),transparent) 1 / 0 0 25% .5 / 100 0 0 .5}[tuiSegmentedV=\"4.97.0\"]>label>input:not([tuiRadio]){position:absolute;top:-.125rem;left:-.125rem;right:-.125rem;bottom:-.125rem;background:transparent!important}[tuiSegmentedV=\"4.97.0\"]:before{transition-property:top,left,width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;left:var(--t-left);top:var(--t-top);block-size:var(--t-height);inline-size:var(--t-width);border-radius:inherit;background:currentColor;background-clip:padding-box;border:.125rem solid transparent;box-sizing:border-box;filter:drop-shadow(0 .25rem 1.25rem rgba(0,0,0,.1))}[tuiTheme=dark] [tuiSegmentedV=\"4.97.0\"],[tuiSegmentedV=\"4.97.0\"][tuiTheme=dark]{--tui-background-base: var(--tui-background-neutral-1-hover)}\n"] }]
|
|
70
70
|
}], propDecorators: { size: [{
|
|
71
71
|
type: Input
|
|
72
72
|
}], activeItemIndex: [{
|
|
@@ -3,13 +3,13 @@ import { TUI_VERSION } from '@taiga-ui/cdk/constants';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
class TuiShrinkWrapComponent {
|
|
5
5
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiShrinkWrapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiShrinkWrapComponent, isStandalone: true, selector: "tui-shrink-wrap", host: { attributes: { "tuiShrinkWrapV": "4.
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiShrinkWrapComponent, isStandalone: true, selector: "tui-shrink-wrap", host: { attributes: { "tuiShrinkWrapV": "4.97.0" } }, ngImport: i0, template: '<span><ng-content/></span>', isInline: true, styles: ["@property --t-shrink-wrap-host{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --t-shrink-wrap-item{syntax: \"<number>\"; inherits: true; initial-value: 0;}@keyframes tuiShrinkWrapHost{to{--t-shrink-wrap-host: 1}}@keyframes tuiShrinkWrapItem{to{--t-shrink-wrap-item: 1}}[tuiShrinkWrap]{timeline-scope:--t-shrink-wrap-host,--t-shrink-wrap-item;animation:tuiShrinkWrapHost,tuiShrinkWrapItem;animation-timing-function:linear;animation-timeline:--t-shrink-wrap-host,--t-shrink-wrap-item;animation-range:entry 100% exit 100%;--t-shrink-wrap: calc(-1px / (1 - var(--t-shrink-wrap-host)) * var(--t-shrink-wrap-item))}[tuiShrinkWrapV=\"4.97.0\"]{display:block;overflow:hidden;text-wrap:balance;margin-inline-end:var(--t-shrink-wrap)}[tuiShrinkWrapV=\"4.97.0\"]>*{view-timeline:--t-shrink-wrap-item inline}[tuiShrinkWrapV=\"4.97.0\"]:before{content:\"\";padding-inline-start:1px;margin-inline-end:-1px;view-timeline:--t-shrink-wrap-host inline}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
7
7
|
}
|
|
8
8
|
export { TuiShrinkWrapComponent };
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiShrinkWrapComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
11
|
args: [{ standalone: true, selector: 'tui-shrink-wrap', template: '<span><ng-content/></span>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
12
12
|
tuiShrinkWrapV: TUI_VERSION,
|
|
13
|
-
}, styles: ["@property --t-shrink-wrap-host{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --t-shrink-wrap-item{syntax: \"<number>\"; inherits: true; initial-value: 0;}@keyframes tuiShrinkWrapHost{to{--t-shrink-wrap-host: 1}}@keyframes tuiShrinkWrapItem{to{--t-shrink-wrap-item: 1}}[tuiShrinkWrap]{timeline-scope:--t-shrink-wrap-host,--t-shrink-wrap-item;animation:tuiShrinkWrapHost,tuiShrinkWrapItem;animation-timing-function:linear;animation-timeline:--t-shrink-wrap-host,--t-shrink-wrap-item;animation-range:entry 100% exit 100%;--t-shrink-wrap: calc(-1px / (1 - var(--t-shrink-wrap-host)) * var(--t-shrink-wrap-item))}[tuiShrinkWrapV=\"4.
|
|
13
|
+
}, styles: ["@property --t-shrink-wrap-host{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --t-shrink-wrap-item{syntax: \"<number>\"; inherits: true; initial-value: 0;}@keyframes tuiShrinkWrapHost{to{--t-shrink-wrap-host: 1}}@keyframes tuiShrinkWrapItem{to{--t-shrink-wrap-item: 1}}[tuiShrinkWrap]{timeline-scope:--t-shrink-wrap-host,--t-shrink-wrap-item;animation:tuiShrinkWrapHost,tuiShrinkWrapItem;animation-timing-function:linear;animation-timeline:--t-shrink-wrap-host,--t-shrink-wrap-item;animation-range:entry 100% exit 100%;--t-shrink-wrap: calc(-1px / (1 - var(--t-shrink-wrap-host)) * var(--t-shrink-wrap-item))}[tuiShrinkWrapV=\"4.97.0\"]{display:block;overflow:hidden;text-wrap:balance;margin-inline-end:var(--t-shrink-wrap)}[tuiShrinkWrapV=\"4.97.0\"]>*{view-timeline:--t-shrink-wrap-item inline}[tuiShrinkWrapV=\"4.97.0\"]:before{content:\"\";padding-inline-start:1px;margin-inline-end:-1px;view-timeline:--t-shrink-wrap-host inline}\n"] }]
|
|
14
14
|
}] });
|
|
15
15
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hyaW5rLXdyYXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvc2hyaW5rLXdyYXAvc2hyaW5rLXdyYXAuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDcEYsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLHlCQUF5QixDQUFDOztBQUVwRCxNQVdhLHNCQUFzQjsrR0FBdEIsc0JBQXNCO21HQUF0QixzQkFBc0IsaUlBUnJCLDRCQUE0Qjs7U0FRN0Isc0JBQXNCOzRGQUF0QixzQkFBc0I7a0JBWGxDLFNBQVM7aUNBQ00sSUFBSSxZQUNOLGlCQUFpQixZQUNqQiw0QkFBNEIsaUJBRXZCLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0YsY0FBYyxFQUFFLFdBQVc7cUJBQzlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RVSV9WRVJTSU9OfSBmcm9tICdAdGFpZ2EtdWkvY2RrL2NvbnN0YW50cyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICd0dWktc2hyaW5rLXdyYXAnLFxuICAgIHRlbXBsYXRlOiAnPHNwYW4+PG5nLWNvbnRlbnQvPjwvc3Bhbj4nLFxuICAgIHN0eWxlVXJsczogWycuL3Nocmluay13cmFwLnN0eWxlLmxlc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgdHVpU2hyaW5rV3JhcFY6IFRVSV9WRVJTSU9OLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aVNocmlua1dyYXBDb21wb25lbnQge31cbiJdfQ==
|
|
@@ -4,13 +4,13 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
class TuiStatusStyles {
|
|
6
6
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiStatusStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiStatusStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-status" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiStatusV=\"4.
|
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiStatusStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-status" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiStatusV=\"4.97.0\"]{display:inline-flex;align-items:center;gap:.5rem}[tuiStatusV=\"4.97.0\"]:before{content:\"\";display:var(--t-status, none);inline-size:.5rem;block-size:.5rem;border-radius:100%;background:var(--t-status)}[tuiStatusV=\"4.97.0\"][data-size=s],[tuiStatusV=\"4.97.0\"][data-size=m],[tuiStatusV=\"4.97.0\"][data-size=l]{gap:.25rem}[tuiStatusV=\"4.97.0\"][data-size=xl]{gap:.375rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8
8
|
}
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiStatusStyles, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
11
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
12
12
|
class: 'tui-status',
|
|
13
|
-
}, styles: ["[tuiStatusV=\"4.
|
|
13
|
+
}, styles: ["[tuiStatusV=\"4.97.0\"]{display:inline-flex;align-items:center;gap:.5rem}[tuiStatusV=\"4.97.0\"]:before{content:\"\";display:var(--t-status, none);inline-size:.5rem;block-size:.5rem;border-radius:100%;background:var(--t-status)}[tuiStatusV=\"4.97.0\"][data-size=s],[tuiStatusV=\"4.97.0\"][data-size=m],[tuiStatusV=\"4.97.0\"][data-size=l]{gap:.25rem}[tuiStatusV=\"4.97.0\"][data-size=xl]{gap:.375rem}\n"] }]
|
|
14
14
|
}] });
|
|
15
15
|
class TuiStatus {
|
|
16
16
|
constructor() {
|
|
@@ -18,7 +18,7 @@ class TuiStatus {
|
|
|
18
18
|
this.tuiStatus = '';
|
|
19
19
|
}
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiStatus, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
21
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiStatus, isStandalone: true, selector: "[tuiStatus]", inputs: { tuiStatus: "tuiStatus" }, host: { attributes: { "tuiStatus": "", "tuiStatusV": "4.
|
|
21
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiStatus, isStandalone: true, selector: "[tuiStatus]", inputs: { tuiStatus: "tuiStatus" }, host: { attributes: { "tuiStatus": "", "tuiStatusV": "4.97.0" }, properties: { "style.--t-status": "tuiStatus || null" } }, ngImport: i0 }); }
|
|
22
22
|
}
|
|
23
23
|
export { TuiStatus };
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiStatus, decorators: [{
|
|
@@ -38,7 +38,7 @@ class TuiSwitch {
|
|
|
38
38
|
return this.showIcons && icon ? `url(${resolver(icon)})` : null;
|
|
39
39
|
}
|
|
40
40
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSwitch, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
41
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiSwitch, isStandalone: true, selector: "input[type=\"checkbox\"][tuiSwitch]", inputs: { size: "size", showIcons: "showIcons" }, host: { attributes: { "role": "switch", "tuiSwitchV": "4.
|
|
41
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiSwitch, isStandalone: true, selector: "input[type=\"checkbox\"][tuiSwitch]", inputs: { size: "size", showIcons: "showIcons" }, host: { attributes: { "role": "switch", "tuiSwitchV": "4.97.0" }, properties: { "disabled": "!control || control.disabled", "attr.data-size": "size", "class._readonly": "!control", "style.--t-checked-icon": "icon" } }, hostDirectives: [{ directive: i1.TuiAppearance, inputs: ["tuiAppearanceState", "tuiAppearanceState", "tuiAppearanceFocus", "tuiAppearanceFocus", "tuiAppearanceMode", "tuiAppearanceMode"] }, { directive: i2.TuiNativeValidator }], ngImport: i0, template: '', isInline: true, styles: ["[tuiSwitchV=\"4.97.0\"]{transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:3rem;block-size:1.5rem;border-radius:2rem;overflow:hidden;cursor:pointer;margin:0;flex-shrink:0}[tuiSwitchV=\"4.97.0\"][data-size=s]{block-size:1rem;inline-size:2rem}[tuiSwitchV=\"4.97.0\"][data-size=s]:before{inline-size:1rem;transform:translate(-1rem);-webkit-mask-size:.75rem;mask-size:.75rem}[tuiSwitchV=\"4.97.0\"][data-size=s]:after{inline-size:1rem;box-shadow:-2.625rem 0 0 .5rem var(--tui-background-base);outline-width:.167rem;transform:scale(.375)}[tuiSwitchV=\"4.97.0\"][data-size=s]:checked:after{transform:scale(.375) translate(2.625rem)}[tuiSwitchV=\"4.97.0\"]:checked:before{transform:none}[tuiSwitchV=\"4.97.0\"]:checked:after{transform:scale(.33333) translate(4.5rem)}[tuiSwitchV=\"4.97.0\"]:disabled._readonly._readonly{opacity:1}[tuiSwitchV=\"4.97.0\"]:before,[tuiSwitchV=\"4.97.0\"]:after{content:\"\";position:absolute;block-size:100%;inline-size:1.5rem;transition-property:transform}[tuiSwitchV=\"4.97.0\"]:before{left:.125rem;display:var(--t-checked-icon, none);background:currentColor;-webkit-mask:var(--t-checked-icon) no-repeat center;mask:var(--t-checked-icon) no-repeat center;-webkit-mask-size:1rem;mask-size:1rem;transform:translate(-1.5rem)}[tuiSwitchV=\"4.97.0\"]:after{right:0;border-radius:100%;transform:scale(.33333);box-shadow:-4.5rem 0 0 .75rem var(--tui-background-base);outline:.375rem solid var(--tui-background-neutral-2-pressed);outline-offset:var(--t-checked-icon, 20rem)}[tuiSwitchV=\"4.97.0\"]:invalid:not([data-mode]),[tuiSwitchV=\"4.97.0\"][data-mode~=invalid]{color:#fff}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
42
42
|
}
|
|
43
43
|
export { TuiSwitch };
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSwitch, decorators: [{
|
|
@@ -56,7 +56,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
56
56
|
'[attr.data-size]': 'size',
|
|
57
57
|
'[class._readonly]': '!control',
|
|
58
58
|
'[style.--t-checked-icon]': 'icon',
|
|
59
|
-
}, styles: ["[tuiSwitchV=\"4.
|
|
59
|
+
}, styles: ["[tuiSwitchV=\"4.97.0\"]{transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:3rem;block-size:1.5rem;border-radius:2rem;overflow:hidden;cursor:pointer;margin:0;flex-shrink:0}[tuiSwitchV=\"4.97.0\"][data-size=s]{block-size:1rem;inline-size:2rem}[tuiSwitchV=\"4.97.0\"][data-size=s]:before{inline-size:1rem;transform:translate(-1rem);-webkit-mask-size:.75rem;mask-size:.75rem}[tuiSwitchV=\"4.97.0\"][data-size=s]:after{inline-size:1rem;box-shadow:-2.625rem 0 0 .5rem var(--tui-background-base);outline-width:.167rem;transform:scale(.375)}[tuiSwitchV=\"4.97.0\"][data-size=s]:checked:after{transform:scale(.375) translate(2.625rem)}[tuiSwitchV=\"4.97.0\"]:checked:before{transform:none}[tuiSwitchV=\"4.97.0\"]:checked:after{transform:scale(.33333) translate(4.5rem)}[tuiSwitchV=\"4.97.0\"]:disabled._readonly._readonly{opacity:1}[tuiSwitchV=\"4.97.0\"]:before,[tuiSwitchV=\"4.97.0\"]:after{content:\"\";position:absolute;block-size:100%;inline-size:1.5rem;transition-property:transform}[tuiSwitchV=\"4.97.0\"]:before{left:.125rem;display:var(--t-checked-icon, none);background:currentColor;-webkit-mask:var(--t-checked-icon) no-repeat center;mask:var(--t-checked-icon) no-repeat center;-webkit-mask-size:1rem;mask-size:1rem;transform:translate(-1.5rem)}[tuiSwitchV=\"4.97.0\"]:after{right:0;border-radius:100%;transform:scale(.33333);box-shadow:-4.5rem 0 0 .75rem var(--tui-background-base);outline:.375rem solid var(--tui-background-neutral-2-pressed);outline-offset:var(--t-checked-icon, 20rem)}[tuiSwitchV=\"4.97.0\"]:invalid:not([data-mode]),[tuiSwitchV=\"4.97.0\"][data-mode~=invalid]{color:#fff}\n"] }]
|
|
60
60
|
}], propDecorators: { size: [{
|
|
61
61
|
type: Input
|
|
62
62
|
}], showIcons: [{
|
|
@@ -31,7 +31,7 @@ class TuiTab {
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTab, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
34
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiTab, isStandalone: true, selector: "a[tuiTab]:not([routerLink]), a[tuiTab][routerLink][routerLinkActive], button[tuiTab]", host: { attributes: { "tuiTabV": "4.
|
|
34
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiTab, isStandalone: true, selector: "a[tuiTab]:not([routerLink]), a[tuiTab][routerLink][routerLinkActive], button[tuiTab]", host: { attributes: { "tuiTabV": "4.97.0", "type": "button" } }, hostDirectives: [{ directive: i1.TuiWithIcons }], ngImport: i0 }); }
|
|
35
35
|
}
|
|
36
36
|
export { TuiTab };
|
|
37
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTab, decorators: [{
|
|
@@ -8,13 +8,13 @@ import { TUI_TABS_OPTIONS } from './tabs.options';
|
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
class TuiTabsStyles {
|
|
10
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTabsStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTabsStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-tabs" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiTabV=\"4.
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTabsStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-tabs" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiTabV=\"4.97.0\"]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-inline-start:var(--tui-tab-margin, 24px)}[tuiTabV=\"4.97.0\"]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTabV=\"4.97.0\"]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTabV=\"4.97.0\"]:focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.125rem}[tuiTabsV=\"4.97.0\"]._underline [tuiTabV=\"4.97.0\"]:hover:not(._active){box-shadow:inset 0 -.125rem var(--tui-border-normal)}[tuiTabsV=\"4.97.0\"]>[tuiTabV=\"4.97.0\"]:first-child,[tuiTabsV=\"4.97.0\"]>:not(.t-overflown)>[tuiTabV=\"4.97.0\"]:first-child{margin-inline-start:0}[tuiTabsV=\"4.97.0\"]>[tuiTabV=\"4.97.0\"]~:not(.t-overflown)>[tuiTabV=\"4.97.0\"]:first-child{margin-inline-start:var(--tui-tab-margin, 24px)}[tuiTabV=\"4.97.0\"][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTabV=\"4.97.0\"][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTabV=\"4.97.0\"]:empty:after,[tuiTabV=\"4.97.0\"]:empty:before{margin:.5rem}@media (hover: hover) and (pointer: fine){[tuiTabV=\"4.97.0\"]:hover{color:var(--tui-text-primary)}}[tuiTabsV=\"4.97.0\"]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabsV=\"4.97.0\"]::-webkit-scrollbar,[tuiTabsV=\"4.97.0\"]::-webkit-scrollbar-thumb{display:none}[tuiTabsV=\"4.97.0\"][data-size=m]{font:var(--tui-font-text-s);--tui-tab-margin: 16px}[tuiTabsV=\"4.97.0\"][data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabsV=\"4.97.0\"][data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabsV=\"4.97.0\"]:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:.125rem;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabsV=\"4.97.0\"]._underline:before{content:\"\"}[data-vertical][tuiTabsV=\"4.97.0\"]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.97.0\"] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}[data-vertical][tuiTabsV=\"4.97.0\"] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:.125rem;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}[data-vertical][tuiTabsV=\"4.97.0\"] [tuiTab]:hover{box-shadow:inset -.125rem 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.97.0\"] [tuiTab]._active:after{transform:none}[data-vertical][tuiTabsV=\"4.97.0\"][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}[data-vertical][tuiTabsV=\"4.97.0\"][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.97.0\"][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}[data-vertical][tuiTabsV=\"4.97.0\"][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}[data-vertical][tuiTabsV=\"4.97.0\"][data-vertical=right] [tuiTab]:hover{box-shadow:inset .125rem 0 var(--tui-border-normal)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
12
12
|
}
|
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTabsStyles, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
15
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
16
16
|
class: 'tui-tabs',
|
|
17
|
-
}, styles: ["[tuiTabV=\"4.
|
|
17
|
+
}, styles: ["[tuiTabV=\"4.97.0\"]{transition-property:color,box-shadow,opacity,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;line-height:1.5rem;align-items:center;white-space:nowrap;cursor:pointer;outline:none;color:inherit;margin-inline-start:var(--tui-tab-margin, 24px)}[tuiTabV=\"4.97.0\"]:disabled{opacity:var(--tui-disabled-opacity);pointer-events:none}[tuiTabV=\"4.97.0\"]._active{color:var(--tui-text-primary);box-shadow:none}[tuiTabV=\"4.97.0\"]:focus-visible{outline:.125rem solid var(--tui-border-focus);outline-offset:-.125rem}[tuiTabsV=\"4.97.0\"]._underline [tuiTabV=\"4.97.0\"]:hover:not(._active){box-shadow:inset 0 -.125rem var(--tui-border-normal)}[tuiTabsV=\"4.97.0\"]>[tuiTabV=\"4.97.0\"]:first-child,[tuiTabsV=\"4.97.0\"]>:not(.t-overflown)>[tuiTabV=\"4.97.0\"]:first-child{margin-inline-start:0}[tuiTabsV=\"4.97.0\"]>[tuiTabV=\"4.97.0\"]~:not(.t-overflown)>[tuiTabV=\"4.97.0\"]:first-child{margin-inline-start:var(--tui-tab-margin, 24px)}[tuiTabV=\"4.97.0\"][tuiIcons]:before{font-size:1rem;margin-inline-end:.5rem}[tuiTabV=\"4.97.0\"][tuiIcons]:after{font-size:1rem;margin-inline-start:.5rem}[tuiTabV=\"4.97.0\"]:empty:after,[tuiTabV=\"4.97.0\"]:empty:before{margin:.5rem}@media (hover: hover) and (pointer: fine){[tuiTabV=\"4.97.0\"]:hover{color:var(--tui-text-primary)}}[tuiTabsV=\"4.97.0\"]{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:flex;font:var(--tui-font-text-m);color:var(--tui-text-secondary);box-shadow:inset 0 -1px var(--tui-border-normal);overflow:auto;isolation:isolate}[tuiTabsV=\"4.97.0\"]::-webkit-scrollbar,[tuiTabsV=\"4.97.0\"]::-webkit-scrollbar-thumb{display:none}[tuiTabsV=\"4.97.0\"][data-size=m]{font:var(--tui-font-text-s);--tui-tab-margin: 16px}[tuiTabsV=\"4.97.0\"][data-size=l]:not([data-vertical]){block-size:var(--tui-height-l)}[tuiTabsV=\"4.97.0\"][data-size=m]:not([data-vertical]){block-size:var(--tui-height-m)}[tuiTabsV=\"4.97.0\"]:before{transition-property:width,left;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:var(--t-left);bottom:0;block-size:.125rem;inline-size:var(--t-width);background:var(--t-color);animation:tuiPresent 1ms}[tuiTabsV=\"4.97.0\"]._underline:before{content:\"\"}[data-vertical][tuiTabsV=\"4.97.0\"]{flex-direction:column;box-shadow:inset -1px 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.97.0\"] [tuiTab]{min-block-size:2.75rem;block-size:auto;white-space:normal;margin:0;text-align:start;padding:.25rem 1.25rem .25rem 0}[data-vertical][tuiTabsV=\"4.97.0\"] [tuiTab]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;top:0;right:0;display:block;block-size:100%;inline-size:.125rem;background:var(--tui-background-accent-1);transform:scaleX(0);transform-origin:right;margin:0}[data-vertical][tuiTabsV=\"4.97.0\"] [tuiTab]:hover{box-shadow:inset -.125rem 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.97.0\"] [tuiTab]._active:after{transform:none}[data-vertical][tuiTabsV=\"4.97.0\"][data-size=m] [tuiTab]{min-block-size:2.25rem;font:var(--tui-font-text-s)}[data-vertical][tuiTabsV=\"4.97.0\"][data-vertical=right]{box-shadow:inset 1px 0 var(--tui-border-normal)}[data-vertical][tuiTabsV=\"4.97.0\"][data-vertical=right] [tuiTab]{text-align:end;padding:.25rem 0 .25rem 1.25rem}[data-vertical][tuiTabsV=\"4.97.0\"][data-vertical=right] [tuiTab]:after{right:auto;left:0;transform-origin:left}[data-vertical][tuiTabsV=\"4.97.0\"][data-vertical=right] [tuiTab]:hover{box-shadow:inset .125rem 0 var(--tui-border-normal)}\n"] }]
|
|
18
18
|
}] });
|
|
19
19
|
class TuiTabsDirective {
|
|
20
20
|
constructor() {
|
|
@@ -58,7 +58,7 @@ class TuiTabsDirective {
|
|
|
58
58
|
});
|
|
59
59
|
}
|
|
60
60
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTabsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
61
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiTabsDirective, isStandalone: true, inputs: { size: "size", activeItemIndex: "activeItemIndex" }, outputs: { activeItemIndexChange: "activeItemIndexChange" }, host: { attributes: { "tuiTabsV": "4.
|
|
61
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiTabsDirective, isStandalone: true, inputs: { size: "size", activeItemIndex: "activeItemIndex" }, outputs: { activeItemIndexChange: "activeItemIndexChange" }, host: { attributes: { "tuiTabsV": "4.97.0" }, listeners: { "tui-tab-activate": "onActivate($event, $event.target)" }, properties: { "attr.data-size": "size" } }, ngImport: i0 }); }
|
|
62
62
|
}
|
|
63
63
|
export { TuiTabsDirective };
|
|
64
64
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTabsDirective, decorators: [{
|
|
@@ -39,14 +39,14 @@ class TuiTilesComponent {
|
|
|
39
39
|
return this.order$.value;
|
|
40
40
|
}
|
|
41
41
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTilesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
42
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTilesComponent, isStandalone: true, selector: "tui-tiles", inputs: { debounce: "debounce", order: "order" }, outputs: { orderChange: "orderChange" }, host: { attributes: { "tuiTilesV": "4.
|
|
42
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTilesComponent, isStandalone: true, selector: "tui-tiles", inputs: { debounce: "debounce", order: "order" }, outputs: { orderChange: "orderChange" }, host: { attributes: { "tuiTilesV": "4.97.0" }, listeners: { "pointerleave.zoneless": "rearrange()" } }, providers: [
|
|
43
43
|
WaResizeObserverService,
|
|
44
44
|
WaMutationObserverService,
|
|
45
45
|
{
|
|
46
46
|
provide: WA_MUTATION_OBSERVER_INIT,
|
|
47
47
|
useValue: { childList: true },
|
|
48
48
|
},
|
|
49
|
-
], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["[tuiTilesV=\"4.
|
|
49
|
+
], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["[tuiTilesV=\"4.97.0\"]{position:relative;z-index:0;display:grid;grid-auto-flow:dense;justify-items:stretch}[tuiTilesV=\"4.97.0\"]._dragged tui-tile>.t-wrapper{pointer-events:none}[tuiTilesV=\"4.97.0\"]._dragged tui-tile:not(._dragged)>.t-wrapper,[tuiTilesV=\"4.97.0\"]:not(._dragged) tui-tile._dragged>.t-wrapper{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;transition-delay:1ms}tui-tile>.t-wrapper{position:absolute;z-index:0;border-radius:inherit}tui-tile._dragged>.t-wrapper,tui-tile:has(tui-tile._dragged)>.t-wrapper{z-index:1}tui-tile [tuiTileHandle]{touch-action:none;-webkit-user-select:none;user-select:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
50
50
|
}
|
|
51
51
|
export { TuiTilesComponent };
|
|
52
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTilesComponent, decorators: [{
|
|
@@ -61,7 +61,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
61
61
|
], host: {
|
|
62
62
|
tuiTilesV: TUI_VERSION,
|
|
63
63
|
'(pointerleave.zoneless)': 'rearrange()',
|
|
64
|
-
}, styles: ["[tuiTilesV=\"4.
|
|
64
|
+
}, styles: ["[tuiTilesV=\"4.97.0\"]{position:relative;z-index:0;display:grid;grid-auto-flow:dense;justify-items:stretch}[tuiTilesV=\"4.97.0\"]._dragged tui-tile>.t-wrapper{pointer-events:none}[tuiTilesV=\"4.97.0\"]._dragged tui-tile:not(._dragged)>.t-wrapper,[tuiTilesV=\"4.97.0\"]:not(._dragged) tui-tile._dragged>.t-wrapper{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;transition-delay:1ms}tui-tile>.t-wrapper{position:absolute;z-index:0;border-radius:inherit}tui-tile._dragged>.t-wrapper,tui-tile:has(tui-tile._dragged)>.t-wrapper{z-index:1}tui-tile [tuiTileHandle]{touch-action:none;-webkit-user-select:none;user-select:none}\n"] }]
|
|
65
65
|
}], propDecorators: { debounce: [{
|
|
66
66
|
type: Input
|
|
67
67
|
}], orderChange: [{
|
|
@@ -14,13 +14,13 @@ import * as i1 from "@taiga-ui/core/directives/icons";
|
|
|
14
14
|
import * as i2 from "@taiga-ui/kit/components/shrink-wrap";
|
|
15
15
|
class TuiToastStyles {
|
|
16
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiToastStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiToastStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-toast" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiToastV=\"4.
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiToastStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-toast" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiToastV=\"4.97.0\"]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;grid-row:1 / span 2;box-sizing:border-box;gap:.75rem;color:var(--tui-text-primary);background:var(--tui-background-elevation-3);min-block-size:3.5rem;border-radius:1rem;padding:.75rem 1rem;box-shadow:var(--tui-shadow-medium);align-items:center;justify-content:center;inline-size:-webkit-max-content;inline-size:max-content;font:var(--tui-font-text-ui-s);max-inline-size:min(calc(100vw - 2rem),25rem);border:inherit;text-decoration:none;white-space:pre-line;text-align:start;overflow:hidden}[tuiToastV=\"4.97.0\"]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToastV=\"4.97.0\"]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToastV=\"4.97.0\"]>*:not(tui-shrink-wrap),[tuiToastV=\"4.97.0\"]:after,[tuiToastV=\"4.97.0\"]:before{max-inline-size:50%;margin:0 -.25rem}[tuiToastV=\"4.97.0\"]:after{font-size:1rem;color:var(--tui-text-tertiary)}[tuiToastV=\"4.97.0\"] tui-avatar{margin-inline-end:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
18
18
|
}
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiToastStyles, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
21
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
22
22
|
class: 'tui-toast',
|
|
23
|
-
}, styles: ["[tuiToastV=\"4.
|
|
23
|
+
}, styles: ["[tuiToastV=\"4.97.0\"]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;grid-row:1 / span 2;box-sizing:border-box;gap:.75rem;color:var(--tui-text-primary);background:var(--tui-background-elevation-3);min-block-size:3.5rem;border-radius:1rem;padding:.75rem 1rem;box-shadow:var(--tui-shadow-medium);align-items:center;justify-content:center;inline-size:-webkit-max-content;inline-size:max-content;font:var(--tui-font-text-ui-s);max-inline-size:min(calc(100vw - 2rem),25rem);border:inherit;text-decoration:none;white-space:pre-line;text-align:start;overflow:hidden}[tuiToastV=\"4.97.0\"]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToastV=\"4.97.0\"]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToastV=\"4.97.0\"]>*:not(tui-shrink-wrap),[tuiToastV=\"4.97.0\"]:after,[tuiToastV=\"4.97.0\"]:before{max-inline-size:50%;margin:0 -.25rem}[tuiToastV=\"4.97.0\"]:after{font-size:1rem;color:var(--tui-text-tertiary)}[tuiToastV=\"4.97.0\"] tui-avatar{margin-inline-end:0}\n"] }]
|
|
24
24
|
}] });
|
|
25
25
|
class TuiToastDirective {
|
|
26
26
|
constructor() {
|
|
@@ -29,7 +29,7 @@ class TuiToastDirective {
|
|
|
29
29
|
this.width = tuiDirectiveBinding(TuiShrinkWrapDirective, 'tuiShrinkWrap', computed(() => this.tuiShrinkWrap));
|
|
30
30
|
}
|
|
31
31
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiToastDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
32
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiToastDirective, isStandalone: true, selector: "[tuiToast]:not(ng-template)", inputs: { tuiShrinkWrap: "tuiShrinkWrap" }, host: { attributes: { "tuiToastV": "4.
|
|
32
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiToastDirective, isStandalone: true, selector: "[tuiToast]:not(ng-template)", inputs: { tuiShrinkWrap: "tuiShrinkWrap" }, host: { attributes: { "tuiToastV": "4.97.0" } }, providers: [
|
|
33
33
|
tuiBadgeOptionsProvider({ size: 'l' }),
|
|
34
34
|
tuiAvatarOptionsProvider(() => ({
|
|
35
35
|
size: inject(TUI_PLATFORM) === 'web' ? 's' : 'm',
|
|
@@ -4,20 +4,20 @@ import { TUI_VERSION } from '@taiga-ui/cdk/constants';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
class TuiButtonGroupStyles {
|
|
6
6
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButtonGroupStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiButtonGroupStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-button-group-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiButtonGroupV=\"4.
|
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiButtonGroupStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-button-group-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiButtonGroupV=\"4.97.0\"],[tuiButtonGroupV=\"4.97.0\"] tui-elastic-container{transition-property:background,height,border-radius;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;border-radius:var(--tui-radius-xl);overflow:hidden}[tuiButtonGroupV=\"4.97.0\"],[tuiButtonGroupV=\"4.97.0\"] tui-elastic-container .t-wrapper{display:flex;justify-content:center}[tuiButtonGroupV=\"4.97.0\"] tui-elastic-container{inline-size:100%}[tuiButtonGroupV=\"4.97.0\"] button,[tuiButtonGroupV=\"4.97.0\"] a{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:flex;border:none;outline:none;background:transparent;align-items:center;flex:1;flex-direction:column;padding:1.125rem .25rem;gap:.5rem;font:var(--tui-font-text-ui-s);max-inline-size:calc(50% - 1.75rem);cursor:pointer;color:var(--tui-text-action);text-align:center;text-decoration:none;clip-path:inset(0)}[tuiButtonGroupV=\"4.97.0\"] button:first-child,[tuiButtonGroupV=\"4.97.0\"] a:first-child{clip-path:inset(0 0 0 -10rem)}[tuiButtonGroupV=\"4.97.0\"] button:last-child,[tuiButtonGroupV=\"4.97.0\"] a:last-child{clip-path:inset(0 -10rem 0 0)}[tuiButtonGroupV=\"4.97.0\"] button:active,[tuiButtonGroupV=\"4.97.0\"] a:active{background:var(--tui-background-neutral-1)}[tuiButtonGroupV=\"4.97.0\"] button:before,[tuiButtonGroupV=\"4.97.0\"] a:before,[tuiButtonGroupV=\"4.97.0\"] button:after,[tuiButtonGroupV=\"4.97.0\"] a:after{position:absolute;top:0;background:inherit;inline-size:1.75rem;block-size:100%}[tuiButtonGroupV=\"4.97.0\"] button:first-child:before,[tuiButtonGroupV=\"4.97.0\"] a:first-child:before{content:\"\";left:-1.75rem}[tuiButtonGroupV=\"4.97.0\"] button:last-child:after,[tuiButtonGroupV=\"4.97.0\"] a:last-child:after{content:\"\";right:-1.75rem}[tuiButtonGroupV=\"4.97.0\"] button tui-icon,[tuiButtonGroupV=\"4.97.0\"] a tui-icon{font-size:1.75rem}[tuiButtonGroupV=\"4.97.0\"]:has(button:only-child){border-radius:1rem}[tuiButtonGroupV=\"4.97.0\"] button:only-child,[tuiButtonGroupV=\"4.97.0\"] a:only-child{inline-size:100%;flex-direction:row;font:var(--tui-font-text-ui-l);max-inline-size:100%;justify-content:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8
8
|
}
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButtonGroupStyles, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
11
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
12
12
|
class: 'tui-button-group-styles',
|
|
13
|
-
}, styles: ["[tuiButtonGroupV=\"4.
|
|
13
|
+
}, styles: ["[tuiButtonGroupV=\"4.97.0\"],[tuiButtonGroupV=\"4.97.0\"] tui-elastic-container{transition-property:background,height,border-radius;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;border-radius:var(--tui-radius-xl);overflow:hidden}[tuiButtonGroupV=\"4.97.0\"],[tuiButtonGroupV=\"4.97.0\"] tui-elastic-container .t-wrapper{display:flex;justify-content:center}[tuiButtonGroupV=\"4.97.0\"] tui-elastic-container{inline-size:100%}[tuiButtonGroupV=\"4.97.0\"] button,[tuiButtonGroupV=\"4.97.0\"] a{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:flex;border:none;outline:none;background:transparent;align-items:center;flex:1;flex-direction:column;padding:1.125rem .25rem;gap:.5rem;font:var(--tui-font-text-ui-s);max-inline-size:calc(50% - 1.75rem);cursor:pointer;color:var(--tui-text-action);text-align:center;text-decoration:none;clip-path:inset(0)}[tuiButtonGroupV=\"4.97.0\"] button:first-child,[tuiButtonGroupV=\"4.97.0\"] a:first-child{clip-path:inset(0 0 0 -10rem)}[tuiButtonGroupV=\"4.97.0\"] button:last-child,[tuiButtonGroupV=\"4.97.0\"] a:last-child{clip-path:inset(0 -10rem 0 0)}[tuiButtonGroupV=\"4.97.0\"] button:active,[tuiButtonGroupV=\"4.97.0\"] a:active{background:var(--tui-background-neutral-1)}[tuiButtonGroupV=\"4.97.0\"] button:before,[tuiButtonGroupV=\"4.97.0\"] a:before,[tuiButtonGroupV=\"4.97.0\"] button:after,[tuiButtonGroupV=\"4.97.0\"] a:after{position:absolute;top:0;background:inherit;inline-size:1.75rem;block-size:100%}[tuiButtonGroupV=\"4.97.0\"] button:first-child:before,[tuiButtonGroupV=\"4.97.0\"] a:first-child:before{content:\"\";left:-1.75rem}[tuiButtonGroupV=\"4.97.0\"] button:last-child:after,[tuiButtonGroupV=\"4.97.0\"] a:last-child:after{content:\"\";right:-1.75rem}[tuiButtonGroupV=\"4.97.0\"] button tui-icon,[tuiButtonGroupV=\"4.97.0\"] a tui-icon{font-size:1.75rem}[tuiButtonGroupV=\"4.97.0\"]:has(button:only-child){border-radius:1rem}[tuiButtonGroupV=\"4.97.0\"] button:only-child,[tuiButtonGroupV=\"4.97.0\"] a:only-child{inline-size:100%;flex-direction:row;font:var(--tui-font-text-ui-l);max-inline-size:100%;justify-content:center}\n"] }]
|
|
14
14
|
}] });
|
|
15
15
|
class TuiButtonGroup {
|
|
16
16
|
constructor() {
|
|
17
17
|
this.nothing = tuiWithStyles(TuiButtonGroupStyles);
|
|
18
18
|
}
|
|
19
19
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
20
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiButtonGroup, isStandalone: true, selector: "[tuiButtonGroup]", host: { attributes: { "tuiButtonGroupV": "4.
|
|
20
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiButtonGroup, isStandalone: true, selector: "[tuiButtonGroup]", host: { attributes: { "tuiButtonGroupV": "4.97.0" } }, ngImport: i0 }); }
|
|
21
21
|
}
|
|
22
22
|
export { TuiButtonGroup };
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButtonGroup, decorators: [{
|
|
@@ -10,11 +10,11 @@ export const TUI_CHEVRON = new InjectionToken(ngDevMode ? 'TUI_CHEVRON' : '', {
|
|
|
10
10
|
});
|
|
11
11
|
class TuiChevronStyles {
|
|
12
12
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiChevronStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiChevronStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-chevron" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiChevronV=\"4.
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiChevronStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-chevron" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiChevronV=\"4.97.0\"][tuiIcons]:after,tui-icon[tuiChevronV=\"4.97.0\"]:after{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;cursor:pointer}tui-textfield[tuiChevronV=\"4.97.0\"][tuiIcons]:after{font-size:1rem}tui-textfield[data-size=s][tuiChevronV=\"4.97.0\"][tuiIcons]:after{margin-inline-end:calc(-.125rem - var(--t-padding))}tui-textfield[data-size=m][tuiChevronV=\"4.97.0\"][tuiIcons]:after{margin-inline-end:calc(.125rem - var(--t-padding))}tui-textfield[data-size=l][tuiChevronV=\"4.97.0\"][tuiIcons]:after{margin-inline-end:calc(.25rem - var(--t-padding))}[tuiChevronV=\"4.97.0\"][tuiIcons]._chevron-rotated:after,tui-icon[tuiChevronV=\"4.97.0\"]._chevron-rotated:after{transform:rotate(180deg)}[tuiChevronV=\"4.97.0\"]:has(input[tuiTextfield]:read-only):after{cursor:default}tui-textfield[tuiChevronV=\"4.97.0\"][style*=\"--t-icon-end:\"][data-size=l]{--t-end: 1.875rem}tui-textfield[tuiChevronV=\"4.97.0\"][style*=\"--t-icon-end:\"][data-size=m]{--t-end: 1.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
14
14
|
}
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiChevronStyles, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-chevron' }, styles: ["[tuiChevronV=\"4.
|
|
17
|
+
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-chevron' }, styles: ["[tuiChevronV=\"4.97.0\"][tuiIcons]:after,tui-icon[tuiChevronV=\"4.97.0\"]:after{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;cursor:pointer}tui-textfield[tuiChevronV=\"4.97.0\"][tuiIcons]:after{font-size:1rem}tui-textfield[data-size=s][tuiChevronV=\"4.97.0\"][tuiIcons]:after{margin-inline-end:calc(-.125rem - var(--t-padding))}tui-textfield[data-size=m][tuiChevronV=\"4.97.0\"][tuiIcons]:after{margin-inline-end:calc(.125rem - var(--t-padding))}tui-textfield[data-size=l][tuiChevronV=\"4.97.0\"][tuiIcons]:after{margin-inline-end:calc(.25rem - var(--t-padding))}[tuiChevronV=\"4.97.0\"][tuiIcons]._chevron-rotated:after,tui-icon[tuiChevronV=\"4.97.0\"]._chevron-rotated:after{transform:rotate(180deg)}[tuiChevronV=\"4.97.0\"]:has(input[tuiTextfield]:read-only):after{cursor:default}tui-textfield[tuiChevronV=\"4.97.0\"][style*=\"--t-icon-end:\"][data-size=l]{--t-end: 1.875rem}tui-textfield[tuiChevronV=\"4.97.0\"][style*=\"--t-icon-end:\"][data-size=m]{--t-end: 1.5rem}\n"] }]
|
|
18
18
|
}] });
|
|
19
19
|
class TuiChevron {
|
|
20
20
|
constructor() {
|
|
@@ -29,7 +29,7 @@ class TuiChevron {
|
|
|
29
29
|
this.chevron.set(chevron);
|
|
30
30
|
}
|
|
31
31
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiChevron, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
32
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiChevron, isStandalone: true, selector: "[tuiChevron]", inputs: { tuiChevron: "tuiChevron" }, host: { attributes: { "tuiChevron": "", "tuiChevronV": "4.
|
|
32
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiChevron, isStandalone: true, selector: "[tuiChevron]", inputs: { tuiChevron: "tuiChevron" }, host: { attributes: { "tuiChevron": "", "tuiChevronV": "4.97.0" } }, providers: [tuiProvide(TUI_ICON_END, TUI_CHEVRON)], ngImport: i0 }); }
|
|
33
33
|
}
|
|
34
34
|
export { TuiChevron };
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiChevron, decorators: [{
|
|
@@ -4,20 +4,20 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
class TuiConnectedStyles {
|
|
6
6
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiConnectedStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiConnectedStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-connected-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiConnectedV=\"4.
|
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiConnectedStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-connected-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiConnectedV=\"4.97.0\"]{--t-image-size: 2.5rem;--t-connected-height: calc(100% - var(--t-image-size) - .5rem)}[tuiConnectedV=\"4.97.0\"]>[tuiCell]{padding:1rem}[tuiConnectedV=\"4.97.0\"][tuiCardLarge][data-space] [tuiCell]{padding:1rem;margin:-1rem -1rem calc(1rem - var(--t-space))}[tuiConnectedV=\"4.97.0\"][tuiCardLarge][data-space] [tuiCell]:last-of-type{margin-block-end:-1rem}tui-accordion[tuiConnectedV=\"4.97.0\"]{--t-image-size: 2rem}[tuiConnectedV=\"4.97.0\"]>[tuiAccordion]:before,[tuiConnectedV=\"4.97.0\"]>[tuiCell]:not(:last-of-type):before,[tuiConnectedV=\"4.97.0\"]>[tuiStep]:not(:last-of-type):before{content:\"\";position:absolute;top:calc(var(--t-image-size) + .25rem);left:calc(var(--t-image-size) / 2);display:block;inset-inline-start:calc(var(--t-image-size) / 2);block-size:var(--t-connected-height);inline-size:1px;color:var(--tui-border-normal);background:linear-gradient(to bottom,currentColor 75%,transparent 75%) top center / 300% 300%;background-clip:content-box;padding:inherit}[tuiConnectedV=\"4.97.0\"]>[tuiAccordion]{gap:1rem;--t-margin: 0}[tuiConnectedV=\"4.97.0\"]>[tuiAccordion]:before{top:0;left:calc(var(--t-image-size) / 2);inset-inline-start:calc(var(--t-image-size) / 2);block-size:100%;margin:0;background:var(--tui-border-normal);-webkit-mask:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2),transparent calc(50% + var(--t-image-size) / 2),black calc(50% + var(--t-image-size) / 2));mask:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2),transparent calc(50% + var(--t-image-size) / 2),black calc(50% + var(--t-image-size) / 2))}[tuiConnectedV=\"4.97.0\"]>[tuiAccordion]:first-of-type:before{-webkit-mask:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2));mask:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2))}[tuiConnectedV=\"4.97.0\"]>[tuiAccordion]:last-of-type:before{-webkit-mask:linear-gradient(to bottom,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2));mask:linear-gradient(to bottom,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2))}[tuiConnectedV=\"4.97.0\"]>tui-expand>*{padding:0;padding-inline-start:3rem}[tuiConnectedV=\"4.97.0\"]>tui-expand:not(:last-child):before{content:\"\";position:absolute;top:0;left:calc(var(--t-image-size) / 2);inset-inline-start:calc(var(--t-image-size) / 2);block-size:100%;inline-size:1px;background:var(--tui-border-normal)}[tuiConnectedV=\"4.97.0\"]>[tuiStep]{--t-image-size: 2rem;--t-connected-height: calc(100% - var(--t-image-size) + .75rem)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8
8
|
}
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiConnectedStyles, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
11
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
12
12
|
class: 'tui-connected-styles',
|
|
13
|
-
}, styles: ["[tuiConnectedV=\"4.
|
|
13
|
+
}, styles: ["[tuiConnectedV=\"4.97.0\"]{--t-image-size: 2.5rem;--t-connected-height: calc(100% - var(--t-image-size) - .5rem)}[tuiConnectedV=\"4.97.0\"]>[tuiCell]{padding:1rem}[tuiConnectedV=\"4.97.0\"][tuiCardLarge][data-space] [tuiCell]{padding:1rem;margin:-1rem -1rem calc(1rem - var(--t-space))}[tuiConnectedV=\"4.97.0\"][tuiCardLarge][data-space] [tuiCell]:last-of-type{margin-block-end:-1rem}tui-accordion[tuiConnectedV=\"4.97.0\"]{--t-image-size: 2rem}[tuiConnectedV=\"4.97.0\"]>[tuiAccordion]:before,[tuiConnectedV=\"4.97.0\"]>[tuiCell]:not(:last-of-type):before,[tuiConnectedV=\"4.97.0\"]>[tuiStep]:not(:last-of-type):before{content:\"\";position:absolute;top:calc(var(--t-image-size) + .25rem);left:calc(var(--t-image-size) / 2);display:block;inset-inline-start:calc(var(--t-image-size) / 2);block-size:var(--t-connected-height);inline-size:1px;color:var(--tui-border-normal);background:linear-gradient(to bottom,currentColor 75%,transparent 75%) top center / 300% 300%;background-clip:content-box;padding:inherit}[tuiConnectedV=\"4.97.0\"]>[tuiAccordion]{gap:1rem;--t-margin: 0}[tuiConnectedV=\"4.97.0\"]>[tuiAccordion]:before{top:0;left:calc(var(--t-image-size) / 2);inset-inline-start:calc(var(--t-image-size) / 2);block-size:100%;margin:0;background:var(--tui-border-normal);-webkit-mask:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2),transparent calc(50% + var(--t-image-size) / 2),black calc(50% + var(--t-image-size) / 2));mask:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2),transparent calc(50% + var(--t-image-size) / 2),black calc(50% + var(--t-image-size) / 2))}[tuiConnectedV=\"4.97.0\"]>[tuiAccordion]:first-of-type:before{-webkit-mask:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2));mask:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2))}[tuiConnectedV=\"4.97.0\"]>[tuiAccordion]:last-of-type:before{-webkit-mask:linear-gradient(to bottom,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2));mask:linear-gradient(to bottom,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2))}[tuiConnectedV=\"4.97.0\"]>tui-expand>*{padding:0;padding-inline-start:3rem}[tuiConnectedV=\"4.97.0\"]>tui-expand:not(:last-child):before{content:\"\";position:absolute;top:0;left:calc(var(--t-image-size) / 2);inset-inline-start:calc(var(--t-image-size) / 2);block-size:100%;inline-size:1px;background:var(--tui-border-normal)}[tuiConnectedV=\"4.97.0\"]>[tuiStep]{--t-image-size: 2rem;--t-connected-height: calc(100% - var(--t-image-size) + .75rem)}\n"] }]
|
|
14
14
|
}] });
|
|
15
15
|
class TuiConnected {
|
|
16
16
|
constructor() {
|
|
17
17
|
this.nothing = tuiWithStyles(TuiConnectedStyles);
|
|
18
18
|
}
|
|
19
19
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiConnected, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
20
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiConnected, isStandalone: true, selector: "[tuiConnected]", host: { attributes: { "tuiConnected": "", "tuiConnectedV": "4.
|
|
20
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiConnected, isStandalone: true, selector: "[tuiConnected]", host: { attributes: { "tuiConnected": "", "tuiConnectedV": "4.97.0" } }, ngImport: i0 }); }
|
|
21
21
|
}
|
|
22
22
|
export { TuiConnected };
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiConnected, decorators: [{
|