@taiga-ui/core 4.80.1 → 4.82.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/button/button.directive.d.ts +2 -0
- package/esm2022/components/button/button.directive.mjs +10 -6
- package/esm2022/components/label/label.directive.mjs +6 -6
- package/esm2022/components/link/link.directive.mjs +6 -6
- package/esm2022/components/notification/notification.directive.mjs +6 -6
- package/esm2022/components/root/root.component.mjs +3 -3
- package/esm2022/directives/appearance/appearance.directive.mjs +6 -7
- package/esm2022/directives/group/group.directive.mjs +6 -6
- package/esm2022/directives/icons/icons.directive.mjs +6 -6
- package/fesm2022/taiga-ui-core-components-button.mjs +9 -5
- package/fesm2022/taiga-ui-core-components-button.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-label.mjs +5 -5
- package/fesm2022/taiga-ui-core-components-label.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-link.mjs +5 -5
- package/fesm2022/taiga-ui-core-components-link.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-notification.mjs +5 -5
- package/fesm2022/taiga-ui-core-components-notification.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-root.mjs +2 -2
- package/fesm2022/taiga-ui-core-components-root.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-appearance.mjs +5 -6
- package/fesm2022/taiga-ui-core-directives-appearance.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-group.mjs +5 -5
- package/fesm2022/taiga-ui-core-directives-group.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-icons.mjs +5 -5
- package/fesm2022/taiga-ui-core-directives-icons.mjs.map +1 -1
- package/package.json +15 -15
- package/styles/components/appearance.less +1 -1
- package/styles/components/button.less +3 -3
- package/styles/components/group.less +1 -1
- package/styles/components/icons.less +2 -1
- package/styles/components/label.less +1 -1
- package/styles/components/link.less +1 -1
- package/styles/components/notification.less +2 -2
- package/styles/taiga-ui-local.less +1 -0
- package/styles/variables/version.less +1 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, computed, Directive, effect, inject, Input, signal, ViewEncapsulation, } from '@angular/core';
|
|
2
|
-
import { TUI_ALLOW_SIGNAL_WRITES } from '@taiga-ui/cdk/constants';
|
|
2
|
+
import { TUI_ALLOW_SIGNAL_WRITES, TUI_VERSION } from '@taiga-ui/cdk/constants';
|
|
3
3
|
import { TuiTransitioned } from '@taiga-ui/cdk/directives/transitioned';
|
|
4
4
|
import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
|
|
5
5
|
import { tuiIsString, tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
@@ -8,13 +8,11 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
import * as i1 from "@taiga-ui/cdk/directives/transitioned";
|
|
9
9
|
class TuiAppearanceStyles {
|
|
10
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAppearanceStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAppearanceStyles, isStandalone: true, selector: "ng-component",
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiAppearanceStyles, isStandalone: true, selector: "ng-component", exportAs: ["tui-appearance-4.82.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiAppearanceV=\"4.82.0\"]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;-webkit-appearance:none;appearance:none;outline:.125rem solid transparent;outline-offset:-.125rem;transition-property:color,background-color,opacity,box-shadow,border-color,border-radius,filter}[tuiAppearanceV=\"4.82.0\"]:before,[tuiAppearanceV=\"4.82.0\"]:after{transition-duration:inherit;transition-timing-function:ease-in-out}[tuiAppearanceV=\"4.82.0\"]:focus-visible:not([data-focus=false]){outline-color:var(--tui-border-focus)}[tuiAppearanceV=\"4.82.0\"][data-focus=true]{outline-color:var(--tui-border-focus)}[tuiAppearanceV=\"4.82.0\"][tuiWrapper]:not(._focused):has(:focus-visible){outline-color:var(--tui-border-focus)}[tuiAppearanceV=\"4.82.0\"][tuiWrapper]._focused._focused{outline-color:var(--tui-border-focus)}[tuiAppearanceV=\"4.82.0\"]:disabled:not([data-state]),[tuiAppearanceV=\"4.82.0\"][data-state=disabled]{cursor:initial;opacity:var(--tui-disabled-opacity)}[tuiAppearanceV=\"4.82.0\"][tuiWrapper]:disabled:not([data-state]),[tuiAppearanceV=\"4.82.0\"][tuiWrapper][data-state=disabled]{cursor:initial;opacity:var(--tui-disabled-opacity)}\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: TuiAppearanceStyles, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
|
-
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush,
|
|
16
|
-
class: 'tui-appearance',
|
|
17
|
-
}, styles: ["[tuiAppearance]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;-webkit-appearance:none;appearance:none;outline:.125rem solid transparent;outline-offset:-.125rem;transition-property:color,background-color,opacity,box-shadow,border-color,border-radius,filter}[tuiAppearance]:before,[tuiAppearance]:after{transition-duration:inherit;transition-timing-function:ease-in-out}[tuiAppearance]:focus-visible:not([data-focus=false]){outline-color:var(--tui-border-focus)}[tuiAppearance][data-focus=true]{outline-color:var(--tui-border-focus)}[tuiAppearance][tuiWrapper]:not(._focused):has(:focus-visible){outline-color:var(--tui-border-focus)}[tuiAppearance][tuiWrapper]._focused._focused{outline-color:var(--tui-border-focus)}[tuiAppearance]:disabled:not([data-state]),[tuiAppearance][data-state=disabled]{cursor:initial;opacity:var(--tui-disabled-opacity)}[tuiAppearance][tuiWrapper]:disabled:not([data-state]),[tuiAppearance][tuiWrapper][data-state=disabled]{cursor:initial;opacity:var(--tui-disabled-opacity)}\n"] }]
|
|
15
|
+
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-appearance-${TUI_VERSION}`, styles: ["[tuiAppearanceV=\"4.82.0\"]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;-webkit-appearance:none;appearance:none;outline:.125rem solid transparent;outline-offset:-.125rem;transition-property:color,background-color,opacity,box-shadow,border-color,border-radius,filter}[tuiAppearanceV=\"4.82.0\"]:before,[tuiAppearanceV=\"4.82.0\"]:after{transition-duration:inherit;transition-timing-function:ease-in-out}[tuiAppearanceV=\"4.82.0\"]:focus-visible:not([data-focus=false]){outline-color:var(--tui-border-focus)}[tuiAppearanceV=\"4.82.0\"][data-focus=true]{outline-color:var(--tui-border-focus)}[tuiAppearanceV=\"4.82.0\"][tuiWrapper]:not(._focused):has(:focus-visible){outline-color:var(--tui-border-focus)}[tuiAppearanceV=\"4.82.0\"][tuiWrapper]._focused._focused{outline-color:var(--tui-border-focus)}[tuiAppearanceV=\"4.82.0\"]:disabled:not([data-state]),[tuiAppearanceV=\"4.82.0\"][data-state=disabled]{cursor:initial;opacity:var(--tui-disabled-opacity)}[tuiAppearanceV=\"4.82.0\"][tuiWrapper]:disabled:not([data-state]),[tuiAppearanceV=\"4.82.0\"][tuiWrapper][data-state=disabled]{cursor:initial;opacity:var(--tui-disabled-opacity)}\n"] }]
|
|
18
16
|
}] });
|
|
19
17
|
class TuiAppearance {
|
|
20
18
|
constructor() {
|
|
@@ -50,7 +48,7 @@ class TuiAppearance {
|
|
|
50
48
|
this.mode.set(mode);
|
|
51
49
|
}
|
|
52
50
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAppearance, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
53
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiAppearance, isStandalone: true, selector: "[tuiAppearance]", inputs: { tuiAppearance: "tuiAppearance", tuiAppearanceState: "tuiAppearanceState", tuiAppearanceFocus: "tuiAppearanceFocus", tuiAppearanceMode: "tuiAppearanceMode" }, host: { attributes: { "tuiAppearance": "" }, properties: { "attr.data-appearance": "appearance()", "attr.data-state": "state()", "attr.data-focus": "focus()", "attr.data-mode": "modes()" } }, hostDirectives: [{ directive: i1.TuiTransitioned }], ngImport: i0 }); }
|
|
51
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiAppearance, isStandalone: true, selector: "[tuiAppearance]", inputs: { tuiAppearance: "tuiAppearance", tuiAppearanceState: "tuiAppearanceState", tuiAppearanceFocus: "tuiAppearanceFocus", tuiAppearanceMode: "tuiAppearanceMode" }, host: { attributes: { "tuiAppearance": "", "tuiAppearanceV": "4.82.0" }, properties: { "attr.data-appearance": "appearance()", "attr.data-state": "state()", "attr.data-focus": "focus()", "attr.data-mode": "modes()" } }, hostDirectives: [{ directive: i1.TuiTransitioned }], ngImport: i0 }); }
|
|
54
52
|
}
|
|
55
53
|
export { TuiAppearance };
|
|
56
54
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiAppearance, decorators: [{
|
|
@@ -61,6 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
61
59
|
hostDirectives: [TuiTransitioned],
|
|
62
60
|
host: {
|
|
63
61
|
tuiAppearance: '',
|
|
62
|
+
tuiAppearanceV: TUI_VERSION,
|
|
64
63
|
'[attr.data-appearance]': 'appearance()',
|
|
65
64
|
'[attr.data-state]': 'state()',
|
|
66
65
|
'[attr.data-focus]': 'focus()',
|
|
@@ -76,4 +75,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
76
75
|
}], tuiAppearanceMode: [{
|
|
77
76
|
type: Input
|
|
78
77
|
}] } });
|
|
79
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwZWFyYW5jZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2RpcmVjdGl2ZXMvYXBwZWFyYW5jZS9hcHBlYXJhbmNlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsUUFBUSxFQUNSLFNBQVMsRUFDVCxNQUFNLEVBQ04sTUFBTSxFQUNOLEtBQUssRUFDTCxNQUFNLEVBQ04saUJBQWlCLEdBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxXQUFXLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUM3RSxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sdUNBQXVDLENBQUM7QUFDdEUsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFDLFdBQVcsRUFBRSxhQUFhLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUc3RSxPQUFPLEVBQUMsc0JBQXNCLEVBQTRCLE1BQU0sc0JBQXNCLENBQUM7OztBQUV2RixNQVFNLG1CQUFtQjsrR0FBbkIsbUJBQW1CO21HQUFuQixtQkFBbUIsNkdBTlgsRUFBRTs7NEZBTVYsbUJBQW1CO2tCQVJ4QixTQUFTO2lDQUNNLElBQUksWUFDTixFQUFFLGlCQUVHLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sWUFDckMsa0JBQWtCLFdBQVcsRUFBRTs7QUFJN0MsTUFhYSxhQUFhO0lBYjFCO1FBY3FCLFFBQUcsR0FBRyxNQUFNLENBQUMsaUJBQWlCLEVBQUUsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFDLENBQUMsQ0FBQztRQUNsRCxPQUFFLEdBQUcsZ0JBQWdCLEVBQUUsQ0FBQztRQUV0QixZQUFPLEdBQUcsYUFBYSxDQUFDLG1CQUFtQixDQUFDLENBQUM7UUFDN0MsVUFBSyxHQUFHLFFBQVEsQ0FBQyxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUsRUFBRSxDQUN2RCxDQUFDLElBQUksSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FDckQsQ0FBQztRQUVGLHVEQUF1RDtRQUN2QyxlQUFVLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQy9ELFVBQUssR0FBRyxNQUFNLENBQTZCLElBQUksQ0FBQyxDQUFDO1FBQ2pELFVBQUssR0FBRyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFDO1FBQ3JDLFNBQUksR0FBRyxNQUFNLENBQW9DLElBQUksQ0FBQyxDQUFDO1FBRXZFLHVDQUF1QztRQUN2QixXQUFNLEdBQUcsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNqQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDWixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDYixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFFYixJQUFJLElBQUksQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLHNCQUFzQixDQUFDLEVBQUU7Z0JBQ3pDLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7YUFDNUI7UUFDTCxDQUFDLEVBQUUsdUJBQXVCLENBQUMsQ0FBQztLQXFCL0I7SUFuQkcsSUFDVyxhQUFhLENBQUMsVUFBOEM7UUFDbkUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUVELElBQ1csa0JBQWtCLENBQUMsS0FBaUM7UUFDM0QsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDMUIsQ0FBQztJQUVELElBQ1csa0JBQWtCLENBQUMsS0FBcUI7UUFDL0MsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDMUIsQ0FBQztJQUVELElBQ1csaUJBQWlCLENBQUMsSUFBdUM7UUFDaEUsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDeEIsQ0FBQzsrR0E1Q1EsYUFBYTttR0FBYixhQUFhOztTQUFiLGFBQWE7NEZBQWIsYUFBYTtrQkFiekIsU0FBUzttQkFBQztvQkFDUCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsY0FBYyxFQUFFLENBQUMsZUFBZSxDQUFDO29CQUNqQyxJQUFJLEVBQUU7d0JBQ0YsYUFBYSxFQUFFLEVBQUU7d0JBQ2pCLGNBQWMsRUFBRSxXQUFXO3dCQUMzQix3QkFBd0IsRUFBRSxjQUFjO3dCQUN4QyxtQkFBbUIsRUFBRSxTQUFTO3dCQUM5QixtQkFBbUIsRUFBRSxTQUFTO3dCQUM5QixrQkFBa0IsRUFBRSxTQUFTO3FCQUNoQztpQkFDSjs4QkE0QmMsYUFBYTtzQkFEdkIsS0FBSztnQkFNSyxrQkFBa0I7c0JBRDVCLEtBQUs7Z0JBTUssa0JBQWtCO3NCQUQ1QixLQUFLO2dCQU1LLGlCQUFpQjtzQkFEM0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ29tcG9uZW50LFxuICAgIGNvbXB1dGVkLFxuICAgIERpcmVjdGl2ZSxcbiAgICBlZmZlY3QsXG4gICAgaW5qZWN0LFxuICAgIElucHV0LFxuICAgIHNpZ25hbCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RVSV9BTExPV19TSUdOQUxfV1JJVEVTLCBUVUlfVkVSU0lPTn0gZnJvbSAnQHRhaWdhLXVpL2Nkay9jb25zdGFudHMnO1xuaW1wb3J0IHtUdWlUcmFuc2l0aW9uZWR9IGZyb20gJ0B0YWlnYS11aS9jZGsvZGlyZWN0aXZlcy90cmFuc2l0aW9uZWQnO1xuaW1wb3J0IHt0dWlJbmplY3RFbGVtZW50fSBmcm9tICdAdGFpZ2EtdWkvY2RrL3V0aWxzL2RvbSc7XG5pbXBvcnQge3R1aUlzU3RyaW5nLCB0dWlXaXRoU3R5bGVzfSBmcm9tICdAdGFpZ2EtdWkvY2RrL3V0aWxzL21pc2NlbGxhbmVvdXMnO1xuaW1wb3J0IHt0eXBlIFR1aUludGVyYWN0aXZlU3RhdGV9IGZyb20gJ0B0YWlnYS11aS9jb3JlL3R5cGVzJztcblxuaW1wb3J0IHtUVUlfQVBQRUFSQU5DRV9PUFRJT05TLCB0eXBlIFR1aUFwcGVhcmFuY2VPcHRpb25zfSBmcm9tICcuL2FwcGVhcmFuY2Uub3B0aW9ucyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgdGVtcGxhdGU6ICcnLFxuICAgIHN0eWxlczogWydAaW1wb3J0IFwiQHRhaWdhLXVpL2NvcmUvc3R5bGVzL2NvbXBvbmVudHMvYXBwZWFyYW5jZS5sZXNzXCI7J10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBleHBvcnRBczogYHR1aS1hcHBlYXJhbmNlLSR7VFVJX1ZFUlNJT059YCxcbn0pXG5jbGFzcyBUdWlBcHBlYXJhbmNlU3R5bGVzIHt9XG5cbkBEaXJlY3RpdmUoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdbdHVpQXBwZWFyYW5jZV0nLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbVHVpVHJhbnNpdGlvbmVkXSxcbiAgICBob3N0OiB7XG4gICAgICAgIHR1aUFwcGVhcmFuY2U6ICcnLFxuICAgICAgICB0dWlBcHBlYXJhbmNlVjogVFVJX1ZFUlNJT04sXG4gICAgICAgICdbYXR0ci5kYXRhLWFwcGVhcmFuY2VdJzogJ2FwcGVhcmFuY2UoKScsXG4gICAgICAgICdbYXR0ci5kYXRhLXN0YXRlXSc6ICdzdGF0ZSgpJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtZm9jdXNdJzogJ2ZvY3VzKCknLFxuICAgICAgICAnW2F0dHIuZGF0YS1tb2RlXSc6ICdtb2RlcygpJyxcbiAgICB9LFxufSlcbmV4cG9ydCBjbGFzcyBUdWlBcHBlYXJhbmNlIHtcbiAgICBwcml2YXRlIHJlYWRvbmx5IGNkciA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZiwge3NraXBTZWxmOiB0cnVlfSk7XG4gICAgcHJpdmF0ZSByZWFkb25seSBlbCA9IHR1aUluamVjdEVsZW1lbnQoKTtcblxuICAgIHByb3RlY3RlZCByZWFkb25seSBub3RoaW5nID0gdHVpV2l0aFN0eWxlcyhUdWlBcHBlYXJhbmNlU3R5bGVzKTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgbW9kZXMgPSBjb21wdXRlZCgobW9kZSA9IHRoaXMubW9kZSgpKSA9PlxuICAgICAgICAhbW9kZSB8fCB0dWlJc1N0cmluZyhtb2RlKSA/IG1vZGUgOiBtb2RlLmpvaW4oJyAnKSxcbiAgICApO1xuXG4gICAgLy8gVE9ETzogcmVmYWN0b3IgdG8gc2lnbmFsIGlucHV0cyBhZnRlciBBbmd1bGFyIHVwZGF0ZVxuICAgIHB1YmxpYyByZWFkb25seSBhcHBlYXJhbmNlID0gc2lnbmFsKGluamVjdChUVUlfQVBQRUFSQU5DRV9PUFRJT05TKS5hcHBlYXJhbmNlKTtcbiAgICBwdWJsaWMgcmVhZG9ubHkgc3RhdGUgPSBzaWduYWw8VHVpSW50ZXJhY3RpdmVTdGF0ZSB8IG51bGw+KG51bGwpO1xuICAgIHB1YmxpYyByZWFkb25seSBmb2N1cyA9IHNpZ25hbDxib29sZWFuIHwgbnVsbD4obnVsbCk7XG4gICAgcHVibGljIHJlYWRvbmx5IG1vZGUgPSBzaWduYWw8c3RyaW5nIHwgcmVhZG9ubHkgc3RyaW5nW10gfCBudWxsPihudWxsKTtcblxuICAgIC8vIFRPRE86IFJlbW92ZSB3aGVuIEFuZ3VsYXIgaXMgdXBkYXRlZFxuICAgIHB1YmxpYyByZWFkb25seSB1cGRhdGUgPSBlZmZlY3QoKCkgPT4ge1xuICAgICAgICB0aGlzLm1vZGUoKTtcbiAgICAgICAgdGhpcy5zdGF0ZSgpO1xuICAgICAgICB0aGlzLmZvY3VzKCk7XG5cbiAgICAgICAgaWYgKHRoaXMuZWwubWF0Y2hlcygndHVpLXRleHRmaWVsZFttdWx0aV0nKSkge1xuICAgICAgICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICAgICAgICB9XG4gICAgfSwgVFVJX0FMTE9XX1NJR05BTF9XUklURVMpO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc2V0IHR1aUFwcGVhcmFuY2UoYXBwZWFyYW5jZTogVHVpQXBwZWFyYW5jZU9wdGlvbnNbJ2FwcGVhcmFuY2UnXSkge1xuICAgICAgICB0aGlzLmFwcGVhcmFuY2Uuc2V0KGFwcGVhcmFuY2UpO1xuICAgIH1cblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHNldCB0dWlBcHBlYXJhbmNlU3RhdGUoc3RhdGU6IFR1aUludGVyYWN0aXZlU3RhdGUgfCBudWxsKSB7XG4gICAgICAgIHRoaXMuc3RhdGUuc2V0KHN0YXRlKTtcbiAgICB9XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzZXQgdHVpQXBwZWFyYW5jZUZvY3VzKGZvY3VzOiBib29sZWFuIHwgbnVsbCkge1xuICAgICAgICB0aGlzLmZvY3VzLnNldChmb2N1cyk7XG4gICAgfVxuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc2V0IHR1aUFwcGVhcmFuY2VNb2RlKG1vZGU6IHN0cmluZyB8IHJlYWRvbmx5IHN0cmluZ1tdIHwgbnVsbCkge1xuICAgICAgICB0aGlzLm1vZGUuc2V0KG1vZGUpO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, Directive, inject, Input, ViewEncapsulation, } from '@angular/core';
|
|
2
2
|
import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
3
|
+
import { TUI_VERSION } from '@taiga-ui/cdk/constants';
|
|
3
4
|
import { TUI_GROUP_OPTIONS } from './group.options';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
class TuiGroupStyles {
|
|
6
7
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiGroupStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiGroupStyles, isStandalone: true, selector: "ng-component",
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiGroupStyles, isStandalone: true, selector: "ng-component", exportAs: ["tui-group-4.82.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiGroupV=\"4.82.0\"]{position:relative;display:flex;transform:translateZ(0);--t-group-radius: var(--tui-radius-l);--t-group-margin: -1px;--t-group-mask: linear-gradient(to right, rgba(0, 0, 0, .5) 1px, #000 2px, #000 calc(100% - 2px) , rgba(0, 0, 0, .5));--t-group-mask-end: linear-gradient(to right, rgba(0, 0, 0, .5) 1px, #000 2px);--t-group-mask-start: linear-gradient(to right, #000 calc(100% - 2px) , rgba(0, 0, 0, .5) calc(100% - 1px) )}[tuiGroupV=\"4.82.0\"]>*{z-index:1;flex:1 1 0;min-inline-size:0;-webkit-mask:var(--t-group-mask);mask:var(--t-group-mask);-webkit-mask-clip:no-clip;mask-clip:no-clip}[tuiGroupV=\"4.82.0\"]>*:disabled,[tuiGroupV=\"4.82.0\"]>*._disabled{z-index:0}[tuiGroupV=\"4.82.0\"]>*:invalid:not([data-mode]),[tuiGroupV=\"4.82.0\"]>*[data-mode~=invalid]{z-index:2;--t-group-mask: none}[tuiGroupV=\"4.82.0\"]>*:has(:invalid:not([data-mode])),[tuiGroupV=\"4.82.0\"]>*:has([data-mode~=invalid]){z-index:2;--t-group-mask: none}[tuiGroupV=\"4.82.0\"]>*:has(:focus-visible){z-index:3;--t-group-mask: none}[tuiGroupV=\"4.82.0\"]>*:has([data-focus=true]){z-index:3;--t-group-mask: none}[tuiGroupV=\"4.82.0\"]>*:checked:not([data-mode]),[tuiGroupV=\"4.82.0\"]>*[data-mode~=checked]{z-index:4;--t-group-mask: none}[tuiGroupV=\"4.82.0\"]>*:has([tuiBlock]:checked){z-index:4;--t-group-mask: none}[tuiGroupV=\"4.82.0\"]>*:not(:last-child){margin-inline-end:var(--t-group-margin)}[tuiGroupV=\"4.82.0\"]>*:nth-child(n){border-radius:0}[tuiGroupV=\"4.82.0\"]>*:first-child{border-radius:var(--t-group-radius) 0 0 var(--t-group-radius);-webkit-mask-image:var(--t-group-mask-start);mask-image:var(--t-group-mask-start)}[tuiGroupV=\"4.82.0\"]>*:last-child{border-radius:0 var(--t-group-radius) var(--t-group-radius) 0;-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end)}[tuiGroupV=\"4.82.0\"]>*:only-child{border-radius:var(--t-group-radius);-webkit-mask:none;mask:none}[dir=rtl] [tuiGroupV=\"4.82.0\"]:not([data-orientation=vertical])>*:first-child{border-radius:0 var(--t-group-radius) var(--t-group-radius) 0;-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end)}[dir=rtl] [tuiGroupV=\"4.82.0\"]:not([data-orientation=vertical])>*:last-child{border-radius:var(--t-group-radius) 0 0 var(--t-group-radius);-webkit-mask-image:var(--t-group-mask-start);mask-image:var(--t-group-mask-start)}[dir=rtl] [tuiGroupV=\"4.82.0\"]:not([data-orientation=vertical])>*:only-child{border-radius:var(--t-group-radius);-webkit-mask:none;mask:none}[tuiGroupV=\"4.82.0\"][data-size=s],[tuiGroupV=\"4.82.0\"][data-size=m]{--t-group-radius: var(--tui-radius-m)}[tuiGroupV=\"4.82.0\"][data-orientation=vertical]{display:inline-flex;flex-direction:column;--t-group-mask: linear-gradient(to bottom, rgba(0, 0, 0, .5) 1px, #000 2px, #000 calc(100% - 2px) , rgba(0, 0, 0, .5));--t-group-mask-start: linear-gradient(to bottom, #000 calc(100% - 2px) , rgba(0, 0, 0, .5) calc(100% - 1px) );--t-group-mask-end: linear-gradient(to bottom, rgba(0, 0, 0, .5) 1px, #000 2px)}[tuiGroupV=\"4.82.0\"][data-orientation=vertical]>*{min-block-size:auto;flex:0 0 auto}[tuiGroupV=\"4.82.0\"][data-orientation=vertical]>*:not(:last-child){margin-inline-end:0;margin-block-end:var(--t-group-margin)}[tuiGroupV=\"4.82.0\"][data-orientation=vertical]>*:first-child{border-radius:var(--t-group-radius) var(--t-group-radius) 0 0}[tuiGroupV=\"4.82.0\"][data-orientation=vertical]>*:last-child{border-radius:0 0 var(--t-group-radius) var(--t-group-radius)}[tuiGroupV=\"4.82.0\"][data-orientation=vertical]>*:only-child{border-radius:var(--t-group-radius)}.tui-group{position:relative;display:flex;isolation:isolate;--t-group-radius: var(--tui-radius-m)}.tui-group>*{flex:1 1 0;min-inline-size:0}.tui-group>*:not(:last-child){margin-inline-end:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_radius_large{--t-group-radius: var(--tui-radius-l)}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin:0 -1px 0 0}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*:has([tuiBlock]:checked){z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-block-size:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-inline-end:0;margin-block-end:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin:0 0 -1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--t-group-radius);border-bottom-left-radius:var(--t-group-radius)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--t-group-radius);border-bottom-right-radius:var(--t-group-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--t-group-radius);border-top-right-radius:var(--t-group-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--t-group-radius);border-bottom-right-radius:var(--t-group-radius)}.tui-group__auto-width-item{min-inline-size:auto;flex:0 0 auto}.tui-group__inherit-item{border-radius:inherit!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8
9
|
}
|
|
9
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiGroupStyles, decorators: [{
|
|
10
11
|
type: Component,
|
|
11
|
-
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush,
|
|
12
|
-
class: 'tui-group',
|
|
13
|
-
}, styles: ["[tuiGroup]{position:relative;display:flex;transform:translateZ(0);--t-group-radius: var(--tui-radius-l);--t-group-margin: -1px;--t-group-mask: linear-gradient(to right, rgba(0, 0, 0, .5) 1px, #000 2px, #000 calc(100% - 2px) , rgba(0, 0, 0, .5));--t-group-mask-end: linear-gradient(to right, rgba(0, 0, 0, .5) 1px, #000 2px);--t-group-mask-start: linear-gradient(to right, #000 calc(100% - 2px) , rgba(0, 0, 0, .5) calc(100% - 1px) )}[tuiGroup]>*{z-index:1;flex:1 1 0;min-inline-size:0;-webkit-mask:var(--t-group-mask);mask:var(--t-group-mask);-webkit-mask-clip:no-clip;mask-clip:no-clip}[tuiGroup]>*:disabled,[tuiGroup]>*._disabled{z-index:0}[tuiGroup]>*:invalid:not([data-mode]),[tuiGroup]>*[data-mode~=invalid]{z-index:2;--t-group-mask: none}[tuiGroup]>*:has(:invalid:not([data-mode])),[tuiGroup]>*:has([data-mode~=invalid]){z-index:2;--t-group-mask: none}[tuiGroup]>*:has(:focus-visible){z-index:3;--t-group-mask: none}[tuiGroup]>*:has([data-focus=true]){z-index:3;--t-group-mask: none}[tuiGroup]>*:checked:not([data-mode]),[tuiGroup]>*[data-mode~=checked]{z-index:4;--t-group-mask: none}[tuiGroup]>*:has([tuiBlock]:checked){z-index:4;--t-group-mask: none}[tuiGroup]>*:not(:last-child){margin-inline-end:var(--t-group-margin)}[tuiGroup]>*:nth-child(n){border-radius:0}[tuiGroup]>*:first-child{border-radius:var(--t-group-radius) 0 0 var(--t-group-radius);-webkit-mask-image:var(--t-group-mask-start);mask-image:var(--t-group-mask-start)}[tuiGroup]>*:last-child{border-radius:0 var(--t-group-radius) var(--t-group-radius) 0;-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end)}[tuiGroup]>*:only-child{border-radius:var(--t-group-radius);-webkit-mask:none;mask:none}[dir=rtl] [tuiGroup]:not([data-orientation=vertical])>*:first-child{border-radius:0 var(--t-group-radius) var(--t-group-radius) 0;-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end)}[dir=rtl] [tuiGroup]:not([data-orientation=vertical])>*:last-child{border-radius:var(--t-group-radius) 0 0 var(--t-group-radius);-webkit-mask-image:var(--t-group-mask-start);mask-image:var(--t-group-mask-start)}[dir=rtl] [tuiGroup]:not([data-orientation=vertical])>*:only-child{border-radius:var(--t-group-radius);-webkit-mask:none;mask:none}[tuiGroup][data-size=s],[tuiGroup][data-size=m]{--t-group-radius: var(--tui-radius-m)}[tuiGroup][data-orientation=vertical]{display:inline-flex;flex-direction:column;--t-group-mask: linear-gradient(to bottom, rgba(0, 0, 0, .5) 1px, #000 2px, #000 calc(100% - 2px) , rgba(0, 0, 0, .5));--t-group-mask-start: linear-gradient(to bottom, #000 calc(100% - 2px) , rgba(0, 0, 0, .5) calc(100% - 1px) );--t-group-mask-end: linear-gradient(to bottom, rgba(0, 0, 0, .5) 1px, #000 2px)}[tuiGroup][data-orientation=vertical]>*{min-block-size:auto;flex:0 0 auto}[tuiGroup][data-orientation=vertical]>*:not(:last-child){margin-inline-end:0;margin-block-end:var(--t-group-margin)}[tuiGroup][data-orientation=vertical]>*:first-child{border-radius:var(--t-group-radius) var(--t-group-radius) 0 0}[tuiGroup][data-orientation=vertical]>*:last-child{border-radius:0 0 var(--t-group-radius) var(--t-group-radius)}[tuiGroup][data-orientation=vertical]>*:only-child{border-radius:var(--t-group-radius)}.tui-group{position:relative;display:flex;isolation:isolate;--t-group-radius: var(--tui-radius-m)}.tui-group>*{flex:1 1 0;min-inline-size:0}.tui-group>*:not(:last-child){margin-inline-end:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_radius_large{--t-group-radius: var(--tui-radius-l)}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin:0 -1px 0 0}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*:has([tuiBlock]:checked){z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-block-size:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-inline-end:0;margin-block-end:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin:0 0 -1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--t-group-radius);border-bottom-left-radius:var(--t-group-radius)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--t-group-radius);border-bottom-right-radius:var(--t-group-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--t-group-radius);border-top-right-radius:var(--t-group-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--t-group-radius);border-bottom-right-radius:var(--t-group-radius)}.tui-group__auto-width-item{min-inline-size:auto;flex:0 0 auto}.tui-group__inherit-item{border-radius:inherit!important}\n"] }]
|
|
12
|
+
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-group-${TUI_VERSION}`, styles: ["[tuiGroupV=\"4.82.0\"]{position:relative;display:flex;transform:translateZ(0);--t-group-radius: var(--tui-radius-l);--t-group-margin: -1px;--t-group-mask: linear-gradient(to right, rgba(0, 0, 0, .5) 1px, #000 2px, #000 calc(100% - 2px) , rgba(0, 0, 0, .5));--t-group-mask-end: linear-gradient(to right, rgba(0, 0, 0, .5) 1px, #000 2px);--t-group-mask-start: linear-gradient(to right, #000 calc(100% - 2px) , rgba(0, 0, 0, .5) calc(100% - 1px) )}[tuiGroupV=\"4.82.0\"]>*{z-index:1;flex:1 1 0;min-inline-size:0;-webkit-mask:var(--t-group-mask);mask:var(--t-group-mask);-webkit-mask-clip:no-clip;mask-clip:no-clip}[tuiGroupV=\"4.82.0\"]>*:disabled,[tuiGroupV=\"4.82.0\"]>*._disabled{z-index:0}[tuiGroupV=\"4.82.0\"]>*:invalid:not([data-mode]),[tuiGroupV=\"4.82.0\"]>*[data-mode~=invalid]{z-index:2;--t-group-mask: none}[tuiGroupV=\"4.82.0\"]>*:has(:invalid:not([data-mode])),[tuiGroupV=\"4.82.0\"]>*:has([data-mode~=invalid]){z-index:2;--t-group-mask: none}[tuiGroupV=\"4.82.0\"]>*:has(:focus-visible){z-index:3;--t-group-mask: none}[tuiGroupV=\"4.82.0\"]>*:has([data-focus=true]){z-index:3;--t-group-mask: none}[tuiGroupV=\"4.82.0\"]>*:checked:not([data-mode]),[tuiGroupV=\"4.82.0\"]>*[data-mode~=checked]{z-index:4;--t-group-mask: none}[tuiGroupV=\"4.82.0\"]>*:has([tuiBlock]:checked){z-index:4;--t-group-mask: none}[tuiGroupV=\"4.82.0\"]>*:not(:last-child){margin-inline-end:var(--t-group-margin)}[tuiGroupV=\"4.82.0\"]>*:nth-child(n){border-radius:0}[tuiGroupV=\"4.82.0\"]>*:first-child{border-radius:var(--t-group-radius) 0 0 var(--t-group-radius);-webkit-mask-image:var(--t-group-mask-start);mask-image:var(--t-group-mask-start)}[tuiGroupV=\"4.82.0\"]>*:last-child{border-radius:0 var(--t-group-radius) var(--t-group-radius) 0;-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end)}[tuiGroupV=\"4.82.0\"]>*:only-child{border-radius:var(--t-group-radius);-webkit-mask:none;mask:none}[dir=rtl] [tuiGroupV=\"4.82.0\"]:not([data-orientation=vertical])>*:first-child{border-radius:0 var(--t-group-radius) var(--t-group-radius) 0;-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end)}[dir=rtl] [tuiGroupV=\"4.82.0\"]:not([data-orientation=vertical])>*:last-child{border-radius:var(--t-group-radius) 0 0 var(--t-group-radius);-webkit-mask-image:var(--t-group-mask-start);mask-image:var(--t-group-mask-start)}[dir=rtl] [tuiGroupV=\"4.82.0\"]:not([data-orientation=vertical])>*:only-child{border-radius:var(--t-group-radius);-webkit-mask:none;mask:none}[tuiGroupV=\"4.82.0\"][data-size=s],[tuiGroupV=\"4.82.0\"][data-size=m]{--t-group-radius: var(--tui-radius-m)}[tuiGroupV=\"4.82.0\"][data-orientation=vertical]{display:inline-flex;flex-direction:column;--t-group-mask: linear-gradient(to bottom, rgba(0, 0, 0, .5) 1px, #000 2px, #000 calc(100% - 2px) , rgba(0, 0, 0, .5));--t-group-mask-start: linear-gradient(to bottom, #000 calc(100% - 2px) , rgba(0, 0, 0, .5) calc(100% - 1px) );--t-group-mask-end: linear-gradient(to bottom, rgba(0, 0, 0, .5) 1px, #000 2px)}[tuiGroupV=\"4.82.0\"][data-orientation=vertical]>*{min-block-size:auto;flex:0 0 auto}[tuiGroupV=\"4.82.0\"][data-orientation=vertical]>*:not(:last-child){margin-inline-end:0;margin-block-end:var(--t-group-margin)}[tuiGroupV=\"4.82.0\"][data-orientation=vertical]>*:first-child{border-radius:var(--t-group-radius) var(--t-group-radius) 0 0}[tuiGroupV=\"4.82.0\"][data-orientation=vertical]>*:last-child{border-radius:0 0 var(--t-group-radius) var(--t-group-radius)}[tuiGroupV=\"4.82.0\"][data-orientation=vertical]>*:only-child{border-radius:var(--t-group-radius)}.tui-group{position:relative;display:flex;isolation:isolate;--t-group-radius: var(--tui-radius-m)}.tui-group>*{flex:1 1 0;min-inline-size:0}.tui-group>*:not(:last-child){margin-inline-end:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_radius_large{--t-group-radius: var(--tui-radius-l)}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin:0 -1px 0 0}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*:has([tuiBlock]:checked){z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-block-size:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-inline-end:0;margin-block-end:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin:0 0 -1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--t-group-radius);border-bottom-left-radius:var(--t-group-radius)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--t-group-radius);border-bottom-right-radius:var(--t-group-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--t-group-radius);border-top-right-radius:var(--t-group-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--t-group-radius);border-bottom-right-radius:var(--t-group-radius)}.tui-group__auto-width-item{min-inline-size:auto;flex:0 0 auto}.tui-group__inherit-item{border-radius:inherit!important}\n"] }]
|
|
14
13
|
}] });
|
|
15
14
|
class TuiGroup {
|
|
16
15
|
constructor() {
|
|
@@ -22,7 +21,7 @@ class TuiGroup {
|
|
|
22
21
|
this.size = this.options.size;
|
|
23
22
|
}
|
|
24
23
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
25
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiGroup, isStandalone: true, selector: "[tuiGroup]:not(ng-container)", inputs: { orientation: "orientation", collapsed: "collapsed", rounded: "rounded", size: "size" }, host: { attributes: { "tuiGroup": "" }, properties: { "attr.data-orientation": "orientation", "attr.data-size": "size", "style.--t-group-radius": "rounded ? null : 0", "style.--t-group-margin.rem": "collapsed ? null : 0.125", "style.--t-group-mask": "collapsed ? null : \"none\"", "style.--t-group-mask-start": "collapsed ? null : \"none\"", "style.--t-group-mask-end": "collapsed ? null : \"none\"" } }, ngImport: i0 }); }
|
|
24
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiGroup, isStandalone: true, selector: "[tuiGroup]:not(ng-container)", inputs: { orientation: "orientation", collapsed: "collapsed", rounded: "rounded", size: "size" }, host: { attributes: { "tuiGroup": "", "tuiGroupV": "4.82.0" }, properties: { "attr.data-orientation": "orientation", "attr.data-size": "size", "style.--t-group-radius": "rounded ? null : 0", "style.--t-group-margin.rem": "collapsed ? null : 0.125", "style.--t-group-mask": "collapsed ? null : \"none\"", "style.--t-group-mask-start": "collapsed ? null : \"none\"", "style.--t-group-mask-end": "collapsed ? null : \"none\"" } }, ngImport: i0 }); }
|
|
26
25
|
}
|
|
27
26
|
export { TuiGroup };
|
|
28
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiGroup, decorators: [{
|
|
@@ -32,6 +31,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
32
31
|
selector: '[tuiGroup]:not(ng-container)',
|
|
33
32
|
host: {
|
|
34
33
|
tuiGroup: '',
|
|
34
|
+
tuiGroupV: TUI_VERSION,
|
|
35
35
|
'[attr.data-orientation]': 'orientation',
|
|
36
36
|
'[attr.data-size]': 'size',
|
|
37
37
|
'[style.--t-group-radius]': 'rounded ? null : 0',
|
|
@@ -50,4 +50,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
50
50
|
}], size: [{
|
|
51
51
|
type: Input
|
|
52
52
|
}] } });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9kaXJlY3RpdmVzL2dyb3VwL2dyb3VwLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxTQUFTLEVBQ1QsTUFBTSxFQUNOLEtBQUssRUFDTCxpQkFBaUIsR0FDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLG1DQUFtQyxDQUFDO0FBR2hFLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUNwRCxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQzs7QUFFbEQsTUFRTSxjQUFjOytHQUFkLGNBQWM7bUdBQWQsY0FBYyx3R0FOTixFQUFFOzs0RkFNVixjQUFjO2tCQVJuQixTQUFTO2lDQUNNLElBQUksWUFDTixFQUFFLGlCQUVHLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sWUFDckMsYUFBYSxXQUFXLEVBQUU7O0FBSXhDLE1BZWEsUUFBUTtJQWZyQjtRQWdCcUIsWUFBTyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBRWxDLFlBQU8sR0FBRyxhQUFhLENBQUMsY0FBYyxDQUFDLENBQUM7UUFHcEQsZ0JBQVcsR0FBbUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUM7UUFHdkQsY0FBUyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDO1FBR25DLFlBQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQztRQUcvQixTQUFJLEdBQXdCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO0tBQ3hEOytHQWhCWSxRQUFRO21HQUFSLFFBQVE7O1NBQVIsUUFBUTs0RkFBUixRQUFRO2tCQWZwQixTQUFTO21CQUFDO29CQUNQLFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsOEJBQThCO29CQUN4QyxJQUFJLEVBQUU7d0JBQ0YsUUFBUSxFQUFFLEVBQUU7d0JBQ1osU0FBUyxFQUFFLFdBQVc7d0JBQ3RCLHlCQUF5QixFQUFFLGFBQWE7d0JBQ3hDLGtCQUFrQixFQUFFLE1BQU07d0JBQzFCLDBCQUEwQixFQUFFLG9CQUFvQjt3QkFDaEQsOEJBQThCLEVBQUUsMEJBQTBCO3dCQUMxRCx3QkFBd0IsRUFBRSwyQkFBMkI7d0JBQ3JELDhCQUE4QixFQUFFLDJCQUEyQjt3QkFDM0QsNEJBQTRCLEVBQUUsMkJBQTJCO3FCQUM1RDtpQkFDSjs4QkFPVSxXQUFXO3NCQURqQixLQUFLO2dCQUlDLFNBQVM7c0JBRGYsS0FBSztnQkFJQyxPQUFPO3NCQURiLEtBQUs7Z0JBSUMsSUFBSTtzQkFEVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgRGlyZWN0aXZlLFxuICAgIGluamVjdCxcbiAgICBJbnB1dCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge3R1aVdpdGhTdHlsZXN9IGZyb20gJ0B0YWlnYS11aS9jZGsvdXRpbHMvbWlzY2VsbGFuZW91cyc7XG5pbXBvcnQge3R5cGUgVHVpT3JpZW50YXRpb24sIHR5cGUgVHVpU2l6ZUwsIHR5cGUgVHVpU2l6ZVN9IGZyb20gJ0B0YWlnYS11aS9jb3JlL3R5cGVzJztcblxuaW1wb3J0IHtUVUlfVkVSU0lPTn0gZnJvbSAnQHRhaWdhLXVpL2Nkay9jb25zdGFudHMnO1xuaW1wb3J0IHtUVUlfR1JPVVBfT1BUSU9OU30gZnJvbSAnLi9ncm91cC5vcHRpb25zJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICB0ZW1wbGF0ZTogJycsXG4gICAgc3R5bGVVcmxzOiBbJy4vZ3JvdXAuc3R5bGUubGVzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZXhwb3J0QXM6IGB0dWktZ3JvdXAtJHtUVUlfVkVSU0lPTn1gLFxufSlcbmNsYXNzIFR1aUdyb3VwU3R5bGVzIHt9XG5cbkBEaXJlY3RpdmUoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdbdHVpR3JvdXBdOm5vdChuZy1jb250YWluZXIpJyxcbiAgICBob3N0OiB7XG4gICAgICAgIHR1aUdyb3VwOiAnJyxcbiAgICAgICAgdHVpR3JvdXBWOiBUVUlfVkVSU0lPTixcbiAgICAgICAgJ1thdHRyLmRhdGEtb3JpZW50YXRpb25dJzogJ29yaWVudGF0aW9uJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtc2l6ZV0nOiAnc2l6ZScsXG4gICAgICAgICdbc3R5bGUuLS10LWdyb3VwLXJhZGl1c10nOiAncm91bmRlZCA/IG51bGwgOiAwJyxcbiAgICAgICAgJ1tzdHlsZS4tLXQtZ3JvdXAtbWFyZ2luLnJlbV0nOiAnY29sbGFwc2VkID8gbnVsbCA6IDAuMTI1JyxcbiAgICAgICAgJ1tzdHlsZS4tLXQtZ3JvdXAtbWFza10nOiAnY29sbGFwc2VkID8gbnVsbCA6IFwibm9uZVwiJyxcbiAgICAgICAgJ1tzdHlsZS4tLXQtZ3JvdXAtbWFzay1zdGFydF0nOiAnY29sbGFwc2VkID8gbnVsbCA6IFwibm9uZVwiJyxcbiAgICAgICAgJ1tzdHlsZS4tLXQtZ3JvdXAtbWFzay1lbmRdJzogJ2NvbGxhcHNlZCA/IG51bGwgOiBcIm5vbmVcIicsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpR3JvdXAge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgb3B0aW9ucyA9IGluamVjdChUVUlfR1JPVVBfT1BUSU9OUyk7XG5cbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgbm90aGluZyA9IHR1aVdpdGhTdHlsZXMoVHVpR3JvdXBTdHlsZXMpO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgb3JpZW50YXRpb246IFR1aU9yaWVudGF0aW9uID0gdGhpcy5vcHRpb25zLm9yaWVudGF0aW9uO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgY29sbGFwc2VkID0gdGhpcy5vcHRpb25zLmNvbGxhcHNlZDtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHJvdW5kZWQgPSB0aGlzLm9wdGlvbnMucm91bmRlZDtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHNpemU6IFR1aVNpemVMIHwgVHVpU2l6ZVMgPSB0aGlzLm9wdGlvbnMuc2l6ZTtcbn1cbiJdfQ==
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, computed, Directive, inject, Input, signal, ViewEncapsulation, } from '@angular/core';
|
|
2
2
|
import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
3
|
+
import { TUI_VERSION } from '@taiga-ui/cdk/constants';
|
|
3
4
|
import { TUI_ICON_END, TUI_ICON_START, tuiGetIconMode, tuiInjectIconResolver, } from '@taiga-ui/core/tokens';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
class TuiIconsStyles {
|
|
6
7
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiIconsStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiIconsStyles, isStandalone: true, selector: "ng-component",
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiIconsStyles, isStandalone: true, selector: "ng-component", exportAs: ["tui-icons-4.82.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiIconsV=\"4.82.0\"]{--t-icon-start: none;--t-icon-end: none}[tuiIconsV=\"4.82.0\"]:before,[tuiIconsV=\"4.82.0\"]:after{content:\"\";inline-size:1em;block-size:1em;line-height:1em;font-size:1.5rem;flex-shrink:0;box-sizing:content-box;background:currentColor}[tuiIconsV=\"4.82.0\"]:before{display:var(--t-icon-start, none);-webkit-mask:var(--t-icon-start) no-repeat center / contain padding-box;mask:var(--t-icon-start) no-repeat center / contain padding-box}[tuiIconsV=\"4.82.0\"]:after{display:var(--t-icon-end, none);-webkit-mask:var(--t-icon-end) no-repeat center / contain padding-box;mask:var(--t-icon-end) no-repeat center / contain padding-box}[tuiIconsV=\"4.82.0\"][data-icon-start=image]:before{-webkit-mask:none;mask:none;background:var(--t-icon-start) no-repeat center / contain padding-box}[tuiIconsV=\"4.82.0\"][data-icon-end=image]:after{-webkit-mask:none;mask:none;background:var(--t-icon-end) no-repeat center / contain padding-box}[tuiIconsV=\"4.82.0\"][data-icon-start=font]:before,[tuiIconsV=\"4.82.0\"][data-icon-end=font]:after{display:grid;-webkit-mask:none;mask:none;background:none;font:1.3em/1 var(--tui-font-icon, inherit);text-align:center;place-content:center;text-transform:none}[tuiIconsV=\"4.82.0\"][data-icon-start=font]:before{content:var(--t-icon-start)}[tuiIconsV=\"4.82.0\"][data-icon-end=font]:after{content:var(--t-icon-end)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8
9
|
}
|
|
9
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiIconsStyles, decorators: [{
|
|
10
11
|
type: Component,
|
|
11
|
-
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush,
|
|
12
|
-
class: 'tui-icons',
|
|
13
|
-
}, styles: ["[tuiIcons]{--t-icon-start: none;--t-icon-end: none}[tuiIcons]:before,[tuiIcons]:after{content:\"\";inline-size:1em;block-size:1em;line-height:1em;font-size:1.5rem;flex-shrink:0;box-sizing:content-box;background:currentColor}[tuiIcons]:before{display:var(--t-icon-start, none);-webkit-mask:var(--t-icon-start) no-repeat center / contain padding-box;mask:var(--t-icon-start) no-repeat center / contain padding-box}[tuiIcons]:after{display:var(--t-icon-end, none);-webkit-mask:var(--t-icon-end) no-repeat center / contain padding-box;mask:var(--t-icon-end) no-repeat center / contain padding-box}[tuiIcons][data-icon-start=image]:before{-webkit-mask:none;mask:none;background:var(--t-icon-start) no-repeat center / contain padding-box}[tuiIcons][data-icon-end=image]:after{-webkit-mask:none;mask:none;background:var(--t-icon-end) no-repeat center / contain padding-box}[tuiIcons][data-icon-start=font]:before,[tuiIcons][data-icon-end=font]:after{display:grid;-webkit-mask:none;mask:none;background:none;font:1.3em/1 var(--tui-font-icon, inherit);text-align:center;place-content:center;text-transform:none}[tuiIcons][data-icon-start=font]:before{content:var(--t-icon-start)}[tuiIcons][data-icon-end=font]:after{content:var(--t-icon-end)}\n"] }]
|
|
12
|
+
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-icons-${TUI_VERSION}`, styles: ["[tuiIconsV=\"4.82.0\"]{--t-icon-start: none;--t-icon-end: none}[tuiIconsV=\"4.82.0\"]:before,[tuiIconsV=\"4.82.0\"]:after{content:\"\";inline-size:1em;block-size:1em;line-height:1em;font-size:1.5rem;flex-shrink:0;box-sizing:content-box;background:currentColor}[tuiIconsV=\"4.82.0\"]:before{display:var(--t-icon-start, none);-webkit-mask:var(--t-icon-start) no-repeat center / contain padding-box;mask:var(--t-icon-start) no-repeat center / contain padding-box}[tuiIconsV=\"4.82.0\"]:after{display:var(--t-icon-end, none);-webkit-mask:var(--t-icon-end) no-repeat center / contain padding-box;mask:var(--t-icon-end) no-repeat center / contain padding-box}[tuiIconsV=\"4.82.0\"][data-icon-start=image]:before{-webkit-mask:none;mask:none;background:var(--t-icon-start) no-repeat center / contain padding-box}[tuiIconsV=\"4.82.0\"][data-icon-end=image]:after{-webkit-mask:none;mask:none;background:var(--t-icon-end) no-repeat center / contain padding-box}[tuiIconsV=\"4.82.0\"][data-icon-start=font]:before,[tuiIconsV=\"4.82.0\"][data-icon-end=font]:after{display:grid;-webkit-mask:none;mask:none;background:none;font:1.3em/1 var(--tui-font-icon, inherit);text-align:center;place-content:center;text-transform:none}[tuiIconsV=\"4.82.0\"][data-icon-start=font]:before{content:var(--t-icon-start)}[tuiIconsV=\"4.82.0\"][data-icon-end=font]:after{content:var(--t-icon-end)}\n"] }]
|
|
14
13
|
}] });
|
|
15
14
|
class TuiIcons {
|
|
16
15
|
constructor() {
|
|
@@ -41,7 +40,7 @@ class TuiIcons {
|
|
|
41
40
|
: `url(${this.resolver(iconStr)})`;
|
|
42
41
|
}
|
|
43
42
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiIcons, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
44
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiIcons, isStandalone: true, inputs: { iconStartSetter: ["iconStart", "iconStartSetter"], iconEndSetter: ["iconEnd", "iconEndSetter"] }, host: { attributes: { "tuiIcons": "" }, properties: { "style.--t-icon-start": "startResource()", "style.--t-icon-end": "endResource()", "attr.data-icon-start": "startMode()", "attr.data-icon-end": "endMode()" } }, ngImport: i0 }); }
|
|
43
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiIcons, isStandalone: true, inputs: { iconStartSetter: ["iconStart", "iconStartSetter"], iconEndSetter: ["iconEnd", "iconEndSetter"] }, host: { attributes: { "tuiIcons": "", "tuiIconsV": "4.82.0" }, properties: { "style.--t-icon-start": "startResource()", "style.--t-icon-end": "endResource()", "attr.data-icon-start": "startMode()", "attr.data-icon-end": "endMode()" } }, ngImport: i0 }); }
|
|
45
44
|
}
|
|
46
45
|
export { TuiIcons };
|
|
47
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiIcons, decorators: [{
|
|
@@ -50,6 +49,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
50
49
|
standalone: true,
|
|
51
50
|
host: {
|
|
52
51
|
tuiIcons: '',
|
|
52
|
+
tuiIconsV: TUI_VERSION,
|
|
53
53
|
'[style.--t-icon-start]': 'startResource()',
|
|
54
54
|
'[style.--t-icon-end]': 'endResource()',
|
|
55
55
|
'[attr.data-icon-start]': 'startMode()',
|
|
@@ -63,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
63
63
|
type: Input,
|
|
64
64
|
args: ['iconEnd']
|
|
65
65
|
}] } });
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9kaXJlY3RpdmVzL2ljb25zL2ljb25zLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxRQUFRLEVBQ1IsU0FBUyxFQUNULE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxFQUNOLGlCQUFpQixHQUNwQixNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sbUNBQW1DLENBQUM7QUFDaEUsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQ3BELE9BQU8sRUFDSCxZQUFZLEVBQ1osY0FBYyxFQUNkLGNBQWMsRUFDZCxxQkFBcUIsR0FDeEIsTUFBTSx1QkFBdUIsQ0FBQzs7QUFPL0IsTUFRTSxjQUFjOytHQUFkLGNBQWM7bUdBQWQsY0FBYyx3R0FOTixFQUFFOzs0RkFNVixjQUFjO2tCQVJuQixTQUFTO2lDQUNNLElBQUksWUFDTixFQUFFLGlCQUVHLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sWUFDckMsYUFBYSxXQUFXLEVBQUU7O0FBSXhDLE1BV2EsUUFBUTtJQVhyQjtRQVlxQixhQUFRLEdBQTZCLHFCQUFxQixFQUFFLENBQUM7UUFFM0QsWUFBTyxHQUFHLGFBQWEsQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUN4QyxrQkFBYSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDL0QsZ0JBQVcsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQzNELGNBQVMsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQ3pDLGNBQWMsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FDL0MsQ0FBQztRQUVpQixZQUFPLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBRTVELGNBQVMsR0FBRyxNQUFNLENBQzlCLE1BQU0sQ0FBQyxjQUFjLEVBQUUsRUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FDN0QsQ0FBQztRQUVjLFlBQU8sR0FBRyxNQUFNLENBQzVCLE1BQU0sQ0FBQyxZQUFZLEVBQUUsRUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FDM0QsQ0FBQztLQXlCTDtJQXZCRyw4QkFBOEI7SUFDOUIsSUFDVyxlQUFlLENBQUMsQ0FBTztRQUM5QixJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQsOEJBQThCO0lBQzlCLElBQ1csYUFBYSxDQUFDLENBQVM7UUFDOUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDeEIsQ0FBQztJQUVTLE9BQU8sQ0FBQyxJQUFVO1FBQ3hCLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDUCxPQUFPLElBQUksQ0FBQztTQUNmO1FBRUQsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBRWhDLE9BQU8sY0FBYyxDQUFDLE9BQU8sQ0FBQyxLQUFLLE1BQU07WUFDckMsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsR0FBRztZQUMvQixDQUFDLENBQUMsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUM7SUFDM0MsQ0FBQzsrR0ExQ1EsUUFBUTttR0FBUixRQUFROztTQUFSLFFBQVE7NEZBQVIsUUFBUTtrQkFYcEIsU0FBUzttQkFBQztvQkFDUCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsSUFBSSxFQUFFO3dCQUNGLFFBQVEsRUFBRSxFQUFFO3dCQUNaLFNBQVMsRUFBRSxXQUFXO3dCQUN0Qix3QkFBd0IsRUFBRSxpQkFBaUI7d0JBQzNDLHNCQUFzQixFQUFFLGVBQWU7d0JBQ3ZDLHdCQUF3QixFQUFFLGFBQWE7d0JBQ3ZDLHNCQUFzQixFQUFFLFdBQVc7cUJBQ3RDO2lCQUNKOzhCQXVCYyxlQUFlO3NCQUR6QixLQUFLO3VCQUFDLFdBQVc7Z0JBT1AsYUFBYTtzQkFEdkIsS0FBSzt1QkFBQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgY29tcHV0ZWQsXG4gICAgRGlyZWN0aXZlLFxuICAgIGluamVjdCxcbiAgICBJbnB1dCxcbiAgICBzaWduYWwsXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHt0eXBlIFNhZmVSZXNvdXJjZVVybH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQge3R5cGUgVHVpU3RyaW5nSGFuZGxlcn0gZnJvbSAnQHRhaWdhLXVpL2Nkay90eXBlcyc7XG5pbXBvcnQge3R1aVdpdGhTdHlsZXN9IGZyb20gJ0B0YWlnYS11aS9jZGsvdXRpbHMvbWlzY2VsbGFuZW91cyc7XG5pbXBvcnQge1RVSV9WRVJTSU9OfSBmcm9tICdAdGFpZ2EtdWkvY2RrL2NvbnN0YW50cyc7XG5pbXBvcnQge1xuICAgIFRVSV9JQ09OX0VORCxcbiAgICBUVUlfSUNPTl9TVEFSVCxcbiAgICB0dWlHZXRJY29uTW9kZSxcbiAgICB0dWlJbmplY3RJY29uUmVzb2x2ZXIsXG59IGZyb20gJ0B0YWlnYS11aS9jb3JlL3Rva2Vucyc7XG5cbi8qKlxuICogV29ya2Fyb3VuZCBmb3Ige0BsaW5rIFR1aUF2YXRhcn0gdG8gcHJvcGVybHkgaGFuZGxlIGljb24gY29sb3IgaW4ge0BsaW5rIFR1aUFwcGVhcmFuY2V9XG4gKi9cbnR5cGUgSWNvbiA9IFNhZmVSZXNvdXJjZVVybCB8IHN0cmluZyB8IG51bGwgfCB1bmRlZmluZWQ7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgdGVtcGxhdGU6ICcnLFxuICAgIHN0eWxlczogWydAaW1wb3J0IFwiQHRhaWdhLXVpL2NvcmUvc3R5bGVzL2NvbXBvbmVudHMvaWNvbnMubGVzc1wiOyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZXhwb3J0QXM6IGB0dWktaWNvbnMtJHtUVUlfVkVSU0lPTn1gLFxufSlcbmNsYXNzIFR1aUljb25zU3R5bGVzIHt9XG5cbkBEaXJlY3RpdmUoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaG9zdDoge1xuICAgICAgICB0dWlJY29uczogJycsXG4gICAgICAgIHR1aUljb25zVjogVFVJX1ZFUlNJT04sXG4gICAgICAgICdbc3R5bGUuLS10LWljb24tc3RhcnRdJzogJ3N0YXJ0UmVzb3VyY2UoKScsXG4gICAgICAgICdbc3R5bGUuLS10LWljb24tZW5kXSc6ICdlbmRSZXNvdXJjZSgpJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtaWNvbi1zdGFydF0nOiAnc3RhcnRNb2RlKCknLFxuICAgICAgICAnW2F0dHIuZGF0YS1pY29uLWVuZF0nOiAnZW5kTW9kZSgpJyxcbiAgICB9LFxufSlcbmV4cG9ydCBjbGFzcyBUdWlJY29ucyB7XG4gICAgcHJpdmF0ZSByZWFkb25seSByZXNvbHZlcjogVHVpU3RyaW5nSGFuZGxlcjxzdHJpbmc+ID0gdHVpSW5qZWN0SWNvblJlc29sdmVyKCk7XG5cbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgbm90aGluZyA9IHR1aVdpdGhTdHlsZXMoVHVpSWNvbnNTdHlsZXMpO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBzdGFydFJlc291cmNlID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5yZXNvbHZlKHRoaXMuaWNvblN0YXJ0KCkpKTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgZW5kUmVzb3VyY2UgPSBjb21wdXRlZCgoKSA9PiB0aGlzLnJlc29sdmUodGhpcy5pY29uRW5kKCkpKTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgc3RhcnRNb2RlID0gY29tcHV0ZWQoKCkgPT5cbiAgICAgICAgdHVpR2V0SWNvbk1vZGUodGhpcy5pY29uU3RhcnQoKT8udG9TdHJpbmcoKSksXG4gICAgKTtcblxuICAgIHByb3RlY3RlZCByZWFkb25seSBlbmRNb2RlID0gY29tcHV0ZWQoKCkgPT4gdHVpR2V0SWNvbk1vZGUodGhpcy5pY29uRW5kKCkpKTtcblxuICAgIHB1YmxpYyByZWFkb25seSBpY29uU3RhcnQgPSBzaWduYWw8SWNvbj4oXG4gICAgICAgIGluamVjdChUVUlfSUNPTl9TVEFSVCwge3NlbGY6IHRydWUsIG9wdGlvbmFsOiB0cnVlfSkgfHwgJycsXG4gICAgKTtcblxuICAgIHB1YmxpYyByZWFkb25seSBpY29uRW5kID0gc2lnbmFsPHN0cmluZz4oXG4gICAgICAgIGluamVjdChUVUlfSUNPTl9FTkQsIHtzZWxmOiB0cnVlLCBvcHRpb25hbDogdHJ1ZX0pIHx8ICcnLFxuICAgICk7XG5cbiAgICAvLyBUT0RPKHY1KTogdXNlIHNpZ25hbCBpbnB1dHNcbiAgICBASW5wdXQoJ2ljb25TdGFydCcpXG4gICAgcHVibGljIHNldCBpY29uU3RhcnRTZXR0ZXIoeDogSWNvbikge1xuICAgICAgICB0aGlzLmljb25TdGFydC5zZXQoeCk7XG4gICAgfVxuXG4gICAgLy8gVE9ETyh2NSk6IHVzZSBzaWduYWwgaW5wdXRzXG4gICAgQElucHV0KCdpY29uRW5kJylcbiAgICBwdWJsaWMgc2V0IGljb25FbmRTZXR0ZXIoeDogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMuaWNvbkVuZC5zZXQoeCk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIHJlc29sdmUoaWNvbjogSWNvbik6IHN0cmluZyB8IG51bGwge1xuICAgICAgICBpZiAoIWljb24pIHtcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3QgaWNvblN0ciA9IGljb24udG9TdHJpbmcoKTtcblxuICAgICAgICByZXR1cm4gdHVpR2V0SWNvbk1vZGUoaWNvblN0cikgPT09ICdmb250J1xuICAgICAgICAgICAgPyBgJyR7dGhpcy5yZXNvbHZlcihpY29uU3RyKX0nYFxuICAgICAgICAgICAgOiBgdXJsKCR7dGhpcy5yZXNvbHZlcihpY29uU3RyKX0pYDtcbiAgICB9XG59XG4iXX0=
|
|
@@ -6,6 +6,8 @@ import { tuiAppearanceOptionsProvider, TuiWithAppearance } from '@taiga-ui/core/
|
|
|
6
6
|
import * as i2 from '@taiga-ui/core/directives/icons';
|
|
7
7
|
import { TuiWithIcons } from '@taiga-ui/core/directives/icons';
|
|
8
8
|
import { tuiCreateOptions } from '@taiga-ui/cdk/utils/di';
|
|
9
|
+
import { TUI_VERSION } from '@taiga-ui/cdk/constants';
|
|
10
|
+
import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
|
|
9
11
|
|
|
10
12
|
const TUI_BUTTON_DEFAULT_OPTIONS = {
|
|
11
13
|
appearance: 'primary',
|
|
@@ -15,22 +17,22 @@ const [TUI_BUTTON_OPTIONS, tuiButtonOptionsProvider] = tuiCreateOptions(TUI_BUTT
|
|
|
15
17
|
|
|
16
18
|
class TuiButtonStyles {
|
|
17
19
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButtonStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiButtonStyles, isStandalone: true, selector: "ng-component",
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiButtonStyles, isStandalone: true, selector: "ng-component", exportAs: ["tui-button-4.82.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiButtonV=\"4.82.0\"],[tuiIconButtonV=\"4.82.0\"]{--t-size: var(--tui-height-l);--t-radius: var(--tui-radius-l);--t-gap: .25rem;--t-padding: 0 1.25rem;--t-margin: -.25rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, 0rem) - 2 * var(--t-margin, 0rem));block-size:var(--t-size);justify-content:center;border-radius:var(--t-radius);padding:var(--t-padding);-webkit-user-select:none;user-select:none;cursor:pointer;font:var(--tui-font-text-m);font-weight:700}[tuiButtonV=\"4.82.0\"]>img,[tuiIconButtonV=\"4.82.0\"]>img,[tuiButtonV=\"4.82.0\"]>tui-svg,[tuiIconButtonV=\"4.82.0\"]>tui-svg,[tuiButtonV=\"4.82.0\"]>tui-icon,[tuiIconButtonV=\"4.82.0\"]>tui-icon,[tuiButtonV=\"4.82.0\"]>tui-avatar,[tuiIconButtonV=\"4.82.0\"]>tui-avatar,[tuiButtonV=\"4.82.0\"]>tui-badge,[tuiIconButtonV=\"4.82.0\"]>tui-badge,[tuiButtonV=\"4.82.0\"]>[tuiBadge],[tuiIconButtonV=\"4.82.0\"]>[tuiBadge],[tuiButtonV=\"4.82.0\"]>[tuiRadio],[tuiIconButtonV=\"4.82.0\"]>[tuiRadio],[tuiButtonV=\"4.82.0\"]>[tuiSwitch],[tuiIconButtonV=\"4.82.0\"]>[tuiSwitch],[tuiButtonV=\"4.82.0\"]>[tuiCheckbox],[tuiIconButtonV=\"4.82.0\"]>[tuiCheckbox],[tuiButtonV=\"4.82.0\"][tuiIcons]:before,[tuiIconButtonV=\"4.82.0\"][tuiIcons]:before,[tuiButtonV=\"4.82.0\"][tuiIcons]:after,[tuiIconButtonV=\"4.82.0\"][tuiIcons]:after{margin:var(--t-margin)}[tuiButtonV=\"4.82.0\"]>.t-loader,[tuiIconButtonV=\"4.82.0\"]>.t-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[tuiButtonV=\"4.82.0\"]>.t-loader .t-text,[tuiIconButtonV=\"4.82.0\"]>.t-loader .t-text{position:absolute}[tuiButtonV=\"4.82.0\"][data-size=xs],[tuiIconButtonV=\"4.82.0\"][data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: var(--tui-radius-xs);--t-gap: .125rem;--t-padding: 0 .375rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButtonV=\"4.82.0\"][data-size=xs] tui-svg,[tuiIconButtonV=\"4.82.0\"][data-size=xs] tui-svg,[tuiButtonV=\"4.82.0\"][data-size=xs] tui-icon,[tuiIconButtonV=\"4.82.0\"][data-size=xs] tui-icon,[tuiButtonV=\"4.82.0\"][data-size=xs]:before,[tuiIconButtonV=\"4.82.0\"][data-size=xs]:before{font-size:1rem}[tuiButtonV=\"4.82.0\"][data-size=s],[tuiIconButtonV=\"4.82.0\"][data-size=s]{--t-size: var(--tui-height-s);--t-radius: var(--tui-radius-s);--t-gap: .125rem;--t-padding: 0 .625rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButtonV=\"4.82.0\"][data-size=s] tui-svg,[tuiIconButtonV=\"4.82.0\"][data-size=s] tui-svg,[tuiButtonV=\"4.82.0\"][data-size=s] tui-icon,[tuiIconButtonV=\"4.82.0\"][data-size=s] tui-icon,[tuiButtonV=\"4.82.0\"][data-size=s]:not([tuiIconButton][data-appearance=icon]):not([tuiIconButton][data-appearance=link]):before,[tuiIconButtonV=\"4.82.0\"][data-size=s]:not([tuiIconButton][data-appearance=icon]):not([tuiIconButton][data-appearance=link]):before{font-size:1rem}[tuiButtonV=\"4.82.0\"][data-size=m],[tuiIconButtonV=\"4.82.0\"][data-size=m]{--t-size: var(--tui-height-m);--t-radius: var(--tui-radius-m);--t-gap: .125rem;--t-padding: 0 1rem;--t-margin: -.375rem;font:var(--tui-font-text-m);font-weight:700}[tuiButtonV=\"4.82.0\"][data-size=m]:after,[tuiIconButtonV=\"4.82.0\"][data-size=m]:after{margin-inline-end:-.125rem}[tuiButtonV=\"4.82.0\"]._loading,[tuiIconButtonV=\"4.82.0\"]._loading{--tui-disabled-opacity: 1;-webkit-text-fill-color:transparent}[tuiButtonV=\"4.82.0\"]._loading>*,[tuiIconButtonV=\"4.82.0\"]._loading>*,[tuiButtonV=\"4.82.0\"]._loading:before,[tuiIconButtonV=\"4.82.0\"]._loading:before,[tuiButtonV=\"4.82.0\"]._loading:after,[tuiIconButtonV=\"4.82.0\"]._loading:after{opacity:0}[tuiButtonV=\"4.82.0\"]._loading>.t-loader,[tuiIconButtonV=\"4.82.0\"]._loading>.t-loader{opacity:1}[tuiButtonV=\"4.82.0\"][tuiIcons]:after,[tuiIconButtonV=\"4.82.0\"][tuiIcons]:after{font-size:1rem}[tuiButtonV=\"4.82.0\"][tuiButtonVertical],[tuiIconButtonV=\"4.82.0\"][tuiButtonVertical]{--t-margin: 0rem !important;--t-line-height: 1rem;flex-direction:column;flex-shrink:1;block-size:auto;padding:.75rem;gap:.375rem;min-inline-size:5rem;white-space:pre-line;font:var(--tui-font-text-ui-s)}[tuiButtonV=\"4.82.0\"][tuiButtonVertical]>*,[tuiIconButtonV=\"4.82.0\"][tuiButtonVertical]>*{max-block-size:calc(var(--t-line-height) * 2)}[tuiIconButtonV=\"4.82.0\"]{gap:0;inline-size:var(--t-size);font-size:0!important;font-variant-ligatures:none!important;padding:0}[tuiIconButtonV=\"4.82.0\"][data-size=l]:after{margin:0}[tuiIconButtonV=\"4.82.0\"][tuiIconButtonV=\"4.82.0\"][style*=\"--t-icon-start:\"]:after{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
19
21
|
}
|
|
20
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButtonStyles, decorators: [{
|
|
21
23
|
type: Component,
|
|
22
|
-
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush,
|
|
23
|
-
class: 'tui-button',
|
|
24
|
-
}, styles: ["[tuiButton],[tuiIconButton]{--t-size: var(--tui-height-l);--t-radius: var(--tui-radius-l);--t-gap: .25rem;--t-padding: 0 1.25rem;--t-margin: -.25rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, 0rem) - 2 * var(--t-margin, 0rem));block-size:var(--t-size);justify-content:center;border-radius:var(--t-radius);padding:var(--t-padding);-webkit-user-select:none;user-select:none;cursor:pointer;font:var(--tui-font-text-m);font-weight:700}[tuiButton]>img,[tuiIconButton]>img,[tuiButton]>tui-svg,[tuiIconButton]>tui-svg,[tuiButton]>tui-icon,[tuiIconButton]>tui-icon,[tuiButton]>tui-avatar,[tuiIconButton]>tui-avatar,[tuiButton]>tui-badge,[tuiIconButton]>tui-badge,[tuiButton]>[tuiBadge],[tuiIconButton]>[tuiBadge],[tuiButton]>[tuiRadio],[tuiIconButton]>[tuiRadio],[tuiButton]>[tuiSwitch],[tuiIconButton]>[tuiSwitch],[tuiButton]>[tuiCheckbox],[tuiIconButton]>[tuiCheckbox],[tuiButton][tuiIcons]:before,[tuiIconButton][tuiIcons]:before,[tuiButton][tuiIcons]:after,[tuiIconButton][tuiIcons]:after{margin:var(--t-margin)}[tuiButton]>.t-loader,[tuiIconButton]>.t-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[tuiButton]>.t-loader .t-text,[tuiIconButton]>.t-loader .t-text{position:absolute}[tuiButton][data-size=xs],[tuiIconButton][data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: var(--tui-radius-xs);--t-gap: .125rem;--t-padding: 0 .375rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButton][data-size=xs] tui-svg,[tuiIconButton][data-size=xs] tui-svg,[tuiButton][data-size=xs] tui-icon,[tuiIconButton][data-size=xs] tui-icon,[tuiButton][data-size=xs]:before,[tuiIconButton][data-size=xs]:before{font-size:1rem}[tuiButton][data-size=s],[tuiIconButton][data-size=s]{--t-size: var(--tui-height-s);--t-radius: var(--tui-radius-s);--t-gap: .125rem;--t-padding: 0 .625rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButton][data-size=s] tui-svg,[tuiIconButton][data-size=s] tui-svg,[tuiButton][data-size=s] tui-icon,[tuiIconButton][data-size=s] tui-icon,[tuiButton][data-size=s]:not([tuiIconButton][data-appearance=icon]):not([tuiIconButton][data-appearance=link]):before,[tuiIconButton][data-size=s]:not([tuiIconButton][data-appearance=icon]):not([tuiIconButton][data-appearance=link]):before{font-size:1rem}[tuiButton][data-size=m],[tuiIconButton][data-size=m]{--t-size: var(--tui-height-m);--t-radius: var(--tui-radius-m);--t-gap: .125rem;--t-padding: 0 1rem;--t-margin: -.375rem;font:var(--tui-font-text-m);font-weight:700}[tuiButton][data-size=m]:after,[tuiIconButton][data-size=m]:after{margin-inline-end:-.125rem}[tuiButton]._loading,[tuiIconButton]._loading{--tui-disabled-opacity: 1;-webkit-text-fill-color:transparent}[tuiButton]._loading>*,[tuiIconButton]._loading>*,[tuiButton]._loading:before,[tuiIconButton]._loading:before,[tuiButton]._loading:after,[tuiIconButton]._loading:after{opacity:0}[tuiButton]._loading>.t-loader,[tuiIconButton]._loading>.t-loader{opacity:1}[tuiButton][tuiIcons]:after,[tuiIconButton][tuiIcons]:after{font-size:1rem}[tuiButton][tuiButtonVertical],[tuiIconButton][tuiButtonVertical]{--t-margin: 0rem !important;--t-line-height: 1rem;flex-direction:column;flex-shrink:1;block-size:auto;padding:.75rem;gap:.375rem;min-inline-size:5rem;white-space:pre-line;font:var(--tui-font-text-ui-s)}[tuiButton][tuiButtonVertical]>*,[tuiIconButton][tuiButtonVertical]>*{max-block-size:calc(var(--t-line-height) * 2)}[tuiIconButton]{gap:0;inline-size:var(--t-size);font-size:0!important;font-variant-ligatures:none!important;padding:0}[tuiIconButton][data-size=l]:after{margin:0}[tuiIconButton][tuiIconButton][style*=\"--t-icon-start:\"]:after{display:none}\n"] }]
|
|
24
|
+
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-button-${TUI_VERSION}`, styles: ["[tuiButtonV=\"4.82.0\"],[tuiIconButtonV=\"4.82.0\"]{--t-size: var(--tui-height-l);--t-radius: var(--tui-radius-l);--t-gap: .25rem;--t-padding: 0 1.25rem;--t-margin: -.25rem;-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-inline-size:100%;gap:calc(var(--t-gap, 0rem) - 2 * var(--t-margin, 0rem));block-size:var(--t-size);justify-content:center;border-radius:var(--t-radius);padding:var(--t-padding);-webkit-user-select:none;user-select:none;cursor:pointer;font:var(--tui-font-text-m);font-weight:700}[tuiButtonV=\"4.82.0\"]>img,[tuiIconButtonV=\"4.82.0\"]>img,[tuiButtonV=\"4.82.0\"]>tui-svg,[tuiIconButtonV=\"4.82.0\"]>tui-svg,[tuiButtonV=\"4.82.0\"]>tui-icon,[tuiIconButtonV=\"4.82.0\"]>tui-icon,[tuiButtonV=\"4.82.0\"]>tui-avatar,[tuiIconButtonV=\"4.82.0\"]>tui-avatar,[tuiButtonV=\"4.82.0\"]>tui-badge,[tuiIconButtonV=\"4.82.0\"]>tui-badge,[tuiButtonV=\"4.82.0\"]>[tuiBadge],[tuiIconButtonV=\"4.82.0\"]>[tuiBadge],[tuiButtonV=\"4.82.0\"]>[tuiRadio],[tuiIconButtonV=\"4.82.0\"]>[tuiRadio],[tuiButtonV=\"4.82.0\"]>[tuiSwitch],[tuiIconButtonV=\"4.82.0\"]>[tuiSwitch],[tuiButtonV=\"4.82.0\"]>[tuiCheckbox],[tuiIconButtonV=\"4.82.0\"]>[tuiCheckbox],[tuiButtonV=\"4.82.0\"][tuiIcons]:before,[tuiIconButtonV=\"4.82.0\"][tuiIcons]:before,[tuiButtonV=\"4.82.0\"][tuiIcons]:after,[tuiIconButtonV=\"4.82.0\"][tuiIcons]:after{margin:var(--t-margin)}[tuiButtonV=\"4.82.0\"]>.t-loader,[tuiIconButtonV=\"4.82.0\"]>.t-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[tuiButtonV=\"4.82.0\"]>.t-loader .t-text,[tuiIconButtonV=\"4.82.0\"]>.t-loader .t-text{position:absolute}[tuiButtonV=\"4.82.0\"][data-size=xs],[tuiIconButtonV=\"4.82.0\"][data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: var(--tui-radius-xs);--t-gap: .125rem;--t-padding: 0 .375rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButtonV=\"4.82.0\"][data-size=xs] tui-svg,[tuiIconButtonV=\"4.82.0\"][data-size=xs] tui-svg,[tuiButtonV=\"4.82.0\"][data-size=xs] tui-icon,[tuiIconButtonV=\"4.82.0\"][data-size=xs] tui-icon,[tuiButtonV=\"4.82.0\"][data-size=xs]:before,[tuiIconButtonV=\"4.82.0\"][data-size=xs]:before{font-size:1rem}[tuiButtonV=\"4.82.0\"][data-size=s],[tuiIconButtonV=\"4.82.0\"][data-size=s]{--t-size: var(--tui-height-s);--t-radius: var(--tui-radius-s);--t-gap: .125rem;--t-padding: 0 .625rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButtonV=\"4.82.0\"][data-size=s] tui-svg,[tuiIconButtonV=\"4.82.0\"][data-size=s] tui-svg,[tuiButtonV=\"4.82.0\"][data-size=s] tui-icon,[tuiIconButtonV=\"4.82.0\"][data-size=s] tui-icon,[tuiButtonV=\"4.82.0\"][data-size=s]:not([tuiIconButton][data-appearance=icon]):not([tuiIconButton][data-appearance=link]):before,[tuiIconButtonV=\"4.82.0\"][data-size=s]:not([tuiIconButton][data-appearance=icon]):not([tuiIconButton][data-appearance=link]):before{font-size:1rem}[tuiButtonV=\"4.82.0\"][data-size=m],[tuiIconButtonV=\"4.82.0\"][data-size=m]{--t-size: var(--tui-height-m);--t-radius: var(--tui-radius-m);--t-gap: .125rem;--t-padding: 0 1rem;--t-margin: -.375rem;font:var(--tui-font-text-m);font-weight:700}[tuiButtonV=\"4.82.0\"][data-size=m]:after,[tuiIconButtonV=\"4.82.0\"][data-size=m]:after{margin-inline-end:-.125rem}[tuiButtonV=\"4.82.0\"]._loading,[tuiIconButtonV=\"4.82.0\"]._loading{--tui-disabled-opacity: 1;-webkit-text-fill-color:transparent}[tuiButtonV=\"4.82.0\"]._loading>*,[tuiIconButtonV=\"4.82.0\"]._loading>*,[tuiButtonV=\"4.82.0\"]._loading:before,[tuiIconButtonV=\"4.82.0\"]._loading:before,[tuiButtonV=\"4.82.0\"]._loading:after,[tuiIconButtonV=\"4.82.0\"]._loading:after{opacity:0}[tuiButtonV=\"4.82.0\"]._loading>.t-loader,[tuiIconButtonV=\"4.82.0\"]._loading>.t-loader{opacity:1}[tuiButtonV=\"4.82.0\"][tuiIcons]:after,[tuiIconButtonV=\"4.82.0\"][tuiIcons]:after{font-size:1rem}[tuiButtonV=\"4.82.0\"][tuiButtonVertical],[tuiIconButtonV=\"4.82.0\"][tuiButtonVertical]{--t-margin: 0rem !important;--t-line-height: 1rem;flex-direction:column;flex-shrink:1;block-size:auto;padding:.75rem;gap:.375rem;min-inline-size:5rem;white-space:pre-line;font:var(--tui-font-text-ui-s)}[tuiButtonV=\"4.82.0\"][tuiButtonVertical]>*,[tuiIconButtonV=\"4.82.0\"][tuiButtonVertical]>*{max-block-size:calc(var(--t-line-height) * 2)}[tuiIconButtonV=\"4.82.0\"]{gap:0;inline-size:var(--t-size);font-size:0!important;font-variant-ligatures:none!important;padding:0}[tuiIconButtonV=\"4.82.0\"][data-size=l]:after{margin:0}[tuiIconButtonV=\"4.82.0\"][tuiIconButtonV=\"4.82.0\"][style*=\"--t-icon-start:\"]:after{display:none}\n"] }]
|
|
25
25
|
}] });
|
|
26
26
|
class TuiButton {
|
|
27
27
|
constructor() {
|
|
28
28
|
this.options = inject(TUI_BUTTON_OPTIONS);
|
|
29
29
|
this.nothing = tuiWithStyles(TuiButtonStyles);
|
|
30
|
+
this.version = TUI_VERSION;
|
|
31
|
+
this.el = tuiInjectElement();
|
|
30
32
|
this.size = this.options.size;
|
|
31
33
|
}
|
|
32
34
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButton, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
33
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiButton, isStandalone: true, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: { size: "size" }, host: { properties: { "attr.data-size": "size" } }, providers: [tuiAppearanceOptionsProvider(TUI_BUTTON_OPTIONS)], hostDirectives: [{ directive: i1.TuiWithAppearance }, { directive: i2.TuiWithIcons }], ngImport: i0 }); }
|
|
35
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiButton, isStandalone: true, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: { size: "size" }, host: { properties: { "attr.data-size": "size", "attr.tuiButtonV": "el.hasAttribute('tuiButton') ? version : null", "attr.tuiIconButtonV": "el.hasAttribute('tuiIconButton') ? version : null" } }, providers: [tuiAppearanceOptionsProvider(TUI_BUTTON_OPTIONS)], hostDirectives: [{ directive: i1.TuiWithAppearance }, { directive: i2.TuiWithIcons }], ngImport: i0 }); }
|
|
34
36
|
}
|
|
35
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButton, decorators: [{
|
|
36
38
|
type: Directive,
|
|
@@ -41,6 +43,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
41
43
|
hostDirectives: [TuiWithAppearance, TuiWithIcons],
|
|
42
44
|
host: {
|
|
43
45
|
'[attr.data-size]': 'size',
|
|
46
|
+
'[attr.tuiButtonV]': "el.hasAttribute('tuiButton') ? version : null",
|
|
47
|
+
'[attr.tuiIconButtonV]': "el.hasAttribute('tuiIconButton') ? version : null",
|
|
44
48
|
},
|
|
45
49
|
}]
|
|
46
50
|
}], propDecorators: { size: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-core-components-button.mjs","sources":["../../../projects/core/components/button/button.options.ts","../../../projects/core/components/button/button.directive.ts","../../../projects/core/components/button/taiga-ui-core-components-button.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type TuiAppearanceOptions} from '@taiga-ui/core/directives/appearance';\nimport {type TuiSizeXL, type TuiSizeXS} from '@taiga-ui/core/types';\n\nexport interface TuiButtonOptions extends TuiAppearanceOptions {\n readonly size: TuiSizeXL | TuiSizeXS;\n}\n\nexport const TUI_BUTTON_DEFAULT_OPTIONS: TuiButtonOptions = {\n appearance: 'primary',\n size: 'l',\n};\n\nexport const [TUI_BUTTON_OPTIONS, tuiButtonOptionsProvider] = tuiCreateOptions(\n TUI_BUTTON_DEFAULT_OPTIONS,\n);\n","import {\n ChangeDetectionStrategy,\n Component,\n Directive,\n inject,\n Input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {\n tuiAppearanceOptionsProvider,\n TuiWithAppearance,\n} from '@taiga-ui/core/directives/appearance';\nimport {TuiWithIcons} from '@taiga-ui/core/directives/icons';\n\nimport {TUI_BUTTON_OPTIONS} from './button.options';\n\n@Component({\n standalone: true,\n template: '',\n styles: ['@import \"@taiga-ui/core/styles/components/button.less\";'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n
|
|
1
|
+
{"version":3,"file":"taiga-ui-core-components-button.mjs","sources":["../../../projects/core/components/button/button.options.ts","../../../projects/core/components/button/button.directive.ts","../../../projects/core/components/button/taiga-ui-core-components-button.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type TuiAppearanceOptions} from '@taiga-ui/core/directives/appearance';\nimport {type TuiSizeXL, type TuiSizeXS} from '@taiga-ui/core/types';\n\nexport interface TuiButtonOptions extends TuiAppearanceOptions {\n readonly size: TuiSizeXL | TuiSizeXS;\n}\n\nexport const TUI_BUTTON_DEFAULT_OPTIONS: TuiButtonOptions = {\n appearance: 'primary',\n size: 'l',\n};\n\nexport const [TUI_BUTTON_OPTIONS, tuiButtonOptionsProvider] = tuiCreateOptions(\n TUI_BUTTON_DEFAULT_OPTIONS,\n);\n","import {\n ChangeDetectionStrategy,\n Component,\n Directive,\n inject,\n Input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {\n tuiAppearanceOptionsProvider,\n TuiWithAppearance,\n} from '@taiga-ui/core/directives/appearance';\nimport {TuiWithIcons} from '@taiga-ui/core/directives/icons';\n\nimport {TUI_BUTTON_OPTIONS} from './button.options';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\n\n@Component({\n standalone: true,\n template: '',\n styles: ['@import \"@taiga-ui/core/styles/components/button.less\";'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n exportAs: `tui-button-${TUI_VERSION}`,\n})\nclass TuiButtonStyles {}\n\n@Directive({\n standalone: true,\n selector: 'a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]',\n providers: [tuiAppearanceOptionsProvider(TUI_BUTTON_OPTIONS)],\n hostDirectives: [TuiWithAppearance, TuiWithIcons],\n host: {\n '[attr.data-size]': 'size',\n '[attr.tuiButtonV]': \"el.hasAttribute('tuiButton') ? version : null\",\n '[attr.tuiIconButtonV]': \"el.hasAttribute('tuiIconButton') ? version : null\",\n },\n})\nexport class TuiButton {\n private readonly options = inject(TUI_BUTTON_OPTIONS);\n protected readonly nothing = tuiWithStyles(TuiButtonStyles);\n protected readonly version = TUI_VERSION;\n protected readonly el = tuiInjectElement();\n\n @Input()\n public size = this.options.size;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAQa,MAAA,0BAA0B,GAAqB;AACxD,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,IAAI,EAAE,GAAG;EACX;AAEK,MAAM,CAAC,kBAAkB,EAAE,wBAAwB,CAAC,GAAG,gBAAgB,CAC1E,0BAA0B;;ACK9B,MAQM,eAAe,CAAA;+GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,yGANP,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,6mJAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;4FAMV,eAAe,EAAA,UAAA,EAAA,CAAA;kBARpB,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,EAAE,EAEG,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACrC,QAAA,EAAA,CAAA,WAAA,EAAc,WAAW,CAAE,CAAA,EAAA,MAAA,EAAA,CAAA,6mJAAA,CAAA,EAAA,CAAA;;AAIzC,MAWa,SAAS,CAAA;AAXtB,IAAA,WAAA,GAAA;AAYqB,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AACnC,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC;QACzC,IAAO,CAAA,OAAA,GAAG,WAAW,CAAC;QACtB,IAAE,CAAA,EAAA,GAAG,gBAAgB,EAAE,CAAC;AAGpC,QAAA,IAAA,CAAA,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;AACnC,KAAA;+GARY,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,SAAS,kVARP,CAAC,4BAA4B,CAAC,kBAAkB,CAAC,CAAC,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,YAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FAQpD,SAAS,EAAA,UAAA,EAAA,CAAA;kBAXrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,uEAAuE;AACjF,oBAAA,SAAS,EAAE,CAAC,4BAA4B,CAAC,kBAAkB,CAAC,CAAC;AAC7D,oBAAA,cAAc,EAAE,CAAC,iBAAiB,EAAE,YAAY,CAAC;AACjD,oBAAA,IAAI,EAAE;AACF,wBAAA,kBAAkB,EAAE,MAAM;AAC1B,wBAAA,mBAAmB,EAAE,+CAA+C;AACpE,wBAAA,uBAAuB,EAAE,mDAAmD;AAC/E,qBAAA;AACJ,iBAAA,CAAA;8BAQU,IAAI,EAAA,CAAA;sBADV,KAAK;;;AC9CV;;AAEG;;;;"}
|
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Component, ViewEncapsulation, ChangeDetectionStrategy, inject, forwardRef, Directive, ContentChild } from '@angular/core';
|
|
3
|
+
import { TUI_VERSION } from '@taiga-ui/cdk/constants';
|
|
3
4
|
import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
|
|
4
5
|
import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
5
6
|
import { TUI_DATA_LIST_HOST } from '@taiga-ui/core/components/data-list';
|
|
6
7
|
|
|
7
8
|
class TuiLabelStyles {
|
|
8
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiLabelStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiLabelStyles, isStandalone: true, selector: "ng-component",
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiLabelStyles, isStandalone: true, selector: "ng-component", exportAs: ["tui-label-4.82.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiLabelV=\"4.82.0\"]{display:flex;gap:.25rem;flex-direction:column;font:var(--tui-font-text-s);color:var(--tui-text-primary)}[tuiLabelV=\"4.82.0\"]:not([data-orientation=vertical]){flex-direction:row;inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;font:var(--tui-font-text-m)}[tuiLabelV=\"4.82.0\"]:has(tui-textfield),[tuiLabelV=\"4.82.0\"]:has(tui-primitive-textfield),[tuiLabelV=\"4.82.0\"]:has(tui-textarea){flex-direction:column!important;inline-size:auto!important;font:var(--tui-font-text-s)!important}[tuiLabelV=\"4.82.0\"] input[type=checkbox],[tuiLabelV=\"4.82.0\"] input[type=radio]{margin-inline-end:.5rem}[tuiLabelV=\"4.82.0\"] input[type=checkbox][data-size=s],[tuiLabelV=\"4.82.0\"] input[type=radio][data-size=s]{margin-inline-end:.25rem;margin-block-start:.125rem}[tuiLabelV=\"4.82.0\"] small{font:var(--tui-font-text-s)}[tuiLabelV=\"4.82.0\"] [tuiTitle]{margin-block-start:.125rem}[tuiLabelV=\"4.82.0\"] [tuiSubtitle]{color:var(--tui-text-secondary)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10
11
|
}
|
|
11
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiLabelStyles, decorators: [{
|
|
12
13
|
type: Component,
|
|
13
|
-
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush,
|
|
14
|
-
class: 'tui-label',
|
|
15
|
-
}, styles: ["[tuiLabel]{display:flex;gap:.25rem;flex-direction:column;font:var(--tui-font-text-s);color:var(--tui-text-primary)}[tuiLabel]:not([data-orientation=vertical]){flex-direction:row;inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;font:var(--tui-font-text-m)}[tuiLabel]:has(tui-textfield),[tuiLabel]:has(tui-primitive-textfield),[tuiLabel]:has(tui-textarea){flex-direction:column!important;inline-size:auto!important;font:var(--tui-font-text-s)!important}[tuiLabel] input[type=checkbox],[tuiLabel] input[type=radio]{margin-inline-end:.5rem}[tuiLabel] input[type=checkbox][data-size=s],[tuiLabel] input[type=radio][data-size=s]{margin-inline-end:.25rem;margin-block-start:.125rem}[tuiLabel] small{font:var(--tui-font-text-s)}[tuiLabel] [tuiTitle]{margin-block-start:.125rem}[tuiLabel] [tuiSubtitle]{color:var(--tui-text-secondary)}\n"] }]
|
|
14
|
+
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-label-${TUI_VERSION}`, styles: ["[tuiLabelV=\"4.82.0\"]{display:flex;gap:.25rem;flex-direction:column;font:var(--tui-font-text-s);color:var(--tui-text-primary)}[tuiLabelV=\"4.82.0\"]:not([data-orientation=vertical]){flex-direction:row;inline-size:-webkit-fit-content;inline-size:-moz-fit-content;inline-size:fit-content;font:var(--tui-font-text-m)}[tuiLabelV=\"4.82.0\"]:has(tui-textfield),[tuiLabelV=\"4.82.0\"]:has(tui-primitive-textfield),[tuiLabelV=\"4.82.0\"]:has(tui-textarea){flex-direction:column!important;inline-size:auto!important;font:var(--tui-font-text-s)!important}[tuiLabelV=\"4.82.0\"] input[type=checkbox],[tuiLabelV=\"4.82.0\"] input[type=radio]{margin-inline-end:.5rem}[tuiLabelV=\"4.82.0\"] input[type=checkbox][data-size=s],[tuiLabelV=\"4.82.0\"] input[type=radio][data-size=s]{margin-inline-end:.25rem;margin-block-start:.125rem}[tuiLabelV=\"4.82.0\"] small{font:var(--tui-font-text-s)}[tuiLabelV=\"4.82.0\"] [tuiTitle]{margin-block-start:.125rem}[tuiLabelV=\"4.82.0\"] [tuiSubtitle]{color:var(--tui-text-secondary)}\n"] }]
|
|
16
15
|
}] });
|
|
17
16
|
// TODO: Replace TUI_DATA_LIST_HOST with proper token once we refactor textfields
|
|
18
17
|
class TuiLabel {
|
|
@@ -22,7 +21,7 @@ class TuiLabel {
|
|
|
22
21
|
this.parent = inject(forwardRef(() => TUI_DATA_LIST_HOST), { optional: true });
|
|
23
22
|
}
|
|
24
23
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
25
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiLabel, isStandalone: true, selector: "label[tuiLabel]", host: { properties: { "attr.for": "el.htmlFor || parent?.id", "attr.data-orientation": "textfield ? \"vertical\" : \"horizontal\"" } }, queries: [{ propertyName: "textfield", first: true, predicate: i0.forwardRef(function () { return TUI_DATA_LIST_HOST; }), descendants: true }], ngImport: i0 }); }
|
|
24
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiLabel, isStandalone: true, selector: "label[tuiLabel]", host: { attributes: { "tuiLabelV": "4.82.0" }, properties: { "attr.for": "el.htmlFor || parent?.id", "attr.data-orientation": "textfield ? \"vertical\" : \"horizontal\"" } }, queries: [{ propertyName: "textfield", first: true, predicate: i0.forwardRef(function () { return TUI_DATA_LIST_HOST; }), descendants: true }], ngImport: i0 }); }
|
|
26
25
|
}
|
|
27
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiLabel, decorators: [{
|
|
28
27
|
type: Directive,
|
|
@@ -30,6 +29,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
30
29
|
standalone: true,
|
|
31
30
|
selector: 'label[tuiLabel]',
|
|
32
31
|
host: {
|
|
32
|
+
tuiLabelV: TUI_VERSION,
|
|
33
33
|
'[attr.for]': 'el.htmlFor || parent?.id',
|
|
34
34
|
'[attr.data-orientation]': 'textfield ? "vertical" : "horizontal"',
|
|
35
35
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-core-components-label.mjs","sources":["../../../projects/core/components/label/label.directive.ts","../../../projects/core/components/label/taiga-ui-core-components-label.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ContentChild,\n Directive,\n forwardRef,\n inject,\n ViewEncapsulation,\n} from '@angular/core';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TUI_DATA_LIST_HOST} from '@taiga-ui/core/components/data-list';\n\n@Component({\n standalone: true,\n template: '',\n styles: ['@import \"@taiga-ui/core/styles/components/label.less\";'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n
|
|
1
|
+
{"version":3,"file":"taiga-ui-core-components-label.mjs","sources":["../../../projects/core/components/label/label.directive.ts","../../../projects/core/components/label/taiga-ui-core-components-label.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ContentChild,\n Directive,\n forwardRef,\n inject,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TUI_DATA_LIST_HOST} from '@taiga-ui/core/components/data-list';\n\n@Component({\n standalone: true,\n template: '',\n styles: ['@import \"@taiga-ui/core/styles/components/label.less\";'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n exportAs: `tui-label-${TUI_VERSION}`,\n})\nclass TuiLabelStyles {}\n\n// TODO: Replace TUI_DATA_LIST_HOST with proper token once we refactor textfields\n@Directive({\n standalone: true,\n selector: 'label[tuiLabel]',\n host: {\n tuiLabelV: TUI_VERSION,\n '[attr.for]': 'el.htmlFor || parent?.id',\n '[attr.data-orientation]': 'textfield ? \"vertical\" : \"horizontal\"',\n },\n})\nexport class TuiLabel {\n @ContentChild(forwardRef(() => TUI_DATA_LIST_HOST))\n protected readonly textfield?: unknown;\n\n protected readonly el = tuiInjectElement<HTMLLabelElement>();\n protected readonly nothing = tuiWithStyles(TuiLabelStyles);\n protected readonly parent = inject(\n forwardRef(() => TUI_DATA_LIST_HOST),\n {optional: true},\n );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAcA,MAQM,cAAc,CAAA;+GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,wGANN,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,k/BAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;4FAMV,cAAc,EAAA,UAAA,EAAA,CAAA;kBARnB,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,EAAE,EAEG,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACrC,QAAA,EAAA,CAAA,UAAA,EAAa,WAAW,CAAE,CAAA,EAAA,MAAA,EAAA,CAAA,k/BAAA,CAAA,EAAA,CAAA;;AAIxC;AACA,MASa,QAAQ,CAAA;AATrB,IAAA,WAAA,GAAA;QAauB,IAAE,CAAA,EAAA,GAAG,gBAAgB,EAAoB,CAAC;AAC1C,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC;AACxC,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAC9B,UAAU,CAAC,MAAM,kBAAkB,CAAC,EACpC,EAAC,QAAQ,EAAE,IAAI,EAAC,CACnB,CAAC;AACL,KAAA;+GAVY,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAR,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,QAAQ,oUACc,kBAAkB,CAAA,EAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FADxC,QAAQ,EAAA,UAAA,EAAA,CAAA;kBATpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,IAAI,EAAE;AACF,wBAAA,SAAS,EAAE,WAAW;AACtB,wBAAA,YAAY,EAAE,0BAA0B;AACxC,wBAAA,yBAAyB,EAAE,uCAAuC;AACrE,qBAAA;AACJ,iBAAA,CAAA;8BAGsB,SAAS,EAAA,CAAA;sBAD3B,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,UAAU,CAAC,MAAM,kBAAkB,CAAC,CAAA;;;ACnCtD;;AAEG;;;;"}
|
|
@@ -5,6 +5,7 @@ import * as i1 from '@taiga-ui/core/directives/appearance';
|
|
|
5
5
|
import { tuiAppearanceOptionsProvider, TuiWithAppearance } from '@taiga-ui/core/directives/appearance';
|
|
6
6
|
import * as i2 from '@taiga-ui/core/directives/icons';
|
|
7
7
|
import { TuiWithIcons } from '@taiga-ui/core/directives/icons';
|
|
8
|
+
import { TUI_VERSION } from '@taiga-ui/cdk/constants';
|
|
8
9
|
|
|
9
10
|
const TUI_LINK_DEFAULT_OPTIONS = {
|
|
10
11
|
appearance: 'action',
|
|
@@ -19,13 +20,11 @@ function tuiLinkOptionsProvider(options) {
|
|
|
19
20
|
|
|
20
21
|
class TuiLinkStyles {
|
|
21
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiLinkStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiLinkStyles, isStandalone: true, selector: "ng-component",
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiLinkStyles, isStandalone: true, selector: "ng-component", exportAs: ["tui-link-4.82.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiLinkV=\"4.82.0\"]{--tui-text-tertiary: var(--tui-text-secondary);transition-property:color,opacity,-webkit-text-decoration;transition-property:color,text-decoration,opacity;transition-property:color,text-decoration,opacity,-webkit-text-decoration;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;padding:0;background:transparent;border:none;cursor:pointer;font:inherit;color:var(--tui-text-primary);-webkit-text-decoration:none dashed currentColor;text-decoration:none dashed currentColor;text-underline-offset:.2em;text-decoration-thickness:.7px;text-decoration-color:color-mix(in lch,currentColor,transparent)}@media (hover: hover) and (pointer: fine){[tuiLinkV=\"4.82.0\"]:hover{--tui-text-secondary: var(--tui-text-primary)}}[tuiLinkV=\"4.82.0\"]:before{margin-inline-end:.25rem}[tuiLinkV=\"4.82.0\"]:after{margin-inline-start:.25rem}[tuiLinkV=\"4.82.0\"][tuiIcons]:before,[tuiLinkV=\"4.82.0\"][tuiIcons]:after{content:\"\\2060\";padding:calc(var(--tui-icon-size, 1rem) / 2);vertical-align:super;font-size:0;line-height:0;box-sizing:border-box;transition:none}[tuiLinkV=\"4.82.0\"][tuiChevron]:after{display:inline-block}[tuiLinkV=\"4.82.0\"]:focus-visible:not([data-focus=false]){outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}[tuiLinkV=\"4.82.0\"][data-focus=true]{outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}[tuiLinkV=\"4.82.0\"][tuiWrapper]:not(._focused):has(:focus-visible){outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}[tuiLinkV=\"4.82.0\"][tuiWrapper]._focused._focused{outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}@media (hover: hover) and (pointer: fine){[tuiLinkV=\"4.82.0\"]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){text-decoration-color:currentColor}}@media (hover: hover) and (pointer: fine){[tuiLinkV=\"4.82.0\"]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){text-decoration-color:currentColor}}[tuiLinkV=\"4.82.0\"][data-state=hover]{text-decoration-color:currentColor}@media (hover: hover) and (pointer: fine){[tuiLinkV=\"4.82.0\"][tuiWrapper]:hover:not(._no-hover),[tuiLinkV=\"4.82.0\"][tuiWrapper][data-state=hover]{text-decoration-color:currentColor}}[tuiLinkV=\"4.82.0\"]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){text-decoration-color:currentColor}[tuiLinkV=\"4.82.0\"]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){text-decoration-color:currentColor}[tuiLinkV=\"4.82.0\"][data-state=active]{text-decoration-color:currentColor}[tuiLinkV=\"4.82.0\"][tuiWrapper]:active:not(._no-active),[tuiLinkV=\"4.82.0\"][tuiWrapper][data-state=active],[tuiLinkV=\"4.82.0\"][tuiWrapper][data-state=active]:hover{text-decoration-color:currentColor}@media (hover: hover) and (pointer: fine){[tuiLinkV=\"4.82.0\"][data-appearance=\"\"]:hover{opacity:.7}}[tuiLinkV=\"4.82.0\"][data-appearance=\"\"]:active{opacity:.7}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
23
24
|
}
|
|
24
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiLinkStyles, decorators: [{
|
|
25
26
|
type: Component,
|
|
26
|
-
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush,
|
|
27
|
-
class: 'tui-link',
|
|
28
|
-
}, styles: ["[tuiLink]{--tui-text-tertiary: var(--tui-text-secondary);transition-property:color,opacity,-webkit-text-decoration;transition-property:color,text-decoration,opacity;transition-property:color,text-decoration,opacity,-webkit-text-decoration;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;padding:0;background:transparent;border:none;cursor:pointer;font:inherit;color:var(--tui-text-primary);-webkit-text-decoration:none dashed currentColor;text-decoration:none dashed currentColor;text-underline-offset:.2em;text-decoration-thickness:.7px;text-decoration-color:color-mix(in lch,currentColor,transparent)}@media (hover: hover) and (pointer: fine){[tuiLink]:hover{--tui-text-secondary: var(--tui-text-primary)}}[tuiLink]:before{margin-inline-end:.25rem}[tuiLink]:after{margin-inline-start:.25rem}[tuiLink][tuiIcons]:before,[tuiLink][tuiIcons]:after{content:\"\\2060\";padding:calc(var(--tui-icon-size, 1rem) / 2);vertical-align:super;font-size:0;line-height:0;box-sizing:border-box;transition:none}[tuiLink][tuiChevron]:after{display:inline-block}[tuiLink]:focus-visible:not([data-focus=false]){outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}[tuiLink][data-focus=true]{outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}[tuiLink][tuiWrapper]:not(._focused):has(:focus-visible){outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}[tuiLink][tuiWrapper]._focused._focused{outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}@media (hover: hover) and (pointer: fine){[tuiLink]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){text-decoration-color:currentColor}}@media (hover: hover) and (pointer: fine){[tuiLink]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){text-decoration-color:currentColor}}[tuiLink][data-state=hover]{text-decoration-color:currentColor}@media (hover: hover) and (pointer: fine){[tuiLink][tuiWrapper]:hover:not(._no-hover),[tuiLink][tuiWrapper][data-state=hover]{text-decoration-color:currentColor}}[tuiLink]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){text-decoration-color:currentColor}[tuiLink]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){text-decoration-color:currentColor}[tuiLink][data-state=active]{text-decoration-color:currentColor}[tuiLink][tuiWrapper]:active:not(._no-active),[tuiLink][tuiWrapper][data-state=active],[tuiLink][tuiWrapper][data-state=active]:hover{text-decoration-color:currentColor}@media (hover: hover) and (pointer: fine){[tuiLink][data-appearance=\"\"]:hover{opacity:.7}}[tuiLink][data-appearance=\"\"]:active{opacity:.7}\n"] }]
|
|
27
|
+
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-link-${TUI_VERSION}`, styles: ["[tuiLinkV=\"4.82.0\"]{--tui-text-tertiary: var(--tui-text-secondary);transition-property:color,opacity,-webkit-text-decoration;transition-property:color,text-decoration,opacity;transition-property:color,text-decoration,opacity,-webkit-text-decoration;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;padding:0;background:transparent;border:none;cursor:pointer;font:inherit;color:var(--tui-text-primary);-webkit-text-decoration:none dashed currentColor;text-decoration:none dashed currentColor;text-underline-offset:.2em;text-decoration-thickness:.7px;text-decoration-color:color-mix(in lch,currentColor,transparent)}@media (hover: hover) and (pointer: fine){[tuiLinkV=\"4.82.0\"]:hover{--tui-text-secondary: var(--tui-text-primary)}}[tuiLinkV=\"4.82.0\"]:before{margin-inline-end:.25rem}[tuiLinkV=\"4.82.0\"]:after{margin-inline-start:.25rem}[tuiLinkV=\"4.82.0\"][tuiIcons]:before,[tuiLinkV=\"4.82.0\"][tuiIcons]:after{content:\"\\2060\";padding:calc(var(--tui-icon-size, 1rem) / 2);vertical-align:super;font-size:0;line-height:0;box-sizing:border-box;transition:none}[tuiLinkV=\"4.82.0\"][tuiChevron]:after{display:inline-block}[tuiLinkV=\"4.82.0\"]:focus-visible:not([data-focus=false]){outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}[tuiLinkV=\"4.82.0\"][data-focus=true]{outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}[tuiLinkV=\"4.82.0\"][tuiWrapper]:not(._focused):has(:focus-visible){outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}[tuiLinkV=\"4.82.0\"][tuiWrapper]._focused._focused{outline:none;background:var(--tui-service-selection-background);background:color-mix(in lch,currentColor 12%,transparent)}@media (hover: hover) and (pointer: fine){[tuiLinkV=\"4.82.0\"]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){text-decoration-color:currentColor}}@media (hover: hover) and (pointer: fine){[tuiLinkV=\"4.82.0\"]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){text-decoration-color:currentColor}}[tuiLinkV=\"4.82.0\"][data-state=hover]{text-decoration-color:currentColor}@media (hover: hover) and (pointer: fine){[tuiLinkV=\"4.82.0\"][tuiWrapper]:hover:not(._no-hover),[tuiLinkV=\"4.82.0\"][tuiWrapper][data-state=hover]{text-decoration-color:currentColor}}[tuiLinkV=\"4.82.0\"]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){text-decoration-color:currentColor}[tuiLinkV=\"4.82.0\"]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){text-decoration-color:currentColor}[tuiLinkV=\"4.82.0\"][data-state=active]{text-decoration-color:currentColor}[tuiLinkV=\"4.82.0\"][tuiWrapper]:active:not(._no-active),[tuiLinkV=\"4.82.0\"][tuiWrapper][data-state=active],[tuiLinkV=\"4.82.0\"][tuiWrapper][data-state=active]:hover{text-decoration-color:currentColor}@media (hover: hover) and (pointer: fine){[tuiLinkV=\"4.82.0\"][data-appearance=\"\"]:hover{opacity:.7}}[tuiLinkV=\"4.82.0\"][data-appearance=\"\"]:active{opacity:.7}\n"] }]
|
|
29
28
|
}] });
|
|
30
29
|
class TuiLink {
|
|
31
30
|
constructor() {
|
|
@@ -37,7 +36,7 @@ class TuiLink {
|
|
|
37
36
|
this.pseudo = inject(TUI_LINK_OPTIONS).pseudo;
|
|
38
37
|
}
|
|
39
38
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiLink, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
40
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiLink, isStandalone: true, selector: "a[tuiLink], button[tuiLink]", inputs: { pseudo: "pseudo" }, host: { attributes: { "tuiLink": "" }, properties: { "style.text-decoration-line": "pseudo ? \"underline\" : null" } }, providers: [tuiAppearanceOptionsProvider(TUI_LINK_OPTIONS)], hostDirectives: [{ directive: i1.TuiWithAppearance }, { directive: i2.TuiWithIcons }], ngImport: i0 }); }
|
|
39
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiLink, isStandalone: true, selector: "a[tuiLink], button[tuiLink]", inputs: { pseudo: "pseudo" }, host: { attributes: { "tuiLink": "", "tuiLinkV": "4.82.0" }, properties: { "style.text-decoration-line": "pseudo ? \"underline\" : null" } }, providers: [tuiAppearanceOptionsProvider(TUI_LINK_OPTIONS)], hostDirectives: [{ directive: i1.TuiWithAppearance }, { directive: i2.TuiWithIcons }], ngImport: i0 }); }
|
|
41
40
|
}
|
|
42
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiLink, decorators: [{
|
|
43
42
|
type: Directive,
|
|
@@ -48,6 +47,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
48
47
|
hostDirectives: [TuiWithAppearance, TuiWithIcons],
|
|
49
48
|
host: {
|
|
50
49
|
tuiLink: '',
|
|
50
|
+
tuiLinkV: TUI_VERSION,
|
|
51
51
|
'[style.text-decoration-line]': 'pseudo ? "underline" : null',
|
|
52
52
|
},
|
|
53
53
|
}]
|