@taiga-ui/legacy 4.1.0 → 4.3.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/input-color/input-color.component.d.ts +1 -1
- package/components/input-copy/input-copy.component.d.ts +1 -1
- package/components/primitive-textfield/primitive-textfield.component.d.ts +1 -1
- package/esm2022/classes/abstract-native-select.mjs +9 -7
- package/esm2022/classes/control.mjs +10 -10
- package/esm2022/classes/interactive.mjs +12 -16
- package/esm2022/components/arrow/arrow.component.mjs +8 -11
- package/esm2022/components/color-selector/color-edit/color-edit.component.mjs +3 -3
- package/esm2022/components/color-selector/linear-multi-picker/linear-multi-picker.component.mjs +5 -6
- package/esm2022/components/combo-box/combo-box-strict.directive.mjs +5 -5
- package/esm2022/components/combo-box/combo-box.component.mjs +6 -7
- package/esm2022/components/input/input.component.mjs +6 -7
- package/esm2022/components/input-color/input-color.component.mjs +8 -9
- package/esm2022/components/input-copy/input-copy.component.mjs +9 -10
- package/esm2022/components/input-date/input-date.component.mjs +7 -10
- package/esm2022/components/input-date-multi/input-date-multi.component.mjs +9 -14
- package/esm2022/components/input-date-range/input-date-range.component.mjs +7 -10
- package/esm2022/components/input-date-time/input-date-time.component.mjs +7 -10
- package/esm2022/components/input-month/input-month.component.mjs +7 -8
- package/esm2022/components/input-month-range/input-month-range.component.mjs +6 -7
- package/esm2022/components/input-number/input-number.component.mjs +12 -14
- package/esm2022/components/input-password/input-password.component.mjs +8 -9
- package/esm2022/components/input-phone/input-phone.component.mjs +6 -7
- package/esm2022/components/input-phone-international/input-phone-international.component.mjs +9 -14
- package/esm2022/components/input-range/input-range.component.mjs +3 -3
- package/esm2022/components/input-slider/input-slider.component.mjs +3 -3
- package/esm2022/components/input-tag/input-tag.component.mjs +12 -20
- package/esm2022/components/input-time/input-time.component.mjs +8 -11
- package/esm2022/components/input-year/input-year.component.mjs +6 -7
- package/esm2022/components/island/island.directive.mjs +11 -27
- package/esm2022/components/multi-select/multi-select-group/multi-select-group.component.mjs +6 -7
- package/esm2022/components/multi-select/multi-select.component.mjs +9 -11
- package/esm2022/components/primitive-textfield/primitive-textfield.component.mjs +16 -32
- package/esm2022/components/primitive-textfield/textfield/textfield.component.mjs +2 -2
- package/esm2022/components/primitive-textfield/value-decoration/value-decoration.component.mjs +8 -13
- package/esm2022/components/select/select.component.mjs +6 -7
- package/esm2022/components/sheet/components/sheet/sheet.component.mjs +4 -6
- package/esm2022/components/tag/tag.component.mjs +15 -32
- package/esm2022/components/textarea/textarea.component.mjs +15 -35
- package/esm2022/components/tooltip/tooltip.component.mjs +7 -10
- package/esm2022/directives/wrapper/wrapper.directive.mjs +11 -21
- package/fesm2022/taiga-ui-legacy-classes.mjs +26 -28
- package/fesm2022/taiga-ui-legacy-classes.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-arrow.mjs +7 -10
- package/fesm2022/taiga-ui-legacy-components-arrow.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-color-selector.mjs +6 -7
- package/fesm2022/taiga-ui-legacy-components-color-selector.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-combo-box.mjs +8 -9
- package/fesm2022/taiga-ui-legacy-components-combo-box.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-input-color.mjs +7 -8
- package/fesm2022/taiga-ui-legacy-components-input-color.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-input-copy.mjs +8 -9
- package/fesm2022/taiga-ui-legacy-components-input-copy.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-input-date-multi.mjs +8 -13
- package/fesm2022/taiga-ui-legacy-components-input-date-multi.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-input-date-range.mjs +6 -9
- package/fesm2022/taiga-ui-legacy-components-input-date-range.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-input-date-time.mjs +6 -9
- package/fesm2022/taiga-ui-legacy-components-input-date-time.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-input-date.mjs +6 -9
- package/fesm2022/taiga-ui-legacy-components-input-date.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-input-month-range.mjs +5 -6
- package/fesm2022/taiga-ui-legacy-components-input-month-range.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-input-month.mjs +6 -7
- package/fesm2022/taiga-ui-legacy-components-input-month.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-input-number.mjs +11 -13
- package/fesm2022/taiga-ui-legacy-components-input-number.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-input-password.mjs +7 -8
- package/fesm2022/taiga-ui-legacy-components-input-password.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-input-phone-international.mjs +8 -13
- package/fesm2022/taiga-ui-legacy-components-input-phone-international.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-input-phone.mjs +5 -6
- package/fesm2022/taiga-ui-legacy-components-input-phone.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-input-range.mjs +2 -2
- package/fesm2022/taiga-ui-legacy-components-input-range.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-input-slider.mjs +2 -2
- package/fesm2022/taiga-ui-legacy-components-input-slider.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-input-tag.mjs +11 -19
- package/fesm2022/taiga-ui-legacy-components-input-tag.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-input-time.mjs +7 -10
- package/fesm2022/taiga-ui-legacy-components-input-time.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-input-year.mjs +5 -6
- package/fesm2022/taiga-ui-legacy-components-input-year.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-input.mjs +5 -6
- package/fesm2022/taiga-ui-legacy-components-input.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-island.mjs +10 -26
- package/fesm2022/taiga-ui-legacy-components-island.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-multi-select.mjs +12 -15
- package/fesm2022/taiga-ui-legacy-components-multi-select.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-primitive-textfield.mjs +23 -44
- package/fesm2022/taiga-ui-legacy-components-primitive-textfield.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-select.mjs +5 -6
- package/fesm2022/taiga-ui-legacy-components-select.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-sheet.mjs +3 -5
- package/fesm2022/taiga-ui-legacy-components-sheet.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-tag.mjs +14 -31
- package/fesm2022/taiga-ui-legacy-components-tag.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-textarea.mjs +14 -34
- package/fesm2022/taiga-ui-legacy-components-textarea.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-components-tooltip.mjs +6 -9
- package/fesm2022/taiga-ui-legacy-components-tooltip.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy-directives-wrapper.mjs +10 -20
- package/fesm2022/taiga-ui-legacy-directives-wrapper.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/mixins/mixins.less +0 -6
- package/styles/mixins/mixins.scss +0 -6
- package/styles/mixins/textfield.less +4 -0
- package/styles/mixins/textfield.scss +2 -0
- package/utils/icons-path-factory.d.ts +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, Component, ChangeDetectionStrategy, ViewChild, Input,
|
|
2
|
+
import { inject, Component, ChangeDetectionStrategy, ViewChild, Input, NgModule } from '@angular/core';
|
|
3
3
|
import { TUI_IS_MOBILE } from '@taiga-ui/cdk/tokens';
|
|
4
4
|
import * as i1$1 from '@taiga-ui/core/directives/hint';
|
|
5
5
|
import { TuiHintOptionsDirective, TuiHintHover, TuiHint } from '@taiga-ui/core/directives/hint';
|
|
@@ -33,11 +33,14 @@ class TuiTooltipComponent extends TuiHintOptionsDirective {
|
|
|
33
33
|
this.driver$?.toggle();
|
|
34
34
|
}
|
|
35
35
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTooltipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTooltipComponent, selector: "tui-tooltip", inputs: { content: "content", direction: "direction", appearance: "appearance", showDelay: "showDelay", hideDelay: "hideDelay", describeId: "describeId", context: "context" }, host: { listeners: { "mousedown": "stopOnMobile($event)" }, properties: { "attr.data-appearance": "
|
|
36
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTooltipComponent, selector: "tui-tooltip", inputs: { content: "content", direction: "direction", appearance: "appearance", showDelay: "showDelay", hideDelay: "hideDelay", describeId: "describeId", context: "context" }, host: { listeners: { "mousedown": "stopOnMobile($event)" }, properties: { "attr.data-appearance": "computedAppearance" } }, viewQueries: [{ propertyName: "driver$", first: true, predicate: TuiHintHover, descendants: true }], usesInheritance: true, ngImport: i0, template: "<span\n #driver=\"tuiHintHover\"\n automation-id=\"tui-tooltip__icon\"\n tuiAppearance=\"icon\"\n class=\"t-tooltip-icon\"\n [tuiAppearanceState]=\"(driver | async) ? 'hover' : null\"\n [tuiHint]=\"content\"\n [tuiHintAppearance]=\"computedAppearance\"\n [tuiHintContext]=\"context\"\n [tuiHintDescribe]=\"describeId\"\n [tuiHintDirection]=\"direction\"\n [tuiHintHideDelay]=\"hideDelay\"\n [tuiHintShowDelay]=\"showDelay\"\n>\n <tui-icon\n *polymorpheusOutlet=\"icon as src\"\n class=\"t-icon\"\n [icon]=\"src\"\n />\n</span>\n", styles: [":host{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;width:1.5rem;height:1.5rem;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;cursor:pointer;color:var(--tui-text-primary)}:host[data-appearance=error]{color:var(--tui-text-negative)}.t-tooltip-icon{display:inline-block;width:100%;height:100%}.t-icon{border:.25rem solid transparent}\n"], dependencies: [{ kind: "component", type: i1.TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: i2.PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: i3.TuiAppearance, selector: "[tuiAppearance]", inputs: ["tuiAppearance", "tuiAppearanceState", "tuiAppearanceFocus"] }, { kind: "directive", type: i1$1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"] }, { kind: "directive", type: i1$1.TuiHintDescribe, selector: "[tuiHintDescribe]", inputs: ["tuiHintDescribe"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
37
37
|
}
|
|
38
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTooltipComponent, decorators: [{
|
|
39
39
|
type: Component,
|
|
40
|
-
args: [{ selector: 'tui-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['content', 'direction', 'appearance', 'showDelay', 'hideDelay'],
|
|
40
|
+
args: [{ selector: 'tui-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['content', 'direction', 'appearance', 'showDelay', 'hideDelay'], host: {
|
|
41
|
+
'[attr.data-appearance]': 'computedAppearance',
|
|
42
|
+
'(mousedown)': 'stopOnMobile($event)',
|
|
43
|
+
}, template: "<span\n #driver=\"tuiHintHover\"\n automation-id=\"tui-tooltip__icon\"\n tuiAppearance=\"icon\"\n class=\"t-tooltip-icon\"\n [tuiAppearanceState]=\"(driver | async) ? 'hover' : null\"\n [tuiHint]=\"content\"\n [tuiHintAppearance]=\"computedAppearance\"\n [tuiHintContext]=\"context\"\n [tuiHintDescribe]=\"describeId\"\n [tuiHintDirection]=\"direction\"\n [tuiHintHideDelay]=\"hideDelay\"\n [tuiHintShowDelay]=\"showDelay\"\n>\n <tui-icon\n *polymorpheusOutlet=\"icon as src\"\n class=\"t-icon\"\n [icon]=\"src\"\n />\n</span>\n", styles: [":host{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-block;width:1.5rem;height:1.5rem;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;cursor:pointer;color:var(--tui-text-primary)}:host[data-appearance=error]{color:var(--tui-text-negative)}.t-tooltip-icon{display:inline-block;width:100%;height:100%}.t-icon{border:.25rem solid transparent}\n"] }]
|
|
41
44
|
}], propDecorators: { driver$: [{
|
|
42
45
|
type: ViewChild,
|
|
43
46
|
args: [TuiHintHover]
|
|
@@ -45,12 +48,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
45
48
|
type: Input
|
|
46
49
|
}], context: [{
|
|
47
50
|
type: Input
|
|
48
|
-
}], computedAppearance: [{
|
|
49
|
-
type: HostBinding,
|
|
50
|
-
args: ['attr.data-appearance']
|
|
51
|
-
}], stopOnMobile: [{
|
|
52
|
-
type: HostListener,
|
|
53
|
-
args: ['mousedown', ['$event']]
|
|
54
51
|
}] } });
|
|
55
52
|
|
|
56
53
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-legacy-components-tooltip.mjs","sources":["../../../projects/legacy/components/tooltip/tooltip.component.ts","../../../projects/legacy/components/tooltip/tooltip.template.html","../../../projects/legacy/components/tooltip/tooltip.module.ts","../../../projects/legacy/components/tooltip/taiga-ui-legacy-components-tooltip.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n
|
|
1
|
+
{"version":3,"file":"taiga-ui-legacy-components-tooltip.mjs","sources":["../../../projects/legacy/components/tooltip/tooltip.component.ts","../../../projects/legacy/components/tooltip/tooltip.template.html","../../../projects/legacy/components/tooltip/tooltip.module.ts","../../../projects/legacy/components/tooltip/taiga-ui-legacy-components-tooltip.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n inject,\n Input,\n ViewChild,\n} from '@angular/core';\nimport {TUI_IS_MOBILE} from '@taiga-ui/cdk/tokens';\nimport {TuiHintHover, TuiHintOptionsDirective} from '@taiga-ui/core/directives/hint';\n\n/**\n * @deprecated: drop in v5.0 use {@link TuiTooltip}\n * https://taiga-ui.dev/components/tooltip\n */\n@Component({\n selector: 'tui-tooltip',\n templateUrl: './tooltip.template.html',\n styleUrls: ['./tooltip.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n inputs: ['content', 'direction', 'appearance', 'showDelay', 'hideDelay'],\n host: {\n '[attr.data-appearance]': 'computedAppearance',\n '(mousedown)': 'stopOnMobile($event)',\n },\n})\nexport class TuiTooltipComponent<C = any> extends TuiHintOptionsDirective {\n private readonly isMobile = inject(TUI_IS_MOBILE);\n\n @ViewChild(TuiHintHover)\n protected readonly driver$?: TuiHintHover;\n\n @Input()\n public describeId = '';\n\n @Input()\n public context?: C;\n\n protected get computedAppearance(): string {\n return this.appearance || '';\n }\n\n protected stopOnMobile(event: MouseEvent): void {\n if (this.isMobile) {\n event.preventDefault();\n event.stopPropagation();\n }\n\n this.driver$?.toggle();\n }\n}\n","<span\n #driver=\"tuiHintHover\"\n automation-id=\"tui-tooltip__icon\"\n tuiAppearance=\"icon\"\n class=\"t-tooltip-icon\"\n [tuiAppearanceState]=\"(driver | async) ? 'hover' : null\"\n [tuiHint]=\"content\"\n [tuiHintAppearance]=\"computedAppearance\"\n [tuiHintContext]=\"context\"\n [tuiHintDescribe]=\"describeId\"\n [tuiHintDirection]=\"direction\"\n [tuiHintHideDelay]=\"hideDelay\"\n [tuiHintShowDelay]=\"showDelay\"\n>\n <tui-icon\n *polymorpheusOutlet=\"icon as src\"\n class=\"t-icon\"\n [icon]=\"src\"\n />\n</span>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiIcon} from '@taiga-ui/core/components/icon';\nimport {TuiAppearance} from '@taiga-ui/core/directives/appearance';\nimport {TuiHint} from '@taiga-ui/core/directives/hint';\nimport {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TuiTooltipComponent} from './tooltip.component';\n\n/**\n * @deprecated: drop in v5.0 use {@link TuiTooltip}\n * https://taiga-ui.dev/components/tooltip\n */\n@NgModule({\n imports: [CommonModule, TuiIcon, PolymorpheusOutlet, TuiAppearance, ...TuiHint],\n declarations: [TuiTooltipComponent],\n exports: [TuiTooltipComponent],\n})\nexport class TuiTooltipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i4","i1"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Directive, Input,
|
|
2
|
+
import { Directive, Input, NgModule } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* @deprecated: drop in v5.0
|
|
@@ -42,12 +42,20 @@ class TuiWrapperDirective {
|
|
|
42
42
|
return this.readOnly || this.active === false;
|
|
43
43
|
}
|
|
44
44
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiWrapperDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
45
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiWrapperDirective, selector: "[tuiWrapper]", inputs: { disabled: "disabled", readOnly: "readOnly", hover: "hover", active: "active", focus: "focus", invalid: "invalid", appearance: "appearance" }, host: { properties: { "attr.data-appearance": "
|
|
45
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiWrapperDirective, selector: "[tuiWrapper]", inputs: { disabled: "disabled", readOnly: "readOnly", hover: "hover", active: "active", focus: "focus", invalid: "invalid", appearance: "appearance" }, host: { properties: { "attr.data-appearance": "appearance", "class._invalid": "computedInvalid", "class._focused": "computedFocused", "attr.data-state": "interactiveState", "class._no-hover": "noHover", "class._no-active": "noActive" } }, ngImport: i0 }); }
|
|
46
46
|
}
|
|
47
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiWrapperDirective, decorators: [{
|
|
48
48
|
type: Directive,
|
|
49
49
|
args: [{
|
|
50
50
|
selector: '[tuiWrapper]',
|
|
51
|
+
host: {
|
|
52
|
+
'[attr.data-appearance]': 'appearance',
|
|
53
|
+
'[class._invalid]': 'computedInvalid',
|
|
54
|
+
'[class._focused]': 'computedFocused',
|
|
55
|
+
'[attr.data-state]': 'interactiveState',
|
|
56
|
+
'[class._no-hover]': 'noHover',
|
|
57
|
+
'[class._no-active]': 'noActive',
|
|
58
|
+
},
|
|
51
59
|
}]
|
|
52
60
|
}], propDecorators: { disabled: [{
|
|
53
61
|
type: Input
|
|
@@ -63,24 +71,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
63
71
|
type: Input
|
|
64
72
|
}], appearance: [{
|
|
65
73
|
type: Input
|
|
66
|
-
}, {
|
|
67
|
-
type: HostBinding,
|
|
68
|
-
args: ['attr.data-appearance']
|
|
69
|
-
}], computedInvalid: [{
|
|
70
|
-
type: HostBinding,
|
|
71
|
-
args: ['class._invalid']
|
|
72
|
-
}], computedFocused: [{
|
|
73
|
-
type: HostBinding,
|
|
74
|
-
args: ['class._focused']
|
|
75
|
-
}], interactiveState: [{
|
|
76
|
-
type: HostBinding,
|
|
77
|
-
args: ['attr.data-state']
|
|
78
|
-
}], noHover: [{
|
|
79
|
-
type: HostBinding,
|
|
80
|
-
args: ['class._no-hover']
|
|
81
|
-
}], noActive: [{
|
|
82
|
-
type: HostBinding,
|
|
83
|
-
args: ['class._no-active']
|
|
84
74
|
}] } });
|
|
85
75
|
|
|
86
76
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-legacy-directives-wrapper.mjs","sources":["../../../projects/legacy/directives/wrapper/wrapper.directive.ts","../../../projects/legacy/directives/wrapper/wrapper.module.ts","../../../projects/legacy/directives/wrapper/taiga-ui-legacy-directives-wrapper.ts"],"sourcesContent":["import {Directive,
|
|
1
|
+
{"version":3,"file":"taiga-ui-legacy-directives-wrapper.mjs","sources":["../../../projects/legacy/directives/wrapper/wrapper.directive.ts","../../../projects/legacy/directives/wrapper/wrapper.module.ts","../../../projects/legacy/directives/wrapper/taiga-ui-legacy-directives-wrapper.ts"],"sourcesContent":["import {Directive, Input} from '@angular/core';\nimport type {TuiInteractiveState} from '@taiga-ui/core/types';\n\n/**\n * @deprecated: drop in v5.0\n */\n@Directive({\n selector: '[tuiWrapper]',\n host: {\n '[attr.data-appearance]': 'appearance',\n '[class._invalid]': 'computedInvalid',\n '[class._focused]': 'computedFocused',\n '[attr.data-state]': 'interactiveState',\n '[class._no-hover]': 'noHover',\n '[class._no-active]': 'noActive',\n },\n})\nexport class TuiWrapperDirective {\n @Input()\n public disabled = false;\n\n @Input()\n public readOnly = false;\n\n @Input()\n public hover: boolean | null = null;\n\n @Input()\n public active: boolean | null = null;\n\n @Input()\n public focus = false;\n\n @Input()\n public invalid = false;\n\n @Input()\n public appearance = '';\n\n protected get computedInvalid(): boolean {\n return !this.disabled && !this.readOnly && this.invalid;\n }\n\n protected get computedFocused(): boolean {\n return this.focus && !this.disabled;\n }\n\n protected get interactiveState(): TuiInteractiveState | string | null {\n if (this.disabled) {\n return 'disabled';\n }\n\n if (this.readOnly) {\n return 'readonly';\n }\n\n if (this.active) {\n return 'active';\n }\n\n if (this.hover) {\n return 'hover';\n }\n\n return null;\n }\n\n protected get noHover(): boolean {\n return this.readOnly || this.hover === false;\n }\n\n protected get noActive(): boolean {\n return this.readOnly || this.active === false;\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiWrapperDirective} from './wrapper.directive';\n\n/**\n * @deprecated: drop in v5.0\n */\n@NgModule({\n declarations: [TuiWrapperDirective],\n exports: [TuiWrapperDirective],\n})\nexport class TuiWrapperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAGA;;AAEG;AACH,MAWa,mBAAmB,CAAA;AAXhC,IAAA,WAAA,GAAA;QAaW,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;QAGjB,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;QAGjB,IAAK,CAAA,KAAA,GAAmB,IAAI,CAAC;QAG7B,IAAM,CAAA,MAAA,GAAmB,IAAI,CAAC;QAG9B,IAAK,CAAA,KAAA,GAAG,KAAK,CAAC;QAGd,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;QAGhB,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;AAqC1B,KAAA;AAnCG,IAAA,IAAc,eAAe,GAAA;AACzB,QAAA,OAAO,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC;KAC3D;AAED,IAAA,IAAc,eAAe,GAAA;QACzB,OAAO,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;KACvC;AAED,IAAA,IAAc,gBAAgB,GAAA;QAC1B,IAAI,IAAI,CAAC,QAAQ,EAAE;AACf,YAAA,OAAO,UAAU,CAAC;AACrB,SAAA;QAED,IAAI,IAAI,CAAC,QAAQ,EAAE;AACf,YAAA,OAAO,UAAU,CAAC;AACrB,SAAA;QAED,IAAI,IAAI,CAAC,MAAM,EAAE;AACb,YAAA,OAAO,QAAQ,CAAC;AACnB,SAAA;QAED,IAAI,IAAI,CAAC,KAAK,EAAE;AACZ,YAAA,OAAO,OAAO,CAAC;AAClB,SAAA;AAED,QAAA,OAAO,IAAI,CAAC;KACf;AAED,IAAA,IAAc,OAAO,GAAA;QACjB,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC;KAChD;AAED,IAAA,IAAc,QAAQ,GAAA;QAClB,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC;KACjD;+GAxDQ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAnB,mBAAmB,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAX/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,IAAI,EAAE;AACF,wBAAA,wBAAwB,EAAE,YAAY;AACtC,wBAAA,kBAAkB,EAAE,iBAAiB;AACrC,wBAAA,kBAAkB,EAAE,iBAAiB;AACrC,wBAAA,mBAAmB,EAAE,kBAAkB;AACvC,wBAAA,mBAAmB,EAAE,SAAS;AAC9B,wBAAA,oBAAoB,EAAE,UAAU;AACnC,qBAAA;AACJ,iBAAA,CAAA;8BAGU,QAAQ,EAAA,CAAA;sBADd,KAAK;gBAIC,QAAQ,EAAA,CAAA;sBADd,KAAK;gBAIC,KAAK,EAAA,CAAA;sBADX,KAAK;gBAIC,MAAM,EAAA,CAAA;sBADZ,KAAK;gBAIC,KAAK,EAAA,CAAA;sBADX,KAAK;gBAIC,OAAO,EAAA,CAAA;sBADb,KAAK;gBAIC,UAAU,EAAA,CAAA;sBADhB,KAAK;;;AChCV;;AAEG;AACH,MAIa,gBAAgB,CAAA;+GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;gHAAhB,gBAAgB,EAAA,YAAA,EAAA,CAHV,mBAAmB,CAAA,EAAA,OAAA,EAAA,CACxB,mBAAmB,CAAA,EAAA,CAAA,CAAA,EAAA;gHAEpB,gBAAgB,EAAA,CAAA,CAAA,EAAA;;4FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,YAAY,EAAE,CAAC,mBAAmB,CAAC;oBACnC,OAAO,EAAE,CAAC,mBAAmB,CAAC;AACjC,iBAAA,CAAA;;;ACVD;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -12,10 +12,12 @@ $line-height-l: 1.25rem;
|
|
|
12
12
|
|
|
13
13
|
&[data-size='s'] {
|
|
14
14
|
--tui-height: var(--tui-height-s);
|
|
15
|
+
font: var(--tui-font-text-s);
|
|
15
16
|
}
|
|
16
17
|
|
|
17
18
|
&[data-size='m'] {
|
|
18
19
|
--tui-height: var(--tui-height-m);
|
|
20
|
+
font: var(--tui-font-text-s);
|
|
19
21
|
}
|
|
20
22
|
|
|
21
23
|
&[data-size='l'] {
|