@taiga-ui/kit 5.0.0-rc.2 → 5.0.0-rc.3
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/calendar-month/calendar-month.component.d.ts +4 -3
- package/components/copy/button-copy.component.d.ts +17 -0
- package/components/copy/copy.d.ts +2 -1
- package/components/copy/copy.directive.d.ts +5 -2
- package/components/copy/copy.options.d.ts +1 -3
- package/components/copy/index.d.ts +1 -0
- package/components/index.d.ts +0 -3
- package/components/input-chip/input-chip.component.d.ts +5 -0
- package/components/input-chip/input-chip.directive.d.ts +1 -1
- package/components/input-date/input-date.directive.d.ts +2 -2
- package/components/input-date/input-date.options.d.ts +2 -4
- package/components/input-date-multi/input-date-multi.directive.d.ts +1 -1
- package/components/input-month/input-month.directive.d.ts +1 -1
- package/components/input-month/input-month.options.d.ts +1 -7
- package/components/input-month-range/input-month-range.directive.d.ts +1 -1
- package/components/input-month-range/input-month-range.options.d.ts +1 -3
- package/components/input-number/input-number.directive.d.ts +1 -0
- package/components/input-slider/input-slider.d.ts +1 -1
- package/components/input-time/input-time.directive.d.ts +1 -1
- package/components/input-time/input-time.options.d.ts +1 -3
- package/components/input-year/input-year.directive.d.ts +1 -1
- package/components/line-clamp/line-clamp-box.component.d.ts +2 -0
- package/components/line-clamp/line-clamp.component.d.ts +2 -0
- package/components/range/range.component.d.ts +2 -2
- package/components/select/select-option/select-option.component.d.ts +1 -1
- package/components/switch/switch.component.d.ts +1 -1
- package/components/switch/switch.options.d.ts +1 -1
- package/directives/password/password.options.d.ts +2 -4
- package/fesm2022/taiga-ui-kit-components-avatar.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-avatar.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-badge.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-badge.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-block.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-block.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-calendar-month.mjs +24 -14
- package/fesm2022/taiga-ui-kit-components-calendar-month.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-chip.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-chip.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-comment.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-comment.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-compass.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-compass.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-copy.mjs +87 -24
- package/fesm2022/taiga-ui-kit-components-copy.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-data-list-wrapper.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-data-list-wrapper.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-chip.mjs +11 -7
- package/fesm2022/taiga-ui-kit-components-input-chip.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-color.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-input-color.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-date-multi.mjs +3 -2
- package/fesm2022/taiga-ui-kit-components-input-date-multi.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-date.mjs +6 -5
- package/fesm2022/taiga-ui-kit-components-input-date.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-month-range.mjs +3 -2
- package/fesm2022/taiga-ui-kit-components-input-month-range.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-month.mjs +4 -10
- package/fesm2022/taiga-ui-kit-components-input-month.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-number.mjs +9 -4
- package/fesm2022/taiga-ui-kit-components-input-number.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-phone.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-phone.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-pin.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-input-pin.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-range.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-slider.mjs +1 -1
- package/fesm2022/taiga-ui-kit-components-input-slider.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-time.mjs +4 -3
- package/fesm2022/taiga-ui-kit-components-input-time.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-year.mjs +3 -2
- package/fesm2022/taiga-ui-kit-components-input-year.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-like.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-like.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-line-clamp.mjs +16 -5
- package/fesm2022/taiga-ui-kit-components-line-clamp.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-message.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-message.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-multi-select.mjs +5 -5
- package/fesm2022/taiga-ui-kit-components-multi-select.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-pin.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-pin.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-preview.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-preview.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-progress.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-progress.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-radio-list.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-radio-list.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-range.mjs +17 -14
- package/fesm2022/taiga-ui-kit-components-range.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-select.mjs +6 -9
- package/fesm2022/taiga-ui-kit-components-select.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-status.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-status.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-switch.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-switch.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-tabs.mjs +13 -8
- package/fesm2022/taiga-ui-kit-components-tabs.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-textarea.mjs +4 -4
- package/fesm2022/taiga-ui-kit-components-textarea.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-toast.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-toast.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components.mjs +0 -3
- package/fesm2022/taiga-ui-kit-components.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-chevron.mjs +2 -2
- package/fesm2022/taiga-ui-kit-directives-chevron.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-fade.mjs +2 -2
- package/fesm2022/taiga-ui-kit-directives-fade.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-password.mjs +1 -7
- package/fesm2022/taiga-ui-kit-directives-password.mjs.map +1 -1
- package/package.json +32 -45
- package/components/checkbox/checkbox.component.d.ts +0 -10
- package/components/checkbox/checkbox.options.d.ts +0 -10
- package/components/checkbox/index.d.ts +0 -2
- package/components/radio/index.d.ts +0 -4
- package/components/radio/radio.component.d.ts +0 -18
- package/components/radio/radio.d.ts +0 -3
- package/components/radio/radio.directive.d.ts +0 -8
- package/components/radio/radio.options.d.ts +0 -7
- package/components/slider/helpers/key-steps.d.ts +0 -27
- package/components/slider/helpers/slider-key-steps.directive.d.ts +0 -32
- package/components/slider/helpers/slider-readonly.directive.d.ts +0 -15
- package/components/slider/helpers/slider-thumb-label.component.d.ts +0 -13
- package/components/slider/index.d.ts +0 -6
- package/components/slider/slider.component.d.ts +0 -22
- package/components/slider/slider.d.ts +0 -5
- package/fesm2022/taiga-ui-kit-components-checkbox.mjs +0 -37
- package/fesm2022/taiga-ui-kit-components-checkbox.mjs.map +0 -1
- package/fesm2022/taiga-ui-kit-components-radio.mjs +0 -91
- package/fesm2022/taiga-ui-kit-components-radio.mjs.map +0 -1
- package/fesm2022/taiga-ui-kit-components-slider.mjs +0 -337
- package/fesm2022/taiga-ui-kit-components-slider.mjs.map +0 -1
- package/styles/components/avatar.less +0 -188
- package/styles/components/badge.less +0 -127
- package/styles/components/block.less +0 -118
- package/styles/components/checkbox.less +0 -84
- package/styles/components/chip.less +0 -131
- package/styles/components/comment.less +0 -64
- package/styles/components/compass.less +0 -49
- package/styles/components/like.less +0 -67
- package/styles/components/message.less +0 -33
- package/styles/components/pin.less +0 -164
- package/styles/components/progress-bar.less +0 -117
- package/styles/components/radio.less +0 -59
- package/styles/components/status.less +0 -40
- package/styles/components/switch.less +0 -103
- package/styles/components/toast.less +0 -44
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-kit-directives-fade.mjs","sources":["../../../projects/kit/directives/fade/fade.directive.ts","../../../projects/kit/directives/fade/taiga-ui-kit-directives-fade.ts"],"sourcesContent":["import {\n afterNextRender,\n ChangeDetectionStrategy,\n Component,\n Directive,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {\n WA_MUTATION_OBSERVER_INIT,\n WaMutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {WaResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {tuiZonefree} from '@taiga-ui/cdk/observables';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {type TuiOrientation} from '@taiga-ui/core/types';\nimport {filter, fromEvent, merge} from 'rxjs';\n\nconst BUFFER = 1; // buffer for rounding issues\n\n@Component({\n template: '',\n styleUrl: './fade.style.less',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'tui-fade'},\n})\nclass Styles {}\n\n@Directive({\n selector: '[tuiFade]',\n providers: [\n WaResizeObserverService,\n WaMutationObserverService,\n {\n provide: WA_MUTATION_OBSERVER_INIT,\n useValue: {characterData: true, subtree: true},\n },\n ],\n host: {\n '[style.line-height]': 'lineHeight()',\n '[style.--t-line-height]': 'lineHeight()',\n '[style.--t-fade-size]': 'size()',\n '[style.--t-fade-offset]': 'offset()',\n '[attr.data-orientation]': 'orientation()',\n '[style.transition]': '\"none\"',\n },\n})\nexport class TuiFade {\n protected readonly nothing = tuiWithStyles(Styles);\n\n // TODO: Remove when lh CSS units are supported: https://caniuse.com/mdn-css_types_length_lh\n public readonly lineHeight = input<string | null>(null, {alias: 'tuiFadeHeight'});\n public readonly size = input('1.5em', {alias: 'tuiFadeSize'});\n public readonly offset = input('0em', {alias: 'tuiFadeOffset'});\n public readonly orientation = input<TuiOrientation | ''>('horizontal', {\n alias: 'tuiFade',\n });\n\n constructor() {\n const el = tuiInjectElement();\n\n // TODO: Replace with TuiTransitioned when fixed:\n // https://github.com/angular/angular/issues/57846\n afterNextRender(() => el.style.setProperty('transition', ''));\n\n merge(\n inject(WaResizeObserverService, {self: true}),\n inject(WaMutationObserverService, {self: true}),\n fromEvent(el, 'scroll'),\n )\n .pipe(\n filter(() => !!el.scrollWidth),\n tuiZonefree(),\n takeUntilDestroyed(),\n )\n .subscribe(() => {\n el.classList.toggle('_end', this.isEnd(el));\n el.classList.toggle(\n '_start',\n !!Math.floor(el.scrollLeft) || !!Math.floor(el.scrollTop),\n );\n });\n }\n\n private isEnd({\n scrollTop,\n scrollLeft,\n scrollHeight,\n scrollWidth,\n clientHeight,\n clientWidth,\n }: HTMLElement): boolean {\n return this.orientation() === 'vertical'\n ? Math.round(scrollTop) < scrollHeight - clientHeight - BUFFER\n : Math.ceil(Math.abs(scrollLeft)) < scrollWidth - clientWidth - BUFFER ||\n // horizontal multiline fade can kick in early due to hanging elements of fonts so using bigger buffer\n scrollHeight > clientHeight + 4 * BUFFER;\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAqBA,MAAM,MAAM,GAAG,CAAC,CAAC;AAEjB,MAOM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,8GANE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"taiga-ui-kit-directives-fade.mjs","sources":["../../../projects/kit/directives/fade/fade.directive.ts","../../../projects/kit/directives/fade/taiga-ui-kit-directives-fade.ts"],"sourcesContent":["import {\n afterNextRender,\n ChangeDetectionStrategy,\n Component,\n Directive,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {\n WA_MUTATION_OBSERVER_INIT,\n WaMutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {WaResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {tuiZonefree} from '@taiga-ui/cdk/observables';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {type TuiOrientation} from '@taiga-ui/core/types';\nimport {filter, fromEvent, merge} from 'rxjs';\n\nconst BUFFER = 1; // buffer for rounding issues\n\n@Component({\n template: '',\n styleUrl: './fade.style.less',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'tui-fade'},\n})\nclass Styles {}\n\n@Directive({\n selector: '[tuiFade]',\n providers: [\n WaResizeObserverService,\n WaMutationObserverService,\n {\n provide: WA_MUTATION_OBSERVER_INIT,\n useValue: {characterData: true, subtree: true},\n },\n ],\n host: {\n '[style.line-height]': 'lineHeight()',\n '[style.--t-line-height]': 'lineHeight()',\n '[style.--t-fade-size]': 'size()',\n '[style.--t-fade-offset]': 'offset()',\n '[attr.data-orientation]': 'orientation()',\n '[style.transition]': '\"none\"',\n },\n})\nexport class TuiFade {\n protected readonly nothing = tuiWithStyles(Styles);\n\n // TODO: Remove when lh CSS units are supported: https://caniuse.com/mdn-css_types_length_lh\n public readonly lineHeight = input<string | null>(null, {alias: 'tuiFadeHeight'});\n public readonly size = input('1.5em', {alias: 'tuiFadeSize'});\n public readonly offset = input('0em', {alias: 'tuiFadeOffset'});\n public readonly orientation = input<TuiOrientation | ''>('horizontal', {\n alias: 'tuiFade',\n });\n\n constructor() {\n const el = tuiInjectElement();\n\n // TODO: Replace with TuiTransitioned when fixed:\n // https://github.com/angular/angular/issues/57846\n afterNextRender(() => el.style.setProperty('transition', ''));\n\n merge(\n inject(WaResizeObserverService, {self: true}),\n inject(WaMutationObserverService, {self: true}),\n fromEvent(el, 'scroll'),\n )\n .pipe(\n filter(() => !!el.scrollWidth),\n tuiZonefree(),\n takeUntilDestroyed(),\n )\n .subscribe(() => {\n el.classList.toggle('_end', this.isEnd(el));\n el.classList.toggle(\n '_start',\n !!Math.floor(el.scrollLeft) || !!Math.floor(el.scrollTop),\n );\n });\n }\n\n private isEnd({\n scrollTop,\n scrollLeft,\n scrollHeight,\n scrollWidth,\n clientHeight,\n clientWidth,\n }: HTMLElement): boolean {\n return this.orientation() === 'vertical'\n ? Math.round(scrollTop) < scrollHeight - clientHeight - BUFFER\n : Math.ceil(Math.abs(scrollLeft)) < scrollWidth - clientWidth - BUFFER ||\n // horizontal multiline fade can kick in early due to hanging elements of fonts so using bigger buffer\n scrollHeight > clientHeight + 4 * BUFFER;\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { inject, signal, computed, Directive } from '@angular/core';
|
|
3
3
|
import { tuiCreateOptions, tuiDirectiveBinding } from '@taiga-ui/cdk/utils/di';
|
|
4
|
-
import { tuiIsString } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
5
4
|
import { TuiTextfieldComponent } from '@taiga-ui/core/components/textfield';
|
|
6
5
|
import * as i1 from '@taiga-ui/core/directives/appearance';
|
|
7
6
|
import { TUI_APPEARANCE_OPTIONS, TuiWithAppearance } from '@taiga-ui/core/directives/appearance';
|
|
@@ -23,12 +22,7 @@ class TuiPassword {
|
|
|
23
22
|
this.texts = inject(TUI_PASSWORD_TEXTS);
|
|
24
23
|
this.textfield = inject(TuiTextfieldComponent);
|
|
25
24
|
this.hidden = signal(true);
|
|
26
|
-
this.icon = tuiIconStart(computed((
|
|
27
|
-
const icon = this.hidden()
|
|
28
|
-
? this.options.icons.show
|
|
29
|
-
: this.options.icons.hide;
|
|
30
|
-
return tuiIsString(icon) ? icon : icon(size);
|
|
31
|
-
}));
|
|
25
|
+
this.icon = tuiIconStart(computed(() => this.hidden() ? this.options.icons.show : this.options.icons.hide));
|
|
32
26
|
this.hint = tuiDirectiveBinding(TuiHintDirective, 'content', computed(() => (this.hidden() ? this.texts()[0] : this.texts()[1])));
|
|
33
27
|
}
|
|
34
28
|
toggle() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-kit-directives-password.mjs","sources":["../../../projects/kit/directives/password/password.options.ts","../../../projects/kit/directives/password/password.directive.ts","../../../projects/kit/directives/password/taiga-ui-kit-directives-password.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"taiga-ui-kit-directives-password.mjs","sources":["../../../projects/kit/directives/password/password.options.ts","../../../projects/kit/directives/password/password.directive.ts","../../../projects/kit/directives/password/taiga-ui-kit-directives-password.ts"],"sourcesContent":["import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport interface TuiPasswordOptions {\n readonly icons: Readonly<{\n hide: string;\n show: string;\n }>;\n}\n\nexport const [TUI_PASSWORD_OPTIONS, tuiPasswordOptionsProvider] =\n tuiCreateOptions<TuiPasswordOptions>({\n icons: {\n hide: '@tui.eye-off',\n show: '@tui.eye',\n },\n });\n","import {computed, Directive, inject, signal} from '@angular/core';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/di';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\nimport {\n TUI_APPEARANCE_OPTIONS,\n TuiWithAppearance,\n} from '@taiga-ui/core/directives/appearance';\nimport {tuiIconStart} from '@taiga-ui/core/directives/icons';\nimport {TuiHintDirective} from '@taiga-ui/core/portals/hint';\nimport {TUI_PASSWORD_TEXTS} from '@taiga-ui/kit/tokens';\n\nimport {TUI_PASSWORD_OPTIONS} from './password.options';\n\n@Directive({\n selector: 'tui-icon[tuiPassword]',\n providers: [\n {\n provide: TUI_APPEARANCE_OPTIONS,\n useValue: {appearance: 'icon'},\n },\n ],\n hostDirectives: [\n TuiWithAppearance,\n {\n directive: TuiHintDirective,\n inputs: ['tuiHintAppearance', 'tuiHintContext'],\n },\n ],\n host: {\n style: 'cursor: pointer',\n '(click)': 'toggle()',\n '[style.border]':\n 'textfield.options.size() === \"s\" ? \"0.25rem solid transparent\" : null',\n },\n})\nexport class TuiPassword {\n private readonly options = inject(TUI_PASSWORD_OPTIONS);\n private readonly texts = inject(TUI_PASSWORD_TEXTS);\n\n protected readonly textfield = inject(TuiTextfieldComponent);\n protected readonly hidden = signal(true);\n protected readonly icon = tuiIconStart(\n computed(() =>\n this.hidden() ? this.options.icons.show : this.options.icons.hide,\n ),\n );\n\n protected readonly hint = tuiDirectiveBinding(\n TuiHintDirective,\n 'content',\n computed(() => (this.hidden() ? this.texts()[0] : this.texts()[1])),\n );\n\n protected toggle(): void {\n this.hidden.set(!this.hidden());\n this.textfield\n .input()\n ?.nativeElement.setAttribute('type', this.hidden() ? 'password' : 'text');\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@taiga-ui/kit",
|
|
3
|
-
"version": "5.0.0-rc.
|
|
3
|
+
"version": "5.0.0-rc.3",
|
|
4
4
|
"description": "Taiga UI Angular main components kit",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -15,8 +15,30 @@
|
|
|
15
15
|
"url": "https://github.com/taiga-family/taiga-ui"
|
|
16
16
|
},
|
|
17
17
|
"license": "Apache-2.0",
|
|
18
|
+
"peerDependencies": {
|
|
19
|
+
"@angular/common": ">=19.0.0",
|
|
20
|
+
"@angular/core": ">=19.0.0",
|
|
21
|
+
"@angular/forms": ">=19.0.0",
|
|
22
|
+
"@angular/router": ">=19.0.0",
|
|
23
|
+
"@maskito/angular": "^5.1.0",
|
|
24
|
+
"@maskito/core": "^5.1.0",
|
|
25
|
+
"@maskito/kit": "^5.1.0",
|
|
26
|
+
"@maskito/phone": "^5.1.0",
|
|
27
|
+
"@ng-web-apis/common": "^5.1.0",
|
|
28
|
+
"@ng-web-apis/intersection-observer": "^5.1.0",
|
|
29
|
+
"@ng-web-apis/mutation-observer": "^5.1.0",
|
|
30
|
+
"@ng-web-apis/platform": "^5.1.0",
|
|
31
|
+
"@ng-web-apis/resize-observer": "^5.1.0",
|
|
32
|
+
"@taiga-ui/cdk": "^5.0.0-rc.3",
|
|
33
|
+
"@taiga-ui/core": "^5.0.0-rc.3",
|
|
34
|
+
"@taiga-ui/i18n": "^5.0.0-rc.3",
|
|
35
|
+
"@taiga-ui/polymorpheus": "^5.0.0",
|
|
36
|
+
"@taiga-ui/styles": "^5.0.0-rc.3",
|
|
37
|
+
"rxjs": ">=7.0.0"
|
|
38
|
+
},
|
|
39
|
+
"module": "fesm2022/taiga-ui-kit.mjs",
|
|
40
|
+
"typings": "index.d.ts",
|
|
18
41
|
"exports": {
|
|
19
|
-
"./styles/*": "./styles/*",
|
|
20
42
|
"./package.json": {
|
|
21
43
|
"default": "./package.json"
|
|
22
44
|
},
|
|
@@ -48,10 +70,6 @@
|
|
|
48
70
|
"types": "./components/accordion/index.d.ts",
|
|
49
71
|
"default": "./fesm2022/taiga-ui-kit-components-accordion.mjs"
|
|
50
72
|
},
|
|
51
|
-
"./components/action-bar": {
|
|
52
|
-
"types": "./components/action-bar/index.d.ts",
|
|
53
|
-
"default": "./fesm2022/taiga-ui-kit-components-action-bar.mjs"
|
|
54
|
-
},
|
|
55
73
|
"./components/avatar": {
|
|
56
74
|
"types": "./components/avatar/index.d.ts",
|
|
57
75
|
"default": "./fesm2022/taiga-ui-kit-components-avatar.mjs"
|
|
@@ -60,6 +78,10 @@
|
|
|
60
78
|
"types": "./components/badge/index.d.ts",
|
|
61
79
|
"default": "./fesm2022/taiga-ui-kit-components-badge.mjs"
|
|
62
80
|
},
|
|
81
|
+
"./components/action-bar": {
|
|
82
|
+
"types": "./components/action-bar/index.d.ts",
|
|
83
|
+
"default": "./fesm2022/taiga-ui-kit-components-action-bar.mjs"
|
|
84
|
+
},
|
|
63
85
|
"./components/badge-notification": {
|
|
64
86
|
"types": "./components/badge-notification/index.d.ts",
|
|
65
87
|
"default": "./fesm2022/taiga-ui-kit-components-badge-notification.mjs"
|
|
@@ -92,10 +114,6 @@
|
|
|
92
114
|
"types": "./components/carousel/index.d.ts",
|
|
93
115
|
"default": "./fesm2022/taiga-ui-kit-components-carousel.mjs"
|
|
94
116
|
},
|
|
95
|
-
"./components/checkbox": {
|
|
96
|
-
"types": "./components/checkbox/index.d.ts",
|
|
97
|
-
"default": "./fesm2022/taiga-ui-kit-components-checkbox.mjs"
|
|
98
|
-
},
|
|
99
117
|
"./components/chip": {
|
|
100
118
|
"types": "./components/chip/index.d.ts",
|
|
101
119
|
"default": "./fesm2022/taiga-ui-kit-components-chip.mjs"
|
|
@@ -260,10 +278,6 @@
|
|
|
260
278
|
"types": "./components/push/index.d.ts",
|
|
261
279
|
"default": "./fesm2022/taiga-ui-kit-components-push.mjs"
|
|
262
280
|
},
|
|
263
|
-
"./components/radio": {
|
|
264
|
-
"types": "./components/radio/index.d.ts",
|
|
265
|
-
"default": "./fesm2022/taiga-ui-kit-components-radio.mjs"
|
|
266
|
-
},
|
|
267
281
|
"./components/radio-list": {
|
|
268
282
|
"types": "./components/radio-list/index.d.ts",
|
|
269
283
|
"default": "./fesm2022/taiga-ui-kit-components-radio-list.mjs"
|
|
@@ -272,14 +286,14 @@
|
|
|
272
286
|
"types": "./components/range/index.d.ts",
|
|
273
287
|
"default": "./fesm2022/taiga-ui-kit-components-range.mjs"
|
|
274
288
|
},
|
|
275
|
-
"./components/routable-dialog": {
|
|
276
|
-
"types": "./components/routable-dialog/index.d.ts",
|
|
277
|
-
"default": "./fesm2022/taiga-ui-kit-components-routable-dialog.mjs"
|
|
278
|
-
},
|
|
279
289
|
"./components/rating": {
|
|
280
290
|
"types": "./components/rating/index.d.ts",
|
|
281
291
|
"default": "./fesm2022/taiga-ui-kit-components-rating.mjs"
|
|
282
292
|
},
|
|
293
|
+
"./components/routable-dialog": {
|
|
294
|
+
"types": "./components/routable-dialog/index.d.ts",
|
|
295
|
+
"default": "./fesm2022/taiga-ui-kit-components-routable-dialog.mjs"
|
|
296
|
+
},
|
|
283
297
|
"./components/segmented": {
|
|
284
298
|
"types": "./components/segmented/index.d.ts",
|
|
285
299
|
"default": "./fesm2022/taiga-ui-kit-components-segmented.mjs"
|
|
@@ -288,10 +302,6 @@
|
|
|
288
302
|
"types": "./components/select/index.d.ts",
|
|
289
303
|
"default": "./fesm2022/taiga-ui-kit-components-select.mjs"
|
|
290
304
|
},
|
|
291
|
-
"./components/slider": {
|
|
292
|
-
"types": "./components/slider/index.d.ts",
|
|
293
|
-
"default": "./fesm2022/taiga-ui-kit-components-slider.mjs"
|
|
294
|
-
},
|
|
295
305
|
"./components/status": {
|
|
296
306
|
"types": "./components/status/index.d.ts",
|
|
297
307
|
"default": "./fesm2022/taiga-ui-kit-components-status.mjs"
|
|
@@ -429,29 +439,6 @@
|
|
|
429
439
|
"default": "./fesm2022/taiga-ui-kit-pipes-stringify-content.mjs"
|
|
430
440
|
}
|
|
431
441
|
},
|
|
432
|
-
"peerDependencies": {
|
|
433
|
-
"@angular/common": ">=19.0.0",
|
|
434
|
-
"@angular/core": ">=19.0.0",
|
|
435
|
-
"@angular/forms": ">=19.0.0",
|
|
436
|
-
"@angular/router": ">=19.0.0",
|
|
437
|
-
"@maskito/angular": "^5.1.0",
|
|
438
|
-
"@maskito/core": "^5.1.0",
|
|
439
|
-
"@maskito/kit": "^5.1.0",
|
|
440
|
-
"@maskito/phone": "^5.1.0",
|
|
441
|
-
"@ng-web-apis/common": "^5.0.3",
|
|
442
|
-
"@ng-web-apis/intersection-observer": "^5.0.3",
|
|
443
|
-
"@ng-web-apis/mutation-observer": "^5.0.3",
|
|
444
|
-
"@ng-web-apis/platform": "^5.0.3",
|
|
445
|
-
"@ng-web-apis/resize-observer": "^5.0.3",
|
|
446
|
-
"@taiga-ui/cdk": "^5.0.0-rc.2",
|
|
447
|
-
"@taiga-ui/core": "^5.0.0-rc.2",
|
|
448
|
-
"@taiga-ui/design-tokens": "~0.276.0",
|
|
449
|
-
"@taiga-ui/i18n": "^5.0.0-rc.2",
|
|
450
|
-
"@taiga-ui/polymorpheus": "^5.0.0",
|
|
451
|
-
"rxjs": ">=7.0.0"
|
|
452
|
-
},
|
|
453
|
-
"module": "fesm2022/taiga-ui-kit.mjs",
|
|
454
|
-
"typings": "index.d.ts",
|
|
455
442
|
"sideEffects": false,
|
|
456
443
|
"dependencies": {
|
|
457
444
|
"tslib": ">=2.8.1"
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { TuiRadioComponent } from '@taiga-ui/kit/components/radio';
|
|
2
|
-
import { type TuiCheckboxOptions } from './checkbox.options';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@taiga-ui/core/directives/icons";
|
|
5
|
-
export declare class TuiCheckbox extends TuiRadioComponent<TuiCheckboxOptions> {
|
|
6
|
-
protected readonly check: import("@angular/core").Signal<string>;
|
|
7
|
-
protected readonly indeterminate: import("@angular/core").Signal<string>;
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiCheckbox, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiCheckbox, "input[type=\"checkbox\"][tuiCheckbox]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiIcons; inputs: {}; outputs: {}; }]>;
|
|
10
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type TuiStringHandler } from '@taiga-ui/cdk/types';
|
|
2
|
-
import { type TuiSizeS } from '@taiga-ui/core/types';
|
|
3
|
-
import { type TuiRadioOptions } from '@taiga-ui/kit/components/radio';
|
|
4
|
-
export interface TuiCheckboxOptions extends TuiRadioOptions {
|
|
5
|
-
readonly icons: Readonly<{
|
|
6
|
-
checked: TuiStringHandler<TuiSizeS>;
|
|
7
|
-
indeterminate: TuiStringHandler<TuiSizeS>;
|
|
8
|
-
}>;
|
|
9
|
-
}
|
|
10
|
-
export declare const TUI_CHECKBOX_OPTIONS: import("@angular/core").InjectionToken<TuiCheckboxOptions>, tuiCheckboxOptionsProvider: (item: Partial<TuiCheckboxOptions> | (() => Partial<TuiCheckboxOptions>)) => import("@angular/core").FactoryProvider;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { type DoCheck, type OnInit } from '@angular/core';
|
|
2
|
-
import { NgControl } from '@angular/forms';
|
|
3
|
-
import { type TuiRadioOptions } from './radio.options';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@taiga-ui/core/directives/appearance";
|
|
6
|
-
import * as i2 from "@taiga-ui/cdk/directives/native-validator";
|
|
7
|
-
export declare class TuiRadioComponent<T extends TuiRadioOptions> implements DoCheck, OnInit {
|
|
8
|
-
private readonly destroyRef;
|
|
9
|
-
protected readonly el: HTMLInputElement;
|
|
10
|
-
protected readonly options: T;
|
|
11
|
-
protected readonly appearance: import("@angular/core").WritableSignal<string>;
|
|
12
|
-
protected readonly control: NgControl | null;
|
|
13
|
-
readonly size: import("@angular/core").InputSignal<import("@taiga-ui/core/types").TuiSizeS>;
|
|
14
|
-
ngOnInit(): void;
|
|
15
|
-
ngDoCheck(): void;
|
|
16
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiRadioComponent<any>, never>;
|
|
17
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiRadioComponent<any>, "input[type=\"radio\"][tuiRadio]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAppearance; inputs: { "tuiAppearanceState": "tuiAppearanceState"; "tuiAppearanceFocus": "tuiAppearanceFocus"; "tuiAppearanceMode": "tuiAppearanceMode"; }; outputs: {}; }, { directive: typeof i2.TuiNativeValidator; inputs: {}; outputs: {}; }]>;
|
|
18
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { type TuiIdentityMatcher } from '@taiga-ui/cdk/types';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class TuiRadioDirective<T> {
|
|
4
|
-
readonly identityMatcher: import("@angular/core").InputSignal<TuiIdentityMatcher<T>>;
|
|
5
|
-
constructor();
|
|
6
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiRadioDirective<any>, never>;
|
|
7
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiRadioDirective<any>, "input[type=\"radio\"][tuiRadio][identityMatcher]", never, { "identityMatcher": { "alias": "identityMatcher"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
8
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { type TuiStringHandler } from '@taiga-ui/cdk/types';
|
|
2
|
-
import { type TuiSizeS } from '@taiga-ui/core/types';
|
|
3
|
-
export interface TuiRadioOptions {
|
|
4
|
-
readonly appearance: TuiStringHandler<HTMLInputElement>;
|
|
5
|
-
readonly size: TuiSizeS;
|
|
6
|
-
}
|
|
7
|
-
export declare const TUI_RADIO_OPTIONS: import("@angular/core").InjectionToken<TuiRadioOptions>, tuiRadioOptionsProvider: (item: Partial<TuiRadioOptions> | (() => Partial<TuiRadioOptions>)) => import("@angular/core").FactoryProvider;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { type TuiValueTransformer } from '@taiga-ui/cdk/classes';
|
|
2
|
-
/**
|
|
3
|
-
* Used as a limit for eliminating JS issues with floating point math
|
|
4
|
-
*/
|
|
5
|
-
export declare const TUI_FLOATING_PRECISION = 7;
|
|
6
|
-
/**
|
|
7
|
-
* Steps for splitting sliders into different linear dependencies.
|
|
8
|
-
* Each element of the array has the form [percent, value]
|
|
9
|
-
*
|
|
10
|
-
* Thus, to set a field from 50,000 to 30,000,000 in steps:
|
|
11
|
-
* 1) From 50 000 to 200 000 by 5000 per step (30 steps)
|
|
12
|
-
* 2) From 200 000 to 1 000 000 by 50 000 per step (16 steps)
|
|
13
|
-
* 3) From 1 000 000 to 30 000 000 by 500 000 per step (58 steps)
|
|
14
|
-
*
|
|
15
|
-
* You need to pass the following keyStep (where 104 = 30 + 16 + 58 is the total number of steps):
|
|
16
|
-
* [
|
|
17
|
-
* [0, 50_000],
|
|
18
|
-
* [100 / 104 * 30, 200_000],
|
|
19
|
-
* [100 / 104 * (30 + 16), 1_000_000],
|
|
20
|
-
* [100, 30_000_000],
|
|
21
|
-
* ];
|
|
22
|
-
*
|
|
23
|
-
*/
|
|
24
|
-
export type TuiKeySteps = [[0, number], ...Array<[number, number]>, [100, number]];
|
|
25
|
-
export declare function tuiPercentageToKeyStepValue(valuePercentage: number, keySteps: TuiKeySteps): number;
|
|
26
|
-
export declare function tuiKeyStepValueToPercentage(value: number, keySteps: TuiKeySteps): number;
|
|
27
|
-
export declare function tuiCreateKeyStepsTransformer(keySteps: TuiKeySteps): TuiValueTransformer<number, number>;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { type OnInit } from '@angular/core';
|
|
2
|
-
import { TuiControl, type TuiValueTransformer } from '@taiga-ui/cdk/classes';
|
|
3
|
-
import { TuiSliderComponent } from '../slider.component';
|
|
4
|
-
import { type TuiKeySteps } from './key-steps';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class TuiSliderKeyStepsBase implements OnInit {
|
|
7
|
-
private readonly injector;
|
|
8
|
-
private readonly control;
|
|
9
|
-
protected readonly min: import("@angular/core").WritableSignal<number | undefined>;
|
|
10
|
-
protected readonly max: import("@angular/core").WritableSignal<number | undefined>;
|
|
11
|
-
protected readonly sync: import("@angular/core").EffectRef;
|
|
12
|
-
slider: TuiSliderComponent;
|
|
13
|
-
readonly step: import("@angular/core").InputSignal<number>;
|
|
14
|
-
readonly keySteps: import("@angular/core").InputSignal<[[0, number], ...[number, number][], [100, number]] | undefined>;
|
|
15
|
-
readonly transformer: import("@angular/core").WritableSignal<TuiValueTransformer<number, number> | undefined>;
|
|
16
|
-
controlValue: import("@angular/core").Signal<number | undefined>;
|
|
17
|
-
readonly totalSteps: import("@angular/core").Signal<number>;
|
|
18
|
-
ngOnInit(): void;
|
|
19
|
-
takeStep(coefficient: number): number;
|
|
20
|
-
toSliderValue(fraction: number): number;
|
|
21
|
-
setControlValue(controlValue: number): void;
|
|
22
|
-
getControlValue(): number;
|
|
23
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSliderKeyStepsBase, never>;
|
|
24
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSliderKeyStepsBase, "input[tuiSlider][keySteps]", never, { "step": { "alias": "step"; "required": false; "isSignal": true; }; "keySteps": { "alias": "keySteps"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
25
|
-
}
|
|
26
|
-
export declare class TuiSliderKeySteps extends TuiControl<number> {
|
|
27
|
-
protected readonly base: TuiSliderKeyStepsBase;
|
|
28
|
-
set keySteps(steps: TuiKeySteps | null | undefined);
|
|
29
|
-
protected setValue(sliderValue: number): void;
|
|
30
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSliderKeySteps, never>;
|
|
31
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSliderKeySteps, "input[tuiSlider][keySteps][ngModel],input[tuiSlider][keySteps][formControl],input[tuiSlider][keySteps][formControlName]", never, { "keySteps": { "alias": "keySteps"; "required": false; }; }, {}, never, never, true, never>;
|
|
32
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
/**
|
|
3
|
-
* Native <input type='range' readonly> doesn't work.
|
|
4
|
-
* This directive imitates this native behaviour.
|
|
5
|
-
*/
|
|
6
|
-
export declare class TuiSliderReadonly {
|
|
7
|
-
private readonly el;
|
|
8
|
-
private readonly doc;
|
|
9
|
-
readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, any>;
|
|
10
|
-
constructor();
|
|
11
|
-
protected preventEvent(event: Event): void;
|
|
12
|
-
protected preventKeyboardInteraction(event: KeyboardEvent): void;
|
|
13
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSliderReadonly, never>;
|
|
14
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSliderReadonly, "input[tuiSlider][readonly]", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
15
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { type AfterContentInit } from '@angular/core';
|
|
2
|
-
import { NgControl } from '@angular/forms';
|
|
3
|
-
import { TuiSliderComponent } from '../slider.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class TuiSliderThumbLabel implements AfterContentInit {
|
|
6
|
-
protected readonly slider: import("@angular/core").Signal<TuiSliderComponent | undefined>;
|
|
7
|
-
protected readonly control: import("@angular/core").Signal<NgControl | undefined>;
|
|
8
|
-
ngAfterContentInit(): void;
|
|
9
|
-
protected get ratio(): number;
|
|
10
|
-
protected get ghostStart(): number;
|
|
11
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSliderThumbLabel, never>;
|
|
12
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiSliderThumbLabel, "[tuiSliderThumbLabel]", never, {}, {}, ["slider", "control"], ["*", "input[type=range]"], true, never>;
|
|
13
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export * from './helpers/key-steps';
|
|
2
|
-
export * from './helpers/slider-key-steps.directive';
|
|
3
|
-
export * from './helpers/slider-readonly.directive';
|
|
4
|
-
export * from './helpers/slider-thumb-label.component';
|
|
5
|
-
export * from './slider';
|
|
6
|
-
export * from './slider.component';
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { TuiSliderKeyStepsBase } from './helpers/slider-key-steps.directive';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class TuiSliderComponent {
|
|
4
|
-
private readonly control;
|
|
5
|
-
protected readonly ticksGradient: import("@angular/core").Signal<string>;
|
|
6
|
-
readonly segments: import("@angular/core").InputSignalWithTransform<readonly number[], number | readonly number[]>;
|
|
7
|
-
readonly el: HTMLInputElement;
|
|
8
|
-
readonly keySteps: TuiSliderKeyStepsBase | null;
|
|
9
|
-
constructor();
|
|
10
|
-
get valueRatio(): number;
|
|
11
|
-
get min(): number;
|
|
12
|
-
set min(x: number);
|
|
13
|
-
get max(): number;
|
|
14
|
-
set max(x: number);
|
|
15
|
-
get step(): number;
|
|
16
|
-
set step(x: number);
|
|
17
|
-
get value(): number;
|
|
18
|
-
set value(newValue: number);
|
|
19
|
-
protected getTicksGradient(segments: readonly number[]): string;
|
|
20
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSliderComponent, never>;
|
|
21
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiSliderComponent, "input[type=range][tuiSlider]", never, { "segments": { "alias": "segments"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
22
|
-
}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { TuiSliderKeySteps, TuiSliderKeyStepsBase } from './helpers/slider-key-steps.directive';
|
|
2
|
-
import { TuiSliderReadonly } from './helpers/slider-readonly.directive';
|
|
3
|
-
import { TuiSliderThumbLabel } from './helpers/slider-thumb-label.component';
|
|
4
|
-
import { TuiSliderComponent } from './slider.component';
|
|
5
|
-
export declare const TuiSlider: readonly [typeof TuiSliderComponent, typeof TuiSliderThumbLabel, typeof TuiSliderKeyStepsBase, typeof TuiSliderKeySteps, typeof TuiSliderReadonly];
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { computed, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
|
|
3
|
-
import '@taiga-ui/cdk/constants';
|
|
4
|
-
import { tuiCreateOptions, tuiProvide } from '@taiga-ui/cdk/utils/di';
|
|
5
|
-
import * as i1 from '@taiga-ui/core/directives/icons';
|
|
6
|
-
import { tuiIconStart, tuiIconEnd, TuiIcons } from '@taiga-ui/core/directives/icons';
|
|
7
|
-
import { TuiRadioComponent, TUI_RADIO_OPTIONS } from '@taiga-ui/kit/components/radio';
|
|
8
|
-
|
|
9
|
-
const [TUI_CHECKBOX_OPTIONS, tuiCheckboxOptionsProvider] = tuiCreateOptions({
|
|
10
|
-
size: 'm',
|
|
11
|
-
appearance: (el) => el.checked || el.indeterminate ? 'primary' : 'outline-grayscale',
|
|
12
|
-
icons: {
|
|
13
|
-
checked: () => '@tui.check',
|
|
14
|
-
indeterminate: () => '@tui.minus',
|
|
15
|
-
},
|
|
16
|
-
});
|
|
17
|
-
|
|
18
|
-
class TuiCheckbox extends TuiRadioComponent {
|
|
19
|
-
constructor() {
|
|
20
|
-
super(...arguments);
|
|
21
|
-
this.check = tuiIconStart(computed(() => this.options.icons.checked(this.size())));
|
|
22
|
-
this.indeterminate = tuiIconEnd(computed(() => this.options.icons.indeterminate(this.size())));
|
|
23
|
-
}
|
|
24
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TuiCheckbox, isStandalone: true, selector: "input[type=\"checkbox\"][tuiCheckbox]", providers: [tuiProvide(TUI_RADIO_OPTIONS, TUI_CHECKBOX_OPTIONS)], usesInheritance: true, hostDirectives: [{ directive: i1.TuiIcons }], ngImport: i0, template: '', isInline: true, styles: ["[tuiCheckbox]:where(*[data-tui-version=\"5.0.0-rc.2\"]){--t-size: 1.5rem;--t-radius: var(--tui-radius-s);inline-size:var(--t-size);block-size:var(--t-size);border-radius:var(--t-radius);cursor:pointer;margin:0;flex-shrink:0}[tuiCheckbox]:where(*[data-tui-version=\"5.0.0-rc.2\"]):before{position:absolute;block-size:100%;inline-size:100%;font-size:1rem;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\"></svg>');mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\"></svg>');transform:scale(0);transition:transform var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out}[tuiCheckbox]:where(*[data-tui-version=\"5.0.0-rc.2\"]):after{display:none}[tuiCheckbox]:where(*[data-tui-version=\"5.0.0-rc.2\"]):disabled._readonly._readonly{opacity:1;pointer-events:none}[tuiCheckbox]:where(*[data-tui-version=\"5.0.0-rc.2\"]):checked:before,[tuiCheckbox]:where(*[data-tui-version=\"5.0.0-rc.2\"]):indeterminate:before{-webkit-mask-image:var(--t-icon-start);mask-image:var(--t-icon-start);transform:scale(1);transition:transform var(--tui-duration) ease-in-out,mask 0s ease-in-out;transition-duration:inherit}[tuiCheckbox]:where(*[data-tui-version=\"5.0.0-rc.2\"]):indeterminate:before{-webkit-mask-image:var(--t-icon-end);mask-image:var(--t-icon-end)}[tuiCheckbox]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s]{--t-size: 1rem;--t-radius: var(--tui-radius-xs)}[tuiCheckbox]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s]:before{font-size:.875rem}[tuiCheckbox]:where(*[data-tui-version=\"5.0.0-rc.2\"]):invalid:not([data-mode]),[tuiCheckbox]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-mode~=invalid]{color:#fff}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
26
|
-
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiCheckbox, decorators: [{
|
|
28
|
-
type: Component,
|
|
29
|
-
args: [{ selector: 'input[type="checkbox"][tuiCheckbox]', template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiProvide(TUI_RADIO_OPTIONS, TUI_CHECKBOX_OPTIONS)], hostDirectives: [TuiIcons], styles: ["[tuiCheckbox]:where(*[data-tui-version=\"5.0.0-rc.2\"]){--t-size: 1.5rem;--t-radius: var(--tui-radius-s);inline-size:var(--t-size);block-size:var(--t-size);border-radius:var(--t-radius);cursor:pointer;margin:0;flex-shrink:0}[tuiCheckbox]:where(*[data-tui-version=\"5.0.0-rc.2\"]):before{position:absolute;block-size:100%;inline-size:100%;font-size:1rem;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\"></svg>');mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\"></svg>');transform:scale(0);transition:transform var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out}[tuiCheckbox]:where(*[data-tui-version=\"5.0.0-rc.2\"]):after{display:none}[tuiCheckbox]:where(*[data-tui-version=\"5.0.0-rc.2\"]):disabled._readonly._readonly{opacity:1;pointer-events:none}[tuiCheckbox]:where(*[data-tui-version=\"5.0.0-rc.2\"]):checked:before,[tuiCheckbox]:where(*[data-tui-version=\"5.0.0-rc.2\"]):indeterminate:before{-webkit-mask-image:var(--t-icon-start);mask-image:var(--t-icon-start);transform:scale(1);transition:transform var(--tui-duration) ease-in-out,mask 0s ease-in-out;transition-duration:inherit}[tuiCheckbox]:where(*[data-tui-version=\"5.0.0-rc.2\"]):indeterminate:before{-webkit-mask-image:var(--t-icon-end);mask-image:var(--t-icon-end)}[tuiCheckbox]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s]{--t-size: 1rem;--t-radius: var(--tui-radius-xs)}[tuiCheckbox]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s]:before{font-size:.875rem}[tuiCheckbox]:where(*[data-tui-version=\"5.0.0-rc.2\"]):invalid:not([data-mode]),[tuiCheckbox]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-mode~=invalid]{color:#fff}\n"] }]
|
|
30
|
-
}] });
|
|
31
|
-
|
|
32
|
-
/**
|
|
33
|
-
* Generated bundle index. Do not edit.
|
|
34
|
-
*/
|
|
35
|
-
|
|
36
|
-
export { TUI_CHECKBOX_OPTIONS, TuiCheckbox, tuiCheckboxOptionsProvider };
|
|
37
|
-
//# sourceMappingURL=taiga-ui-kit-components-checkbox.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-kit-components-checkbox.mjs","sources":["../../../projects/kit/components/checkbox/checkbox.options.ts","../../../projects/kit/components/checkbox/checkbox.component.ts","../../../projects/kit/components/checkbox/taiga-ui-kit-components-checkbox.ts"],"sourcesContent":["import {type TuiStringHandler} from '@taiga-ui/cdk/types';\nimport {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type TuiSizeS} from '@taiga-ui/core/types';\nimport {type TuiRadioOptions} from '@taiga-ui/kit/components/radio';\n\nexport interface TuiCheckboxOptions extends TuiRadioOptions {\n readonly icons: Readonly<{\n checked: TuiStringHandler<TuiSizeS>;\n indeterminate: TuiStringHandler<TuiSizeS>;\n }>;\n}\n\nexport const [TUI_CHECKBOX_OPTIONS, tuiCheckboxOptionsProvider] =\n tuiCreateOptions<TuiCheckboxOptions>({\n size: 'm',\n appearance: (el) =>\n el.checked || el.indeterminate ? 'primary' : 'outline-grayscale',\n icons: {\n checked: () => '@tui.check',\n indeterminate: () => '@tui.minus',\n },\n });\n","import {\n ChangeDetectionStrategy,\n Component,\n computed,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/di';\nimport {tuiIconEnd, TuiIcons, tuiIconStart} from '@taiga-ui/core/directives/icons';\nimport {TUI_RADIO_OPTIONS, TuiRadioComponent} from '@taiga-ui/kit/components/radio';\n\nimport {TUI_CHECKBOX_OPTIONS, type TuiCheckboxOptions} from './checkbox.options';\n\n@Component({\n selector: 'input[type=\"checkbox\"][tuiCheckbox]',\n template: '',\n styles: `\n [data-tui-version='${TUI_VERSION}'] {\n @import '@taiga-ui/kit/styles/components/checkbox.less';\n }\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [tuiProvide(TUI_RADIO_OPTIONS, TUI_CHECKBOX_OPTIONS)],\n hostDirectives: [TuiIcons],\n})\nexport class TuiCheckbox extends TuiRadioComponent<TuiCheckboxOptions> {\n protected readonly check = tuiIconStart(\n computed(() => this.options.icons.checked(this.size())),\n );\n\n protected readonly indeterminate = tuiIconEnd(\n computed(() => this.options.icons.indeterminate(this.size())),\n );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAYa,CAAC,oBAAoB,EAAE,0BAA0B,CAAC,GAC3D,gBAAgB,CAAqB;AACjC,IAAA,IAAI,EAAE,GAAG;IACT,UAAU,EAAE,CAAC,EAAE,KACX,EAAE,CAAC,OAAO,IAAI,EAAE,CAAC,aAAa,GAAG,SAAS,GAAG,mBAAmB;AACpE,IAAA,KAAK,EAAE;AACH,QAAA,OAAO,EAAE,MAAM,YAAY;AAC3B,QAAA,aAAa,EAAE,MAAM,YAAY;AACpC,KAAA;AACJ,CAAA;;ACKC,MAAO,WAAY,SAAQ,iBAAqC,CAAA;AAbtE,IAAA,WAAA,GAAA;;QAcuB,IAAK,CAAA,KAAA,GAAG,YAAY,CACnC,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAC1D;QAEkB,IAAa,CAAA,aAAA,GAAG,UAAU,CACzC,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAChE;AACJ;+GARY,WAAW,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uCAAA,EAAA,SAAA,EAHT,CAAC,UAAU,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,CAAC,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,QAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EARtD,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,mqDAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAWH,WAAW,EAAA,UAAA,EAAA,CAAA;kBAbvB,SAAS;+BACI,qCAAqC,EAAA,QAAA,EACrC,EAAE,EAMG,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC,CAAC,UAAU,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,CAAC,EAAA,cAAA,EAChD,CAAC,QAAQ,CAAC,EAAA,MAAA,EAAA,CAAA,mqDAAA,CAAA,EAAA;;;ACxB9B;;AAEG;;;;"}
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, DestroyRef, input, ChangeDetectionStrategy, ViewEncapsulation, Component, Directive } from '@angular/core';
|
|
3
|
-
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
4
|
-
import { NgControl, NgModel, RadioControlValueAccessor } from '@angular/forms';
|
|
5
|
-
import { TUI_DEFAULT_IDENTITY_MATCHER } from '@taiga-ui/cdk/constants';
|
|
6
|
-
import * as i2 from '@taiga-ui/cdk/directives/native-validator';
|
|
7
|
-
import { TuiNativeValidator } from '@taiga-ui/cdk/directives/native-validator';
|
|
8
|
-
import { tuiControlValue } from '@taiga-ui/cdk/observables';
|
|
9
|
-
import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
|
|
10
|
-
import * as i1 from '@taiga-ui/core/directives/appearance';
|
|
11
|
-
import { tuiAppearance, TuiAppearance } from '@taiga-ui/core/directives/appearance';
|
|
12
|
-
import { distinctUntilChanged } from 'rxjs';
|
|
13
|
-
import { tuiCreateOptions } from '@taiga-ui/cdk/utils/di';
|
|
14
|
-
|
|
15
|
-
const [TUI_RADIO_OPTIONS, tuiRadioOptionsProvider] = tuiCreateOptions({
|
|
16
|
-
size: 'm',
|
|
17
|
-
appearance: ({ checked }) => (checked ? 'primary' : 'outline-grayscale'),
|
|
18
|
-
});
|
|
19
|
-
|
|
20
|
-
class TuiRadioComponent {
|
|
21
|
-
constructor() {
|
|
22
|
-
this.destroyRef = inject(DestroyRef);
|
|
23
|
-
this.el = tuiInjectElement();
|
|
24
|
-
this.options = inject(TUI_RADIO_OPTIONS);
|
|
25
|
-
this.appearance = tuiAppearance(this.options.appearance(this.el));
|
|
26
|
-
this.control = inject(NgControl, { self: true, optional: true });
|
|
27
|
-
this.size = input(this.options.size);
|
|
28
|
-
}
|
|
29
|
-
ngOnInit() {
|
|
30
|
-
tuiControlValue(this.control)
|
|
31
|
-
.pipe(distinctUntilChanged(), takeUntilDestroyed(this.destroyRef))
|
|
32
|
-
.subscribe((value) => {
|
|
33
|
-
// https://github.com/angular/angular/issues/14988
|
|
34
|
-
const fix = this.control instanceof NgModel && value == null
|
|
35
|
-
? this.control.model
|
|
36
|
-
: value;
|
|
37
|
-
this.el.indeterminate = fix == null && this.el.matches('[tuiCheckbox]');
|
|
38
|
-
this.ngDoCheck();
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
ngDoCheck() {
|
|
42
|
-
this.appearance.set(this.options.appearance(this.el));
|
|
43
|
-
}
|
|
44
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
45
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: TuiRadioComponent, isStandalone: true, selector: "input[type=\"radio\"][tuiRadio]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "disabled": "!control || control.disabled", "attr.data-size": "size()", "class._readonly": "!control" } }, hostDirectives: [{ directive: i1.TuiAppearance, inputs: ["tuiAppearanceState", "tuiAppearanceState", "tuiAppearanceFocus", "tuiAppearanceFocus", "tuiAppearanceMode", "tuiAppearanceMode"] }, { directive: i2.TuiNativeValidator }], ngImport: i0, template: '', isInline: true, styles: ["[tuiRadio]:where(*[data-tui-version=\"5.0.0-rc.2\"]){--t-size: 1.5rem;transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:var(--t-size);block-size:var(--t-size);cursor:pointer;margin:0;flex-shrink:0;border-radius:100%;color:var(--tui-text-primary-on-accent-1)}[tuiRadio]:where(*[data-tui-version=\"5.0.0-rc.2\"]):disabled._readonly._readonly{opacity:1}[tuiRadio]:where(*[data-tui-version=\"5.0.0-rc.2\"]):before{position:absolute;inset:0;content:\"\";margin:auto;border-radius:100%;background:currentColor;transform:scale(0);transition-property:transform}[tuiRadio]:where(*[data-tui-version=\"5.0.0-rc.2\"]):checked:before{transform:scale(.5)}[tuiRadio]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s]{--t-size: 1rem}[tuiRadio]:where(*[data-tui-version=\"5.0.0-rc.2\"]):invalid:not([data-mode]),[tuiRadio]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-mode~=invalid]{color:#fff}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
46
|
-
}
|
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiRadioComponent, decorators: [{
|
|
48
|
-
type: Component,
|
|
49
|
-
args: [{ selector: 'input[type="radio"][tuiRadio]', template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
50
|
-
{
|
|
51
|
-
directive: TuiAppearance,
|
|
52
|
-
inputs: ['tuiAppearanceState', 'tuiAppearanceFocus', 'tuiAppearanceMode'],
|
|
53
|
-
},
|
|
54
|
-
TuiNativeValidator,
|
|
55
|
-
], host: {
|
|
56
|
-
'[disabled]': '!control || control.disabled',
|
|
57
|
-
'[attr.data-size]': 'size()',
|
|
58
|
-
'[class._readonly]': '!control',
|
|
59
|
-
}, styles: ["[tuiRadio]:where(*[data-tui-version=\"5.0.0-rc.2\"]){--t-size: 1.5rem;transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;inline-size:var(--t-size);block-size:var(--t-size);cursor:pointer;margin:0;flex-shrink:0;border-radius:100%;color:var(--tui-text-primary-on-accent-1)}[tuiRadio]:where(*[data-tui-version=\"5.0.0-rc.2\"]):disabled._readonly._readonly{opacity:1}[tuiRadio]:where(*[data-tui-version=\"5.0.0-rc.2\"]):before{position:absolute;inset:0;content:\"\";margin:auto;border-radius:100%;background:currentColor;transform:scale(0);transition-property:transform}[tuiRadio]:where(*[data-tui-version=\"5.0.0-rc.2\"]):checked:before{transform:scale(.5)}[tuiRadio]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-size=s]{--t-size: 1rem}[tuiRadio]:where(*[data-tui-version=\"5.0.0-rc.2\"]):invalid:not([data-mode]),[tuiRadio]:where(*[data-tui-version=\"5.0.0-rc.2\"])[data-mode~=invalid]{color:#fff}\n"] }]
|
|
60
|
-
}] });
|
|
61
|
-
|
|
62
|
-
class TuiRadioDirective {
|
|
63
|
-
constructor() {
|
|
64
|
-
this.identityMatcher = input(TUI_DEFAULT_IDENTITY_MATCHER);
|
|
65
|
-
const accessor = inject(RadioControlValueAccessor);
|
|
66
|
-
const writeValue = accessor.writeValue.bind(accessor);
|
|
67
|
-
accessor.writeValue = (value) => {
|
|
68
|
-
if (this.identityMatcher()(value, accessor.value)) {
|
|
69
|
-
writeValue(accessor.value);
|
|
70
|
-
}
|
|
71
|
-
else {
|
|
72
|
-
writeValue(value);
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
|
-
}
|
|
76
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiRadioDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
77
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiRadioDirective, isStandalone: true, selector: "input[type=\"radio\"][tuiRadio][identityMatcher]", inputs: { identityMatcher: { classPropertyName: "identityMatcher", publicName: "identityMatcher", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
78
|
-
}
|
|
79
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiRadioDirective, decorators: [{
|
|
80
|
-
type: Directive,
|
|
81
|
-
args: [{ selector: 'input[type="radio"][tuiRadio][identityMatcher]' }]
|
|
82
|
-
}], ctorParameters: () => [] });
|
|
83
|
-
|
|
84
|
-
const TuiRadio = [TuiRadioComponent, TuiRadioDirective];
|
|
85
|
-
|
|
86
|
-
/**
|
|
87
|
-
* Generated bundle index. Do not edit.
|
|
88
|
-
*/
|
|
89
|
-
|
|
90
|
-
export { TUI_RADIO_OPTIONS, TuiRadio, TuiRadioComponent, TuiRadioDirective, tuiRadioOptionsProvider };
|
|
91
|
-
//# sourceMappingURL=taiga-ui-kit-components-radio.mjs.map
|