@taiga-ui/kit 2.33.0 → 2.34.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/abstract/taiga-ui-kit-abstract.metadata.json +1 -1
- package/bundles/taiga-ui-kit-abstract.umd.js +2 -2
- package/bundles/taiga-ui-kit-abstract.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-abstract.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-abstract.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-accordion.umd.js +2 -2
- package/bundles/taiga-ui-kit-components-accordion.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-accordion.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-accordion.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-arrow.umd.js +14 -1
- package/bundles/taiga-ui-kit-components-arrow.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-arrow.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-arrow.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-avatar.umd.js +2 -2
- package/bundles/taiga-ui-kit-components-avatar.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-avatar.umd.min.js +2 -2
- package/bundles/taiga-ui-kit-components-avatar.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-badge.umd.js +2 -2
- package/bundles/taiga-ui-kit-components-badge.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-badge.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-badge.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-badged-content.umd.js +2 -2
- package/bundles/taiga-ui-kit-components-badged-content.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-badged-content.umd.min.js +2 -2
- package/bundles/taiga-ui-kit-components-badged-content.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-breadcrumbs.umd.js +2 -2
- package/bundles/taiga-ui-kit-components-breadcrumbs.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-breadcrumbs.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-breadcrumbs.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-carousel.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-carousel.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-checkbox-block.umd.js +2 -2
- package/bundles/taiga-ui-kit-components-checkbox-block.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-checkbox-block.umd.min.js +2 -2
- package/bundles/taiga-ui-kit-components-checkbox-block.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-checkbox-labeled.umd.js +2 -2
- package/bundles/taiga-ui-kit-components-checkbox-labeled.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-checkbox-labeled.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-checkbox-labeled.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-checkbox.umd.js +2 -2
- package/bundles/taiga-ui-kit-components-checkbox.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-checkbox.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-checkbox.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-combo-box.umd.js +63 -21
- package/bundles/taiga-ui-kit-components-combo-box.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-combo-box.umd.min.js +2 -2
- package/bundles/taiga-ui-kit-components-combo-box.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-data-list-wrapper.umd.js +17 -11
- package/bundles/taiga-ui-kit-components-data-list-wrapper.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-data-list-wrapper.umd.min.js +2 -2
- package/bundles/taiga-ui-kit-components-data-list-wrapper.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-field-error.umd.js +10 -15
- package/bundles/taiga-ui-kit-components-field-error.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-field-error.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-field-error.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-filter.umd.js +2 -2
- package/bundles/taiga-ui-kit-components-filter.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-filter.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-filter.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-input-count.umd.js +7 -2
- package/bundles/taiga-ui-kit-components-input-count.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-input-count.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-input-count.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-input-password.umd.js +5 -0
- package/bundles/taiga-ui-kit-components-input-password.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-input-password.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-input-password.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-input-range.umd.js +1 -1
- package/bundles/taiga-ui-kit-components-input-range.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-input-range.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-input-slider.umd.js +1 -1
- package/bundles/taiga-ui-kit-components-input-slider.umd.min.js +2 -2
- package/bundles/taiga-ui-kit-components-input-slider.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-input-tag.umd.js +42 -13
- package/bundles/taiga-ui-kit-components-input-tag.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-input-tag.umd.min.js +2 -2
- package/bundles/taiga-ui-kit-components-input-tag.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-input-time.umd.js +5 -0
- package/bundles/taiga-ui-kit-components-input-time.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-input-time.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-input-time.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-marker-icon.umd.js +2 -2
- package/bundles/taiga-ui-kit-components-marker-icon.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-marker-icon.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-marker-icon.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-multi-select.umd.js +34 -13
- package/bundles/taiga-ui-kit-components-multi-select.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-multi-select.umd.min.js +2 -2
- package/bundles/taiga-ui-kit-components-multi-select.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-radio-block.umd.js +2 -2
- package/bundles/taiga-ui-kit-components-radio-block.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-radio-block.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-radio-block.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-radio-labeled.umd.js +2 -2
- package/bundles/taiga-ui-kit-components-radio-labeled.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-radio-labeled.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-radio-labeled.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-radio-list.umd.js +2 -2
- package/bundles/taiga-ui-kit-components-radio-list.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-radio-list.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-radio-list.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-radio.umd.js +7 -2
- package/bundles/taiga-ui-kit-components-radio.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-radio.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-radio.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-range.umd.js +1 -1
- package/bundles/taiga-ui-kit-components-range.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-range.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-rating.umd.js +5 -0
- package/bundles/taiga-ui-kit-components-rating.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-rating.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-rating.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-select.umd.js +35 -10
- package/bundles/taiga-ui-kit-components-select.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-select.umd.min.js +2 -2
- package/bundles/taiga-ui-kit-components-select.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-slider.umd.js +142 -27
- package/bundles/taiga-ui-kit-components-slider.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-slider.umd.min.js +2 -2
- package/bundles/taiga-ui-kit-components-slider.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-tag.umd.js +9 -3
- package/bundles/taiga-ui-kit-components-tag.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-tag.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-tag.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-toggle.umd.js +7 -2
- package/bundles/taiga-ui-kit-components-toggle.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-toggle.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-toggle.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-pipes-field-error.umd.js +389 -0
- package/bundles/taiga-ui-kit-pipes-field-error.umd.js.map +1 -0
- package/bundles/taiga-ui-kit-pipes-field-error.umd.min.js +16 -0
- package/bundles/taiga-ui-kit-pipes-field-error.umd.min.js.map +1 -0
- package/bundles/taiga-ui-kit-pipes.umd.js +12 -4
- package/bundles/taiga-ui-kit-pipes.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-pipes.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-tokens.umd.js +239 -4
- package/bundles/taiga-ui-kit-tokens.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-tokens.umd.min.js +15 -1
- package/bundles/taiga-ui-kit-tokens.umd.min.js.map +1 -1
- package/components/accordion/taiga-ui-kit-components-accordion.metadata.json +1 -1
- package/components/arrow/arrow-options.d.ts +7 -5
- package/components/arrow/taiga-ui-kit-components-arrow.metadata.json +1 -1
- package/components/avatar/taiga-ui-kit-components-avatar.metadata.json +1 -1
- package/components/badge/taiga-ui-kit-components-badge.metadata.json +1 -1
- package/components/badged-content/taiga-ui-kit-components-badged-content.metadata.json +1 -1
- package/components/breadcrumbs/taiga-ui-kit-components-breadcrumbs.metadata.json +1 -1
- package/components/carousel/carousel-buttons.directive.d.ts +2 -2
- package/components/checkbox/checkbox.component.d.ts +2 -2
- package/components/checkbox/taiga-ui-kit-components-checkbox.metadata.json +1 -1
- package/components/checkbox-block/taiga-ui-kit-components-checkbox-block.metadata.json +1 -1
- package/components/checkbox-labeled/taiga-ui-kit-components-checkbox-labeled.metadata.json +1 -1
- package/components/combo-box/combo-box-strict.directive.d.ts +7 -0
- package/components/combo-box/combo-box.component.d.ts +8 -5
- package/components/combo-box/index.d.ts +1 -0
- package/components/combo-box/taiga-ui-kit-components-combo-box.metadata.json +1 -1
- package/components/data-list-wrapper/data-list-wrapper.component.d.ts +5 -3
- package/components/data-list-wrapper/taiga-ui-kit-components-data-list-wrapper.metadata.json +1 -1
- package/components/field-error/field-error.component.d.ts +1 -2
- package/components/field-error/field-error.module.d.ts +3 -0
- package/components/field-error/taiga-ui-kit-components-field-error.metadata.json +1 -1
- package/components/filter/taiga-ui-kit-components-filter.metadata.json +1 -1
- package/components/input-count/input-count-options.d.ts +10 -4
- package/components/input-count/input-count.component.d.ts +3 -3
- package/components/input-count/taiga-ui-kit-components-input-count.metadata.json +1 -1
- package/components/input-password/input-password-options.d.ts +10 -4
- package/components/input-password/input-password.component.d.ts +3 -3
- package/components/input-password/taiga-ui-kit-components-input-password.metadata.json +1 -1
- package/components/input-range/taiga-ui-kit-components-input-range.metadata.json +1 -1
- package/components/input-slider/taiga-ui-kit-components-input-slider.metadata.json +1 -1
- package/components/input-tag/index.d.ts +1 -0
- package/components/input-tag/input-tag-options.d.ts +7 -0
- package/components/input-tag/input-tag.component.d.ts +6 -2
- package/components/input-tag/taiga-ui-kit-components-input-tag.metadata.json +1 -1
- package/components/input-time/input-time-options.d.ts +10 -4
- package/components/input-time/input-time.component.d.ts +6 -6
- package/components/input-time/taiga-ui-kit-components-input-time.metadata.json +1 -1
- package/components/marker-icon/taiga-ui-kit-components-marker-icon.metadata.json +1 -1
- package/components/multi-select/index.d.ts +1 -0
- package/components/multi-select/multi-select-options.d.ts +10 -0
- package/components/multi-select/multi-select.component.d.ts +11 -7
- package/components/multi-select/taiga-ui-kit-components-multi-select.metadata.json +1 -1
- package/components/radio/radio-options.d.ts +10 -4
- package/components/radio/radio.component.d.ts +2 -2
- package/components/radio/taiga-ui-kit-components-radio.metadata.json +1 -1
- package/components/radio-block/taiga-ui-kit-components-radio-block.metadata.json +1 -1
- package/components/radio-labeled/taiga-ui-kit-components-radio-labeled.metadata.json +1 -1
- package/components/radio-list/taiga-ui-kit-components-radio-list.metadata.json +1 -1
- package/components/range/taiga-ui-kit-components-range.metadata.json +1 -1
- package/components/rating/rating-options.d.ts +2 -1
- package/components/rating/taiga-ui-kit-components-rating.metadata.json +1 -1
- package/components/select/index.d.ts +1 -0
- package/components/select/select-options.d.ts +9 -0
- package/components/select/select.component.d.ts +9 -4
- package/components/select/taiga-ui-kit-components-select.metadata.json +1 -1
- package/components/slider/index.d.ts +1 -0
- package/components/slider/slider-old.component.d.ts +19 -0
- package/components/slider/slider.component.d.ts +16 -13
- package/components/slider/taiga-ui-kit-components-slider.metadata.json +1 -1
- package/components/tag/tag.component.d.ts +1 -0
- package/components/tag/taiga-ui-kit-components-tag.metadata.json +1 -1
- package/components/toggle/taiga-ui-kit-components-toggle.metadata.json +1 -1
- package/components/toggle/toggle-options.d.ts +10 -4
- package/components/toggle/toggle.component.d.ts +3 -3
- package/esm2015/abstract/input-slider.js +2 -2
- package/esm2015/abstract/slider/slider.js +2 -2
- package/esm2015/components/accordion/accordion-item/accordion-item.component.js +3 -3
- package/esm2015/components/arrow/arrow-options.js +13 -2
- package/esm2015/components/avatar/avatar.component.js +3 -3
- package/esm2015/components/badge/badge.component.js +3 -3
- package/esm2015/components/badged-content/badged-content.component.js +3 -3
- package/esm2015/components/breadcrumbs/breadcrumbs.component.js +3 -3
- package/esm2015/components/carousel/carousel-buttons.directive.js +1 -1
- package/esm2015/components/checkbox/checkbox.component.js +3 -3
- package/esm2015/components/checkbox-block/checkbox-block.component.js +3 -3
- package/esm2015/components/checkbox-labeled/checkbox-labeled.component.js +3 -3
- package/esm2015/components/combo-box/combo-box-strict.directive.js +31 -0
- package/esm2015/components/combo-box/combo-box.component.js +23 -17
- package/esm2015/components/combo-box/combo-box.module.js +13 -3
- package/esm2015/components/combo-box/index.js +2 -1
- package/esm2015/components/data-list-wrapper/data-list-wrapper.component.js +17 -11
- package/esm2015/components/field-error/field-error.component.js +8 -12
- package/esm2015/components/field-error/field-error.module.js +6 -2
- package/esm2015/components/filter/filter.component.js +3 -3
- package/esm2015/components/input-count/input-count-options.js +5 -1
- package/esm2015/components/input-count/input-count.component.js +3 -3
- package/esm2015/components/input-password/input-password-options.js +5 -1
- package/esm2015/components/input-password/input-password.component.js +2 -2
- package/esm2015/components/input-range/input-range.component.js +1 -1
- package/esm2015/components/input-slider/input-slider.component.js +1 -1
- package/esm2015/components/input-tag/index.js +2 -1
- package/esm2015/components/input-tag/input-tag-options.js +9 -0
- package/esm2015/components/input-tag/input-tag.component.js +29 -13
- package/esm2015/components/input-time/input-time-options.js +5 -1
- package/esm2015/components/input-time/input-time.component.js +1 -1
- package/esm2015/components/marker-icon/marker-icon.component.js +3 -3
- package/esm2015/components/multi-select/index.js +2 -1
- package/esm2015/components/multi-select/multi-select-options.js +13 -0
- package/esm2015/components/multi-select/multi-select.component.js +19 -11
- package/esm2015/components/radio/radio-options.js +5 -1
- package/esm2015/components/radio/radio.component.js +3 -3
- package/esm2015/components/radio-block/radio-block.component.js +3 -3
- package/esm2015/components/radio-labeled/radio-labeled.component.js +3 -3
- package/esm2015/components/radio-list/radio-list.component.js +3 -3
- package/esm2015/components/range/range.component.js +1 -1
- package/esm2015/components/rating/rating-options.js +5 -1
- package/esm2015/components/select/index.js +2 -1
- package/esm2015/components/select/select-options.js +12 -0
- package/esm2015/components/select/select.component.js +21 -8
- package/esm2015/components/slider/index.js +2 -1
- package/esm2015/components/slider/slider-old.component.js +71 -0
- package/esm2015/components/slider/slider.component.js +66 -46
- package/esm2015/components/slider/slider.module.js +4 -3
- package/esm2015/components/tag/tag.component.js +10 -4
- package/esm2015/components/toggle/toggle-options.js +5 -1
- package/esm2015/components/toggle/toggle.component.js +3 -3
- package/esm2015/pipes/field-error/field-error-pipe.js +120 -0
- package/esm2015/pipes/field-error/field-error.module.js +13 -0
- package/esm2015/pipes/field-error/index.js +3 -0
- package/esm2015/pipes/field-error/taiga-ui-kit-pipes-field-error.js +5 -0
- package/esm2015/pipes/index.js +2 -1
- package/esm2015/tokens/index.js +2 -1
- package/esm2015/tokens/items-handlers.js +15 -0
- package/esm5/abstract/input-slider.js +2 -2
- package/esm5/abstract/slider/slider.js +2 -2
- package/esm5/components/accordion/accordion-item/accordion-item.component.js +3 -3
- package/esm5/components/arrow/arrow-options.js +14 -2
- package/esm5/components/avatar/avatar.component.js +3 -3
- package/esm5/components/badge/badge.component.js +3 -3
- package/esm5/components/badged-content/badged-content.component.js +3 -3
- package/esm5/components/breadcrumbs/breadcrumbs.component.js +3 -3
- package/esm5/components/carousel/carousel-buttons.directive.js +1 -1
- package/esm5/components/checkbox/checkbox.component.js +3 -3
- package/esm5/components/checkbox-block/checkbox-block.component.js +3 -3
- package/esm5/components/checkbox-labeled/checkbox-labeled.component.js +3 -3
- package/esm5/components/combo-box/combo-box-strict.directive.js +32 -0
- package/esm5/components/combo-box/combo-box.component.js +23 -17
- package/esm5/components/combo-box/combo-box.module.js +13 -3
- package/esm5/components/combo-box/index.js +2 -1
- package/esm5/components/data-list-wrapper/data-list-wrapper.component.js +18 -11
- package/esm5/components/field-error/field-error.component.js +8 -16
- package/esm5/components/field-error/field-error.module.js +6 -2
- package/esm5/components/filter/filter.component.js +3 -3
- package/esm5/components/input-count/input-count-options.js +6 -1
- package/esm5/components/input-count/input-count.component.js +3 -3
- package/esm5/components/input-password/input-password-options.js +6 -1
- package/esm5/components/input-password/input-password.component.js +2 -2
- package/esm5/components/input-range/input-range.component.js +1 -1
- package/esm5/components/input-slider/input-slider.component.js +1 -1
- package/esm5/components/input-tag/index.js +2 -1
- package/esm5/components/input-tag/input-tag-options.js +9 -0
- package/esm5/components/input-tag/input-tag.component.js +34 -14
- package/esm5/components/input-time/input-time-options.js +6 -1
- package/esm5/components/input-time/input-time.component.js +1 -1
- package/esm5/components/marker-icon/marker-icon.component.js +3 -3
- package/esm5/components/multi-select/index.js +2 -1
- package/esm5/components/multi-select/multi-select-options.js +14 -0
- package/esm5/components/multi-select/multi-select.component.js +19 -11
- package/esm5/components/radio/radio-options.js +6 -1
- package/esm5/components/radio/radio.component.js +3 -3
- package/esm5/components/radio-block/radio-block.component.js +3 -3
- package/esm5/components/radio-labeled/radio-labeled.component.js +3 -3
- package/esm5/components/radio-list/radio-list.component.js +3 -3
- package/esm5/components/range/range.component.js +1 -1
- package/esm5/components/rating/rating-options.js +6 -1
- package/esm5/components/select/index.js +2 -1
- package/esm5/components/select/select-options.js +13 -0
- package/esm5/components/select/select.component.js +21 -8
- package/esm5/components/slider/index.js +2 -1
- package/esm5/components/slider/slider-old.component.js +90 -0
- package/esm5/components/slider/slider.component.js +83 -53
- package/esm5/components/slider/slider.module.js +4 -3
- package/esm5/components/tag/tag.component.js +10 -4
- package/esm5/components/toggle/toggle-options.js +6 -1
- package/esm5/components/toggle/toggle.component.js +3 -3
- package/esm5/pipes/field-error/field-error-pipe.js +153 -0
- package/esm5/pipes/field-error/field-error.module.js +16 -0
- package/esm5/pipes/field-error/index.js +3 -0
- package/esm5/pipes/field-error/taiga-ui-kit-pipes-field-error.js +5 -0
- package/esm5/pipes/index.js +2 -1
- package/esm5/tokens/index.js +2 -1
- package/esm5/tokens/items-handlers.js +16 -0
- package/fesm2015/taiga-ui-kit-abstract.js +2 -2
- package/fesm2015/taiga-ui-kit-abstract.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-accordion.js +2 -2
- package/fesm2015/taiga-ui-kit-components-accordion.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-arrow.js +13 -2
- package/fesm2015/taiga-ui-kit-components-arrow.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-avatar.js +2 -2
- package/fesm2015/taiga-ui-kit-components-avatar.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-badge.js +2 -2
- package/fesm2015/taiga-ui-kit-components-badge.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-badged-content.js +2 -2
- package/fesm2015/taiga-ui-kit-components-badged-content.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-breadcrumbs.js +2 -2
- package/fesm2015/taiga-ui-kit-components-breadcrumbs.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-carousel.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-checkbox-block.js +2 -2
- package/fesm2015/taiga-ui-kit-components-checkbox-block.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-checkbox-labeled.js +2 -2
- package/fesm2015/taiga-ui-kit-components-checkbox-labeled.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-checkbox.js +2 -2
- package/fesm2015/taiga-ui-kit-components-checkbox.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-combo-box.js +61 -20
- package/fesm2015/taiga-ui-kit-components-combo-box.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-data-list-wrapper.js +16 -10
- package/fesm2015/taiga-ui-kit-components-data-list-wrapper.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-field-error.js +12 -13
- package/fesm2015/taiga-ui-kit-components-field-error.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-filter.js +2 -2
- package/fesm2015/taiga-ui-kit-components-filter.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-input-count.js +7 -3
- package/fesm2015/taiga-ui-kit-components-input-count.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-input-password.js +5 -1
- package/fesm2015/taiga-ui-kit-components-input-password.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-input-range.js +1 -1
- package/fesm2015/taiga-ui-kit-components-input-slider.js +1 -1
- package/fesm2015/taiga-ui-kit-components-input-tag.js +37 -14
- package/fesm2015/taiga-ui-kit-components-input-tag.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-input-time.js +5 -1
- package/fesm2015/taiga-ui-kit-components-input-time.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-marker-icon.js +2 -2
- package/fesm2015/taiga-ui-kit-components-marker-icon.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-multi-select.js +31 -12
- package/fesm2015/taiga-ui-kit-components-multi-select.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-radio-block.js +2 -2
- package/fesm2015/taiga-ui-kit-components-radio-block.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-radio-labeled.js +2 -2
- package/fesm2015/taiga-ui-kit-components-radio-labeled.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-radio-list.js +2 -2
- package/fesm2015/taiga-ui-kit-components-radio-list.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-radio.js +7 -3
- package/fesm2015/taiga-ui-kit-components-radio.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-range.js +1 -1
- package/fesm2015/taiga-ui-kit-components-rating.js +5 -1
- package/fesm2015/taiga-ui-kit-components-rating.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-select.js +32 -9
- package/fesm2015/taiga-ui-kit-components-select.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-slider.js +100 -14
- package/fesm2015/taiga-ui-kit-components-slider.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-tag.js +9 -3
- package/fesm2015/taiga-ui-kit-components-tag.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-toggle.js +7 -3
- package/fesm2015/taiga-ui-kit-components-toggle.js.map +1 -1
- package/fesm2015/taiga-ui-kit-pipes-field-error.js +135 -0
- package/fesm2015/taiga-ui-kit-pipes-field-error.js.map +1 -0
- package/fesm2015/taiga-ui-kit-pipes.js +1 -0
- package/fesm2015/taiga-ui-kit-pipes.js.map +1 -1
- package/fesm2015/taiga-ui-kit-tokens.js +15 -1
- package/fesm2015/taiga-ui-kit-tokens.js.map +1 -1
- package/fesm5/taiga-ui-kit-abstract.js +2 -2
- package/fesm5/taiga-ui-kit-abstract.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-accordion.js +2 -2
- package/fesm5/taiga-ui-kit-components-accordion.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-arrow.js +14 -3
- package/fesm5/taiga-ui-kit-components-arrow.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-avatar.js +2 -2
- package/fesm5/taiga-ui-kit-components-avatar.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-badge.js +2 -2
- package/fesm5/taiga-ui-kit-components-badge.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-badged-content.js +2 -2
- package/fesm5/taiga-ui-kit-components-badged-content.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-breadcrumbs.js +2 -2
- package/fesm5/taiga-ui-kit-components-breadcrumbs.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-carousel.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-checkbox-block.js +2 -2
- package/fesm5/taiga-ui-kit-components-checkbox-block.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-checkbox-labeled.js +2 -2
- package/fesm5/taiga-ui-kit-components-checkbox-labeled.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-checkbox.js +2 -2
- package/fesm5/taiga-ui-kit-components-checkbox.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-combo-box.js +62 -20
- package/fesm5/taiga-ui-kit-components-combo-box.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-data-list-wrapper.js +17 -10
- package/fesm5/taiga-ui-kit-components-data-list-wrapper.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-field-error.js +12 -17
- package/fesm5/taiga-ui-kit-components-field-error.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-filter.js +2 -2
- package/fesm5/taiga-ui-kit-components-filter.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-input-count.js +8 -4
- package/fesm5/taiga-ui-kit-components-input-count.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-input-password.js +6 -2
- package/fesm5/taiga-ui-kit-components-input-password.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-input-range.js +1 -1
- package/fesm5/taiga-ui-kit-components-input-slider.js +1 -1
- package/fesm5/taiga-ui-kit-components-input-tag.js +42 -15
- package/fesm5/taiga-ui-kit-components-input-tag.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-input-time.js +6 -2
- package/fesm5/taiga-ui-kit-components-input-time.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-marker-icon.js +2 -2
- package/fesm5/taiga-ui-kit-components-marker-icon.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-multi-select.js +32 -13
- package/fesm5/taiga-ui-kit-components-multi-select.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-radio-block.js +2 -2
- package/fesm5/taiga-ui-kit-components-radio-block.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-radio-labeled.js +2 -2
- package/fesm5/taiga-ui-kit-components-radio-labeled.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-radio-list.js +2 -2
- package/fesm5/taiga-ui-kit-components-radio-list.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-radio.js +8 -4
- package/fesm5/taiga-ui-kit-components-radio.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-range.js +1 -1
- package/fesm5/taiga-ui-kit-components-rating.js +6 -2
- package/fesm5/taiga-ui-kit-components-rating.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-select.js +33 -10
- package/fesm5/taiga-ui-kit-components-select.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-slider.js +141 -26
- package/fesm5/taiga-ui-kit-components-slider.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-tag.js +9 -3
- package/fesm5/taiga-ui-kit-components-tag.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-toggle.js +8 -4
- package/fesm5/taiga-ui-kit-components-toggle.js.map +1 -1
- package/fesm5/taiga-ui-kit-pipes-field-error.js +171 -0
- package/fesm5/taiga-ui-kit-pipes-field-error.js.map +1 -0
- package/fesm5/taiga-ui-kit-pipes.js +1 -0
- package/fesm5/taiga-ui-kit-pipes.js.map +1 -1
- package/fesm5/taiga-ui-kit-tokens.js +16 -1
- package/fesm5/taiga-ui-kit-tokens.js.map +1 -1
- package/package.json +4 -4
- package/pipes/field-error/field-error-pipe.d.ts +29 -0
- package/pipes/field-error/field-error.module.d.ts +2 -0
- package/pipes/field-error/index.d.ts +2 -0
- package/pipes/field-error/package.json +13 -0
- package/pipes/field-error/taiga-ui-kit-pipes-field-error.d.ts +4 -0
- package/pipes/field-error/taiga-ui-kit-pipes-field-error.metadata.json +1 -0
- package/pipes/index.d.ts +1 -0
- package/pipes/taiga-ui-kit-pipes.metadata.json +1 -1
- package/tokens/index.d.ts +1 -0
- package/tokens/items-handlers.d.ts +10 -0
- package/tokens/taiga-ui-kit-tokens.metadata.json +1 -1
|
@@ -3,19 +3,19 @@ import { NgControl } from '@angular/forms';
|
|
|
3
3
|
import { AbstractTuiNullableControl, TuiBooleanHandler, TuiFocusableElementAccessor, TuiTime, TuiTimeMode } from '@taiga-ui/cdk';
|
|
4
4
|
import { TuiTextMaskOptions } from '@taiga-ui/core';
|
|
5
5
|
import { Observable } from 'rxjs';
|
|
6
|
-
import {
|
|
6
|
+
import { TuiInputTimeOptions } from './input-time-options';
|
|
7
7
|
export declare class TuiInputTimeComponent extends AbstractTuiNullableControl<TuiTime> implements TuiFocusableElementAccessor {
|
|
8
8
|
private readonly timeTexts$;
|
|
9
9
|
private readonly options;
|
|
10
10
|
private readonly textfield?;
|
|
11
11
|
disabledItemHandler: TuiBooleanHandler<TuiTime>;
|
|
12
12
|
items: ReadonlyArray<TuiTime>;
|
|
13
|
-
itemSize:
|
|
13
|
+
itemSize: TuiInputTimeOptions['itemSize'];
|
|
14
14
|
strict: boolean;
|
|
15
|
-
mode:
|
|
16
|
-
postfix:
|
|
15
|
+
mode: TuiInputTimeOptions['mode'];
|
|
16
|
+
postfix: TuiInputTimeOptions['postfix'];
|
|
17
17
|
open: boolean;
|
|
18
|
-
constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, timeTexts$: Observable<Record<TuiTimeMode, string>>, options:
|
|
18
|
+
constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, timeTexts$: Observable<Record<TuiTimeMode, string>>, options: TuiInputTimeOptions);
|
|
19
19
|
get nativeFocusableElement(): HTMLInputElement | null;
|
|
20
20
|
get focused(): boolean;
|
|
21
21
|
get filtered(): ReadonlyArray<TuiTime>;
|
|
@@ -23,7 +23,7 @@ export declare class TuiInputTimeComponent extends AbstractTuiNullableControl<Tu
|
|
|
23
23
|
get computedValue(): string;
|
|
24
24
|
get computedSearch(): string;
|
|
25
25
|
get innerPseudoFocused(): boolean | null;
|
|
26
|
-
get icon():
|
|
26
|
+
get icon(): TuiInputTimeOptions['icon'];
|
|
27
27
|
get nativeValue(): string;
|
|
28
28
|
set nativeValue(value: string);
|
|
29
29
|
getFiller$(mode: TuiTimeMode): Observable<string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"TuiInputTimeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiNullableControl","line":55,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":41,"character":1},"arguments":[{"selector":"tui-input-time","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":45,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":48,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiInputTimeComponent"}},{"__symbolic":"reference","module":"@taiga-ui/kit/providers","name":"FIXED_DROPDOWN_CONTROLLER_PROVIDER","line":51,"character":8}],"template":"<tui-hosted-dropdown\n class=\"wrapper\"\n [canOpen]=\"interactive && !!filtered.length\"\n [content]=\"dropdownContent\"\n [open]=\"interactive && open && !!filtered.length\"\n (openChange)=\"onOpen($event)\"\n (focusedChange)=\"onFocused($event)\"\n>\n <tui-primitive-textfield\n tuiValueAccessor\n tuiTextfieldInputMode=\"numeric\"\n class=\"textfield\"\n [filler]=\"getFiller$(mode) | async\"\n [nativeId]=\"nativeId\"\n [pseudoFocused]=\"innerPseudoFocused\"\n [pseudoHovered]=\"pseudoHovered\"\n [pseudoPressed]=\"pseudoPressed\"\n [invalid]=\"computedInvalid\"\n [focusable]=\"focusable\"\n [disabled]=\"disabled\"\n [readOnly]=\"readOnly\"\n [textMask]=\"textMaskOptions\"\n [iconContent]=\"icon\"\n [value]=\"computedValue\"\n [postfix]=\"postfix\"\n (valueChange)=\"onValueChange($event)\"\n (hoveredChange)=\"onHovered($event)\"\n (keydown.arrowUp)=\"onArrowUp($event)\"\n (keydown.arrowDown)=\"onArrowDown($event)\"\n >\n <ng-content></ng-content>\n </tui-primitive-textfield>\n</tui-hosted-dropdown>\n<ng-template #dropdownContent>\n <tui-data-list automation-id=\"tui-input-time__dropdown\">\n <button\n *ngFor=\"let item of filtered\"\n tuiOption\n automation-id=\"tui-input-time__item\"\n [size]=\"itemSize\"\n [disabled]=\"disabledItemHandler(item)\"\n (click)=\"onMenuClick(item)\"\n >\n {{ item }}\n </button>\n </tui-data-list>\n</ng-template>\n","styles":[":host{display:block;border-radius:var(--tui-radius-m);text-align:left}:host._disabled{pointer-events:none}.wrapper{display:block;border-radius:inherit}.textfield{border-radius:inherit;text-align:inherit}"]}]}],"members":{"textfield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":58,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveTextfieldComponent","line":58,"character":15}]}]}],"disabledItemHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":62,"character":5}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":66,"character":5}}]}],"itemSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":70,"character":5}}]}],"strict":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":74,"character":5}}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":78,"character":5}}]}],"postfix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":82,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":88,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":89,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":90,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":90,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":92,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":92,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":93,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_TIME_TEXTS","line":93,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":95,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_INPUT_TIME_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":91,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":92,"character":54},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":94,"character":48,"context":{"typeName":"Record"},"module":"./input-time.component"}]},{"__symbolic":"reference","name":"InputTimeOptions"}]}],"getFiller$":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":153,"character":5}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":158,"character":5},"arguments":["click"]}]}],"onValueChange":[{"__symbolic":"method"}],"onFocused":[{"__symbolic":"method"}],"onHovered":[{"__symbolic":"method"}],"onArrowUp":[{"__symbolic":"method"}],"onArrowDown":[{"__symbolic":"method"}],"onMenuClick":[{"__symbolic":"method"}],"onOpen":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"calculateMask":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":246,"character":5}]}],"filter":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":255,"character":5}]}],"findNearestTimeFromItems":[{"__symbolic":"method"}],"getMatch":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"processArrow":[{"__symbolic":"method"}],"calculateShift":[{"__symbolic":"method"}],"shiftTime":[{"__symbolic":"method"}],"focusInput":[{"__symbolic":"method"}]}},"TuiInputTimeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":8},{"__symbolic":"reference","module":"angular2-text-mask","name":"TextMaskModule","line":16,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListModule","line":17,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownModule","line":18,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveTextfieldModule","line":19,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/directives","name":"TuiValueAccessorModule","line":20,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTextfieldControllerModule","line":21,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiInputTimeComponent"}],"exports":[{"__symbolic":"reference","name":"TuiInputTimeComponent"}]}]}],"members":{}},"InputTimeOptions":{"__symbolic":"interface"},"INPUT_TIME_ICON":{"__symbolic":"error","message":"Lambda not supported","line":16,"character":31,"module":"./input-time-options"},"TUI_INPUT_TIME_DEFAULT_OPTIONS":{"icon":{"__symbolic":"reference","name":"INPUT_TIME_ICON"},"mode":"HH:MM","postfix":"","maxValues":{"__symbolic":"reference","module":"@taiga-ui/kit/constants","name":"MAX_TIME_VALUES","line":23,"character":15},"itemSize":"m"},"TUI_INPUT_TIME_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":27,"character":42},"arguments":["Default parameters for input time component",{"__symbolic":"error","message":"Lambda not supported","line":30,"character":17,"module":"./input-time-options"}]}},"origins":{"TuiInputTimeComponent":"./input-time.component","TuiInputTimeModule":"./input-time.module","InputTimeOptions":"./input-time-options","INPUT_TIME_ICON":"./input-time-options","TUI_INPUT_TIME_DEFAULT_OPTIONS":"./input-time-options","TUI_INPUT_TIME_OPTIONS":"./input-time-options"},"importAs":"@taiga-ui/kit/components/input-time"}
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"TuiInputTimeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiNullableControl","line":55,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":41,"character":1},"arguments":[{"selector":"tui-input-time","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":45,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":48,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiInputTimeComponent"}},{"__symbolic":"reference","module":"@taiga-ui/kit/providers","name":"FIXED_DROPDOWN_CONTROLLER_PROVIDER","line":51,"character":8}],"template":"<tui-hosted-dropdown\n class=\"wrapper\"\n [canOpen]=\"interactive && !!filtered.length\"\n [content]=\"dropdownContent\"\n [open]=\"interactive && open && !!filtered.length\"\n (openChange)=\"onOpen($event)\"\n (focusedChange)=\"onFocused($event)\"\n>\n <tui-primitive-textfield\n tuiValueAccessor\n tuiTextfieldInputMode=\"numeric\"\n class=\"textfield\"\n [filler]=\"getFiller$(mode) | async\"\n [nativeId]=\"nativeId\"\n [pseudoFocused]=\"innerPseudoFocused\"\n [pseudoHovered]=\"pseudoHovered\"\n [pseudoPressed]=\"pseudoPressed\"\n [invalid]=\"computedInvalid\"\n [focusable]=\"focusable\"\n [disabled]=\"disabled\"\n [readOnly]=\"readOnly\"\n [textMask]=\"textMaskOptions\"\n [iconContent]=\"icon\"\n [value]=\"computedValue\"\n [postfix]=\"postfix\"\n (valueChange)=\"onValueChange($event)\"\n (hoveredChange)=\"onHovered($event)\"\n (keydown.arrowUp)=\"onArrowUp($event)\"\n (keydown.arrowDown)=\"onArrowDown($event)\"\n >\n <ng-content></ng-content>\n </tui-primitive-textfield>\n</tui-hosted-dropdown>\n<ng-template #dropdownContent>\n <tui-data-list automation-id=\"tui-input-time__dropdown\">\n <button\n *ngFor=\"let item of filtered\"\n tuiOption\n automation-id=\"tui-input-time__item\"\n [size]=\"itemSize\"\n [disabled]=\"disabledItemHandler(item)\"\n (click)=\"onMenuClick(item)\"\n >\n {{ item }}\n </button>\n </tui-data-list>\n</ng-template>\n","styles":[":host{display:block;border-radius:var(--tui-radius-m);text-align:left}:host._disabled{pointer-events:none}.wrapper{display:block;border-radius:inherit}.textfield{border-radius:inherit;text-align:inherit}"]}]}],"members":{"textfield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":58,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveTextfieldComponent","line":58,"character":15}]}]}],"disabledItemHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":62,"character":5}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":66,"character":5}}]}],"itemSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":70,"character":5}}]}],"strict":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":74,"character":5}}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":78,"character":5}}]}],"postfix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":82,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":88,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":89,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":90,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":90,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":92,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":92,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":93,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_TIME_TEXTS","line":93,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":95,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_INPUT_TIME_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":91,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":92,"character":54},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":94,"character":48,"context":{"typeName":"Record"},"module":"./input-time.component"}]},{"__symbolic":"reference","name":"TuiInputTimeOptions"}]}],"getFiller$":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":153,"character":5}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":158,"character":5},"arguments":["click"]}]}],"onValueChange":[{"__symbolic":"method"}],"onFocused":[{"__symbolic":"method"}],"onHovered":[{"__symbolic":"method"}],"onArrowUp":[{"__symbolic":"method"}],"onArrowDown":[{"__symbolic":"method"}],"onMenuClick":[{"__symbolic":"method"}],"onOpen":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"calculateMask":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":246,"character":5}]}],"filter":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":255,"character":5}]}],"findNearestTimeFromItems":[{"__symbolic":"method"}],"getMatch":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"processArrow":[{"__symbolic":"method"}],"calculateShift":[{"__symbolic":"method"}],"shiftTime":[{"__symbolic":"method"}],"focusInput":[{"__symbolic":"method"}]}},"TuiInputTimeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":8},{"__symbolic":"reference","module":"angular2-text-mask","name":"TextMaskModule","line":16,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListModule","line":17,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownModule","line":18,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveTextfieldModule","line":19,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/directives","name":"TuiValueAccessorModule","line":20,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTextfieldControllerModule","line":21,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiInputTimeComponent"}],"exports":[{"__symbolic":"reference","name":"TuiInputTimeComponent"}]}]}],"members":{}},"TuiInputTimeOptions":{"__symbolic":"interface"},"InputTimeOptions":{"__symbolic":"interface"},"INPUT_TIME_ICON":{"__symbolic":"error","message":"Lambda not supported","line":22,"character":31,"module":"./input-time-options"},"TUI_INPUT_TIME_DEFAULT_OPTIONS":{"icon":{"__symbolic":"reference","name":"INPUT_TIME_ICON"},"mode":"HH:MM","postfix":"","maxValues":{"__symbolic":"reference","module":"@taiga-ui/kit/constants","name":"MAX_TIME_VALUES","line":29,"character":15},"itemSize":"m"},"TUI_INPUT_TIME_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":33,"character":42},"arguments":["Default parameters for input time component",{"__symbolic":"error","message":"Lambda not supported","line":36,"character":17,"module":"./input-time-options"}]},"tuiInputTimeOptionsProvider":{"__symbolic":"error","message":"Lambda not supported","line":42,"character":21,"module":"./input-time-options"}},"origins":{"TuiInputTimeComponent":"./input-time.component","TuiInputTimeModule":"./input-time.module","TuiInputTimeOptions":"./input-time-options","InputTimeOptions":"./input-time-options","INPUT_TIME_ICON":"./input-time-options","TUI_INPUT_TIME_DEFAULT_OPTIONS":"./input-time-options","TUI_INPUT_TIME_OPTIONS":"./input-time-options","tuiInputTimeOptionsProvider":"./input-time-options"},"importAs":"@taiga-ui/kit/components/input-time"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"TuiMarkerIconComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"tui-marker-icon","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":23,"character":21},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":24,"character":16},{"__symbolic":"reference","module":"@taiga-ui/core","name":"MODE_PROVIDER","line":24,"character":35}],"template":"<tui-svg class=\"icon\" [src]=\"src\"></tui-svg>\n","styles":[":host{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:100%;color:var(--tui-text-03);background-color:var(--tui-base-02);background-size:cover!important;transition-property:color,background-color}:host[data-
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"TuiMarkerIconComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"tui-marker-icon","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":23,"character":21},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":24,"character":16},{"__symbolic":"reference","module":"@taiga-ui/core","name":"MODE_PROVIDER","line":24,"character":35}],"template":"<tui-svg class=\"icon\" [src]=\"src\"></tui-svg>\n","styles":[":host{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:100%;color:var(--tui-text-03);background-color:var(--tui-base-02);background-size:cover!important;transition-property:color,background-color}:host[data-size=xs]{width:2rem;height:2rem}:host[data-size='s']{width:3rem;height:3rem}:host[data-size='m']{width:4rem;height:4rem}:host[data-size='l']{width:6rem;height:6rem}:host[data-size=xl]{width:8rem;height:8rem}:host[data-mode=primary]{color:var(--tui-primary-text);background-color:var(--tui-primary)}:host[data-mode=white]{color:var(--tui-text-03);background-color:var(--tui-base-01)}:host[data-mode=warning]{color:var(--tui-warning-fill);background-color:var(--tui-warning-bg)}:host[data-mode=secondary]{color:var(--tui-base-01);background-color:var(--tui-info-fill)}:host[data-mode=error]{color:var(--tui-error-fill);background-color:var(--tui-error-bg)}:host[data-mode=success]{color:var(--tui-success-fill);background-color:var(--tui-success-bg)}:host[data-mode=onDark]{color:var(--tui-base-01);background-color:var(--tui-clear-inverse)}:host[data-mode=link]{transition-property:color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;cursor:pointer;color:var(--tui-link);background-color:var(--tui-secondary)}:host[data-mode=link]:hover{color:var(--tui-link-hover);background-color:var(--tui-secondary-hover)}:host[data-mode=link]:active{color:var(--tui-link-hover);background-color:var(--tui-secondary-active)}.icon{width:3rem;height:3rem}:host[data-size=xs] .icon{transform:scale(.667)}:host[data-size='m'] .icon{transform:scale(1.333)}:host[data-size='l'] .icon{transform:scale(2)}:host[data-size=xl] .icon{transform:scale(2.667)}"]}]}],"members":{"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":30,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":34,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":35,"character":5}}]}],"src":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":39,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":43,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":43,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":44,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_MODE","line":44,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiBrightness","line":44,"character":44}]},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiBrightness","line":44,"character":44}]}]}],"computedMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":52,"character":5},"arguments":["attr.data-mode"]}]}]}},"TuiMarkerIconModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":14},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgModule","line":7,"character":28}],"declarations":[{"__symbolic":"reference","name":"TuiMarkerIconComponent"}],"exports":[{"__symbolic":"reference","name":"TuiMarkerIconComponent"}]}]}],"members":{}}},"origins":{"TuiMarkerIconComponent":"./marker-icon.component","TuiMarkerIconModule":"./marker-icon.module"},"importAs":"@taiga-ui/kit/components/marker-icon"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { InjectionToken, ValueProvider } from '@angular/core';
|
|
2
|
+
import { TuiContextWithImplicit } from '@taiga-ui/cdk';
|
|
3
|
+
import { PolymorpheusContent } from '@tinkoff/ng-polymorpheus';
|
|
4
|
+
export interface TuiMultiSelectOptions<T> {
|
|
5
|
+
readonly expandable: boolean;
|
|
6
|
+
readonly valueContent: PolymorpheusContent<TuiContextWithImplicit<ReadonlyArray<T>>>;
|
|
7
|
+
}
|
|
8
|
+
export declare const TUI_MULTI_SELECT_DEFAULT_OPTIONS: TuiMultiSelectOptions<unknown>;
|
|
9
|
+
export declare const TUI_MULTI_SELECT_OPTIONS: InjectionToken<TuiMultiSelectOptions<unknown>>;
|
|
10
|
+
export declare const tuiMultiSelectOptionsProvider: <T>(options: Partial<TuiMultiSelectOptions<T>>) => ValueProvider;
|
|
@@ -1,27 +1,31 @@
|
|
|
1
1
|
import { ChangeDetectorRef, EventEmitter } from '@angular/core';
|
|
2
2
|
import { NgControl } from '@angular/forms';
|
|
3
|
-
import { AbstractTuiMultipleControl, TuiBooleanHandler, TuiContextWithImplicit, TuiFocusableElementAccessor,
|
|
3
|
+
import { AbstractTuiMultipleControl, TuiBooleanHandler, TuiContextWithImplicit, TuiFocusableElementAccessor, TuiMapper, TuiStringHandler } from '@taiga-ui/cdk';
|
|
4
4
|
import { TuiDataListHost, TuiSvgService } from '@taiga-ui/core';
|
|
5
5
|
import { TuiStringifiableItem } from '@taiga-ui/kit/classes';
|
|
6
6
|
import { TuiArrowMode } from '@taiga-ui/kit/components/arrow';
|
|
7
7
|
import { TuiInputTagComponent } from '@taiga-ui/kit/components/input-tag';
|
|
8
|
+
import { TuiItemsHandlers } from '@taiga-ui/kit/tokens';
|
|
8
9
|
import { PolymorpheusContent } from '@tinkoff/ng-polymorpheus';
|
|
10
|
+
import { TuiMultiSelectOptions } from './multi-select-options';
|
|
9
11
|
export declare class TuiMultiSelectComponent<T> extends AbstractTuiMultipleControl<T> implements TuiFocusableElementAccessor, TuiDataListHost<T> {
|
|
10
12
|
private readonly arrowMode;
|
|
13
|
+
private readonly itemsHandlers;
|
|
14
|
+
private readonly options;
|
|
11
15
|
private readonly accessor?;
|
|
12
16
|
private readonly hostedDropdown?;
|
|
13
17
|
private readonly input?;
|
|
14
|
-
stringify:
|
|
15
|
-
identityMatcher:
|
|
16
|
-
expandable:
|
|
18
|
+
stringify: TuiItemsHandlers<T>['stringify'];
|
|
19
|
+
identityMatcher: TuiItemsHandlers<T>['identityMatcher'];
|
|
20
|
+
expandable: TuiMultiSelectOptions<T>['expandable'];
|
|
17
21
|
search: string | null;
|
|
18
22
|
editable: boolean;
|
|
19
|
-
disabledItemHandler:
|
|
20
|
-
valueContent:
|
|
23
|
+
disabledItemHandler: TuiItemsHandlers<T>['disabledItemHandler'];
|
|
24
|
+
valueContent: TuiMultiSelectOptions<T>['valueContent'];
|
|
21
25
|
readonly searchChange: EventEmitter<string | null>;
|
|
22
26
|
readonly datalist: PolymorpheusContent;
|
|
23
27
|
open: boolean;
|
|
24
|
-
constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, svgService: TuiSvgService, arrowMode: TuiArrowMode);
|
|
28
|
+
constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, svgService: TuiSvgService, arrowMode: TuiArrowMode, itemsHandlers: TuiItemsHandlers<T>, options: TuiMultiSelectOptions<T>);
|
|
25
29
|
get arrow(): PolymorpheusContent;
|
|
26
30
|
get nativeFocusableElement(): HTMLInputElement | null;
|
|
27
31
|
get focused(): boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"TuiHideSelectedPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":6,"character":1},"arguments":[{"name":"tuiHideSelected","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiMultiSelectComponent"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiMultiSelectComponent"}]}],"transform":[{"__symbolic":"method"},{"__symbolic":"method"}],"filter2d":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":30,"character":5}]}],"filter":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":39,"character":5}]}]}},"TuiMultiSelectComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiMultipleControl","line":69,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":51,"character":1},"arguments":[{"selector":"tui-multi-select","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":55,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":58,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiMultiSelectComponent"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":62,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiMultiSelectComponent"}},{"__symbolic":"reference","module":"@taiga-ui/kit/providers","name":"FIXED_DROPDOWN_CONTROLLER_PROVIDER","line":65,"character":8}],"template":"<tui-hosted-dropdown\n class=\"t-hosted\"\n [canOpen]=\"interactive\"\n [content]=\"datalist || ''\"\n [(open)]=\"open\"\n (tuiHoveredChange)=\"onHoveredChange($event)\"\n (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n <tui-input-tag\n #inputTag\n tuiHostedDropdownHost\n automation-id=\"tui-multi-select__input\"\n class=\"input\"\n [nativeId]=\"nativeId\"\n [icon]=\"tagIcon\"\n [disabled]=\"disabled\"\n [disabledItemHandler]=\"disabledItemHandler | tuiMapper: disabledItemHandlerWrapper\"\n [readOnly]=\"readOnly\"\n [inputHidden]=\"!editable\"\n [pseudoHovered]=\"computedHovered\"\n [pseudoFocused]=\"computedFocused\"\n [pseudoInvalid]=\"computedInvalid\"\n [editable]=\"false\"\n [expandable]=\"expandable\"\n [search]=\"searchOrSpace\"\n [ngModel]=\"computedValue | tuiMapper: valueMapper:stringify\"\n (ngModelChange)=\"onInput($event)\"\n (searchChange)=\"onSearch($event)\"\n (keydown.space)=\"onSpace($event)\"\n (keydown.enter)=\"onEnter($event)\"\n (click.prevent)=\"onClick(inputTag)\"\n >\n <ng-content></ng-content>\n </tui-input-tag>\n <div class=\"t-wrapper\" [class.t-wrapper_disabled]=\"disabled\">\n <div\n *ngIf=\"computedGroup\"\n polymorpheus-outlet\n class=\"t-group\"\n [class.t-group_fullsize]=\"inputTag.labelOutside\"\n [context]=\"context\"\n [content]=\"valueContent\"\n ></div>\n\n <div\n *ngIf=\"arrow\"\n polymorpheus-outlet\n automation-id=\"tui-multi-select__arrow\"\n tuiPreventDefault=\"mousedown\"\n class=\"t-arrow\"\n [content]=\"arrow\"\n (click.prevent)=\"onArrowClick()\"\n ></div>\n </div>\n</tui-hosted-dropdown>\n","styles":[":host{position:relative;display:block}:host._disabled{pointer-events:none}.t-hosted{display:block}:host:not(._editable):not(._readonly) .input{cursor:pointer}.t-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none;justify-content:flex-end}.t-wrapper_disabled{opacity:var(--tui-disabled-opacity)}.t-group{display:flex;flex:1;align-items:center;padding:1.6875rem 1rem .5625rem}.t-group_fullsize{padding-top:.0625rem;padding-bottom:0}:host[data-tui-host-size='m'] .t-group_fullsize.t-group_fullsize{padding-top:0}:host[data-tui-host-size='m'] .t-group{padding:1.1875rem .75rem 0;font-size:.8125rem}.t-arrow{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;transition-property:color,transform;width:1.5rem;height:auto;margin:1rem .75rem;pointer-events:auto;cursor:pointer}.t-arrow:hover{color:var(--tui-text-02)}:host._disabled .t-arrow,:host._readonly .t-arrow{pointer-events:none}:host[data-mode=onDark] .t-arrow{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-arrow:hover{color:var(--tui-text-01-night)}"]}]}],"members":{"accessor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":72,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_ACCESSOR","line":72,"character":18}]}]}],"hostedDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":75,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownComponent","line":75,"character":15}]}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":78,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/input-tag","name":"TuiInputTagComponent","line":78,"character":15}]}]}],"stringify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":82,"character":5}}]}],"identityMatcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":86,"character":5}}]}],"expandable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":90,"character":5}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":94,"character":5}}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":98,"character":5},"arguments":["class._editable"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":99,"character":5}}]}],"disabledItemHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":103,"character":5}}]}],"valueContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":107,"character":5}}]}],"searchChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":110,"character":5}}]}],"datalist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":113,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListDirective","line":113,"character":18},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":113,"character":47}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":119,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":120,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":121,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":121,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":123,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":123,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":124,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgService","line":124,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":125,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/arrow","name":"TUI_ARROW_MODE","line":125,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":122,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":123,"character":54},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgService","line":124,"character":43},{"__symbolic":"reference","module":"@taiga-ui/kit/components/arrow","name":"TuiArrowMode","line":126,"character":36}]}],"getStringifier":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":185,"character":5}]}],"onHoveredChange":[{"__symbolic":"method"}],"onSpace":[{"__symbolic":"method"}],"handleOption":[{"__symbolic":"method"}],"onEnter":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onArrowClick":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"onActiveZone":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"getContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":283,"character":5}]}],"updateSearch":[{"__symbolic":"method"}],"focusInput":[{"__symbolic":"method"}]}},"TuiMultiSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":26,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":28,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":29,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":30,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiPreventDefaultModule","line":31,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiActiveZoneModule","line":32,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/arrow","name":"TuiArrowModule","line":33,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiLetModule","line":34,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiMapperPipeModule","line":35,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiHoveredModule","line":36,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgModule","line":37,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownModule","line":38,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/input-tag","name":"TuiInputTagModule","line":39,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/multi-select-option","name":"TuiMultiSelectOptionModule","line":40,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveCheckboxModule","line":41,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListModule","line":42,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiMultiSelectComponent"},{"__symbolic":"reference","name":"TuiMultiSelectGroupComponent"},{"__symbolic":"reference","name":"TuiMultiSelectGroupDirective"},{"__symbolic":"reference","name":"TuiHideSelectedPipe"}],"exports":[{"__symbolic":"reference","name":"TuiMultiSelectComponent"},{"__symbolic":"reference","name":"TuiMultiSelectGroupComponent"},{"__symbolic":"reference","name":"TuiMultiSelectGroupDirective"},{"__symbolic":"reference","name":"TuiHideSelectedPipe"}]}]}],"members":{}},"TuiMultiSelectGroupComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"tui-opt-group[tuiMultiSelectGroup]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":36,"character":21},"member":"OnPush"},"viewProviders":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_OPTION_CONTENT","line":39,"character":21},"useValue":null}],"template":"<ng-container *tuiLet=\"value$ | async as value\">\n <button\n *ngIf=\"label && !(empty$ | async)\"\n tuiOption\n [size]=\"size\"\n [disabled]=\"disabled$ | async\"\n (click)=\"onClick(value)\"\n >\n <tui-primitive-checkbox\n class=\"tui-space_right-3\"\n [size]=\"checkboxSize\"\n [value]=\"value\"\n ></tui-primitive-checkbox>\n <span class=\"label\">{{ label }}</span>\n </button>\n</ng-container>\n<ng-content></ng-content>\n","styles":[":host{display:flex;flex-direction:column}:host:before{content:''}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-xs);flex:1;color:var(--tui-text-02)}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":45,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiOptionComponent","line":45,"character":21}]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":49,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":53,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":54,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":54,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"TuiDataListHost","module":"@taiga-ui/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":53,"character":75,"context":{"typeName":"T"},"module":"./multi-select-group/multi-select-group.component"}]},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":54,"character":53}]}],"empty$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":65,"character":5}]}],"disabled$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":70,"character":5}]}],"value$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":77,"character":5}]}],"onClick":[{"__symbolic":"method"}],"items$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":122,"character":5}]}],"valueChanges$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":129,"character":5}]}],"filter":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":136,"character":5}]}]}},"hostFallbackFactory":{"__symbolic":"function","parameters":["control","host"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"host"},"right":{"__symbolic":"error","message":"Lambda not supported","line":15,"character":26,"module":"./multi-select-group/multi-select-group.directive"}}},"TUI_MULTI_SELECT_OPTION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusComponent","line":33,"character":43},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/multi-select-option","name":"TuiMultiSelectOptionComponent","line":34,"character":4}]},"MULTI_SELECT_ACCESSOR":{"writeValue":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":39,"character":16},"registerOnChange":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":40,"character":22},"registerOnTouched":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":41,"character":23}},"TuiMultiSelectGroupDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":44,"character":1},"arguments":[{"selector":"[tuiMultiSelectGroup]","providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_OPTION_CONTENT","line":48,"character":21},"useValue":{"__symbolic":"reference","name":"TUI_MULTI_SELECT_OPTION"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":52,"character":21},"deps":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":54,"character":16},[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":55,"character":21}},{"__symbolic":"reference","name":"TuiMultiSelectComponent"}]],"useFactory":{"__symbolic":"reference","name":"hostFallbackFactory"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":60,"character":21},"multi":true,"useValue":{"__symbolic":"reference","name":"MULTI_SELECT_ACCESSOR"}}]}]}],"members":{}}},"origins":{"TuiHideSelectedPipe":"./hide-selected.pipe","TuiMultiSelectComponent":"./multi-select.component","TuiMultiSelectModule":"./multi-select.module","TuiMultiSelectGroupComponent":"./multi-select-group/multi-select-group.component","hostFallbackFactory":"./multi-select-group/multi-select-group.directive","TUI_MULTI_SELECT_OPTION":"./multi-select-group/multi-select-group.directive","MULTI_SELECT_ACCESSOR":"./multi-select-group/multi-select-group.directive","TuiMultiSelectGroupDirective":"./multi-select-group/multi-select-group.directive"},"importAs":"@taiga-ui/kit/components/multi-select"}
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"TuiHideSelectedPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":6,"character":1},"arguments":[{"name":"tuiHideSelected","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiMultiSelectComponent"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiMultiSelectComponent"}]}],"transform":[{"__symbolic":"method"},{"__symbolic":"method"}],"filter2d":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":30,"character":5}]}],"filter":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":39,"character":5}]}]}},"TuiMultiSelectComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiMultipleControl","line":68,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":50,"character":1},"arguments":[{"selector":"tui-multi-select","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":54,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":57,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiMultiSelectComponent"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":61,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiMultiSelectComponent"}},{"__symbolic":"reference","module":"@taiga-ui/kit/providers","name":"FIXED_DROPDOWN_CONTROLLER_PROVIDER","line":64,"character":8}],"template":"<tui-hosted-dropdown\n class=\"t-hosted\"\n [canOpen]=\"interactive\"\n [content]=\"datalist || ''\"\n [(open)]=\"open\"\n (tuiHoveredChange)=\"onHoveredChange($event)\"\n (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n <tui-input-tag\n #inputTag\n tuiHostedDropdownHost\n automation-id=\"tui-multi-select__input\"\n class=\"input\"\n [nativeId]=\"nativeId\"\n [icon]=\"tagIcon\"\n [disabled]=\"disabled\"\n [disabledItemHandler]=\"disabledItemHandler | tuiMapper: disabledItemHandlerWrapper\"\n [readOnly]=\"readOnly\"\n [inputHidden]=\"!editable\"\n [pseudoHovered]=\"computedHovered\"\n [pseudoFocused]=\"computedFocused\"\n [pseudoInvalid]=\"computedInvalid\"\n [editable]=\"false\"\n [expandable]=\"expandable\"\n [search]=\"searchOrSpace\"\n [ngModel]=\"computedValue | tuiMapper: valueMapper:stringify\"\n (ngModelChange)=\"onInput($event)\"\n (searchChange)=\"onSearch($event)\"\n (keydown.space)=\"onSpace($event)\"\n (keydown.enter)=\"onEnter($event)\"\n (click.prevent)=\"onClick(inputTag)\"\n >\n <ng-content></ng-content>\n </tui-input-tag>\n <div class=\"t-wrapper\" [class.t-wrapper_disabled]=\"disabled\">\n <div\n *ngIf=\"computedGroup\"\n polymorpheus-outlet\n class=\"t-group\"\n [class.t-group_fullsize]=\"inputTag.labelOutside\"\n [context]=\"context\"\n [content]=\"valueContent\"\n ></div>\n\n <div\n *ngIf=\"arrow\"\n polymorpheus-outlet\n automation-id=\"tui-multi-select__arrow\"\n tuiPreventDefault=\"mousedown\"\n class=\"t-arrow\"\n [content]=\"arrow\"\n (click.prevent)=\"onArrowClick()\"\n ></div>\n </div>\n</tui-hosted-dropdown>\n","styles":[":host{position:relative;display:block}:host._disabled{pointer-events:none}.t-hosted{display:block}:host:not(._editable):not(._readonly) .input{cursor:pointer}.t-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none;justify-content:flex-end}.t-wrapper_disabled{opacity:var(--tui-disabled-opacity)}.t-group{display:flex;flex:1;align-items:center;padding:1.6875rem 1rem .5625rem}.t-group_fullsize{padding-top:.0625rem;padding-bottom:0}:host[data-size='m'] .t-group_fullsize.t-group_fullsize{padding-top:0}:host[data-size='m'] .t-group{padding:1.1875rem .75rem 0;font-size:.8125rem}.t-arrow{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;transition-property:color,transform;width:1.5rem;height:auto;margin:1rem .75rem;pointer-events:auto;cursor:pointer}.t-arrow:hover{color:var(--tui-text-02)}:host._disabled .t-arrow,:host._readonly .t-arrow{pointer-events:none}:host[data-mode=onDark] .t-arrow{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-arrow:hover{color:var(--tui-text-01-night)}"]}]}],"members":{"accessor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":71,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_ACCESSOR","line":71,"character":18}]}]}],"hostedDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":74,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownComponent","line":74,"character":15}]}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":77,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/input-tag","name":"TuiInputTagComponent","line":77,"character":15}]}]}],"stringify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":81,"character":5}}]}],"identityMatcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":85,"character":5}}]}],"expandable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":90,"character":5}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":94,"character":5}}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":98,"character":5},"arguments":["class._editable"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":99,"character":5}}]}],"disabledItemHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":103,"character":5}}]}],"valueContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":108,"character":5}}]}],"searchChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":111,"character":5}}]}],"datalist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":114,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListDirective","line":114,"character":18},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":114,"character":47}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":120,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":121,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":122,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":122,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":124,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":124,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":125,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgService","line":125,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":126,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/arrow","name":"TUI_ARROW_MODE","line":126,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":128,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_ITEMS_HANDLERS","line":128,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":130,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_MULTI_SELECT_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":123,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":124,"character":54},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgService","line":125,"character":43},{"__symbolic":"reference","module":"@taiga-ui/kit/components/arrow","name":"TuiArrowMode","line":127,"character":36},{"__symbolic":"reference","name":"TuiItemsHandlers","module":"@taiga-ui/kit/tokens","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":129,"character":57,"context":{"typeName":"T"},"module":"./multi-select.component"}]},{"__symbolic":"reference","name":"TuiMultiSelectOptions"}]}],"getStringifier":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":190,"character":5}]}],"onHoveredChange":[{"__symbolic":"method"}],"onSpace":[{"__symbolic":"method"}],"handleOption":[{"__symbolic":"method"}],"onEnter":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onArrowClick":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"onActiveZone":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"getContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":288,"character":5}]}],"updateSearch":[{"__symbolic":"method"}],"focusInput":[{"__symbolic":"method"}]}},"TuiMultiSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":26,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":28,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":29,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":30,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiPreventDefaultModule","line":31,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiActiveZoneModule","line":32,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/arrow","name":"TuiArrowModule","line":33,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiLetModule","line":34,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiMapperPipeModule","line":35,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiHoveredModule","line":36,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgModule","line":37,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownModule","line":38,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/input-tag","name":"TuiInputTagModule","line":39,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/multi-select-option","name":"TuiMultiSelectOptionModule","line":40,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveCheckboxModule","line":41,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListModule","line":42,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiMultiSelectComponent"},{"__symbolic":"reference","name":"TuiMultiSelectGroupComponent"},{"__symbolic":"reference","name":"TuiMultiSelectGroupDirective"},{"__symbolic":"reference","name":"TuiHideSelectedPipe"}],"exports":[{"__symbolic":"reference","name":"TuiMultiSelectComponent"},{"__symbolic":"reference","name":"TuiMultiSelectGroupComponent"},{"__symbolic":"reference","name":"TuiMultiSelectGroupDirective"},{"__symbolic":"reference","name":"TuiHideSelectedPipe"}]}]}],"members":{}},"TuiMultiSelectGroupComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"tui-opt-group[tuiMultiSelectGroup]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":36,"character":21},"member":"OnPush"},"viewProviders":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_OPTION_CONTENT","line":39,"character":21},"useValue":null}],"template":"<ng-container *tuiLet=\"value$ | async as value\">\n <button\n *ngIf=\"label && !(empty$ | async)\"\n tuiOption\n [size]=\"size\"\n [disabled]=\"disabled$ | async\"\n (click)=\"onClick(value)\"\n >\n <tui-primitive-checkbox\n class=\"tui-space_right-3\"\n [size]=\"checkboxSize\"\n [value]=\"value\"\n ></tui-primitive-checkbox>\n <span class=\"label\">{{ label }}</span>\n </button>\n</ng-container>\n<ng-content></ng-content>\n","styles":[":host{display:flex;flex-direction:column}:host:before{content:''}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-xs);flex:1;color:var(--tui-text-02)}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":45,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiOptionComponent","line":45,"character":21}]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":49,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":53,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":54,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":54,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"TuiDataListHost","module":"@taiga-ui/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":53,"character":75,"context":{"typeName":"T"},"module":"./multi-select-group/multi-select-group.component"}]},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":54,"character":53}]}],"empty$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":65,"character":5}]}],"disabled$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":70,"character":5}]}],"value$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":77,"character":5}]}],"onClick":[{"__symbolic":"method"}],"items$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":122,"character":5}]}],"valueChanges$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":129,"character":5}]}],"filter":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":136,"character":5}]}]}},"hostFallbackFactory":{"__symbolic":"function","parameters":["control","host"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"host"},"right":{"__symbolic":"error","message":"Lambda not supported","line":15,"character":26,"module":"./multi-select-group/multi-select-group.directive"}}},"TUI_MULTI_SELECT_OPTION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusComponent","line":33,"character":43},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/multi-select-option","name":"TuiMultiSelectOptionComponent","line":34,"character":4}]},"MULTI_SELECT_ACCESSOR":{"writeValue":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":39,"character":16},"registerOnChange":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":40,"character":22},"registerOnTouched":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":41,"character":23}},"TuiMultiSelectGroupDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":44,"character":1},"arguments":[{"selector":"[tuiMultiSelectGroup]","providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_OPTION_CONTENT","line":48,"character":21},"useValue":{"__symbolic":"reference","name":"TUI_MULTI_SELECT_OPTION"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":52,"character":21},"deps":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":54,"character":16},[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":55,"character":21}},{"__symbolic":"reference","name":"TuiMultiSelectComponent"}]],"useFactory":{"__symbolic":"reference","name":"hostFallbackFactory"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":60,"character":21},"multi":true,"useValue":{"__symbolic":"reference","name":"MULTI_SELECT_ACCESSOR"}}]}]}],"members":{}},"TuiMultiSelectOptions":{"__symbolic":"interface"},"TUI_MULTI_SELECT_DEFAULT_OPTIONS":{"expandable":true,"valueContent":""},"TUI_MULTI_SELECT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":14,"character":44},"arguments":["Default parameters for multi select component",{"__symbolic":"error","message":"Lambda not supported","line":17,"character":13,"module":"./multi-select-options"}]},"tuiMultiSelectOptionsProvider":{"__symbolic":"error","message":"Lambda not supported","line":22,"character":21,"module":"./multi-select-options"}},"origins":{"TuiHideSelectedPipe":"./hide-selected.pipe","TuiMultiSelectComponent":"./multi-select.component","TuiMultiSelectModule":"./multi-select.module","TuiMultiSelectGroupComponent":"./multi-select-group/multi-select-group.component","hostFallbackFactory":"./multi-select-group/multi-select-group.directive","TUI_MULTI_SELECT_OPTION":"./multi-select-group/multi-select-group.directive","MULTI_SELECT_ACCESSOR":"./multi-select-group/multi-select-group.directive","TuiMultiSelectGroupDirective":"./multi-select-group/multi-select-group.directive","TuiMultiSelectOptions":"./multi-select-options","TUI_MULTI_SELECT_DEFAULT_OPTIONS":"./multi-select-options","TUI_MULTI_SELECT_OPTIONS":"./multi-select-options","tuiMultiSelectOptionsProvider":"./multi-select-options"},"importAs":"@taiga-ui/kit/components/multi-select"}
|
|
@@ -1,12 +1,18 @@
|
|
|
1
|
-
import { InjectionToken } from '@angular/core';
|
|
1
|
+
import { InjectionToken, ValueProvider } from '@angular/core';
|
|
2
2
|
import { TuiSizeL } from '@taiga-ui/core/types';
|
|
3
|
-
export interface
|
|
3
|
+
export interface TuiRadioOptions {
|
|
4
4
|
readonly size: TuiSizeL;
|
|
5
5
|
readonly appearances: Readonly<{
|
|
6
6
|
unchecked: string;
|
|
7
7
|
checked: string;
|
|
8
8
|
}>;
|
|
9
9
|
}
|
|
10
|
+
/**
|
|
11
|
+
* @deprecated: use TuiRadioOptions instead
|
|
12
|
+
* todo: remove in 3.0
|
|
13
|
+
*/
|
|
14
|
+
export declare type RadioOptions = TuiRadioOptions;
|
|
10
15
|
/** Default values for the checkbox options. */
|
|
11
|
-
export declare const TUI_RADIO_DEFAULT_OPTIONS:
|
|
12
|
-
export declare const TUI_RADIO_OPTIONS: InjectionToken<
|
|
16
|
+
export declare const TUI_RADIO_DEFAULT_OPTIONS: TuiRadioOptions;
|
|
17
|
+
export declare const TUI_RADIO_OPTIONS: InjectionToken<TuiRadioOptions>;
|
|
18
|
+
export declare const tuiRadioOptionsProvider: (options: Partial<TuiRadioOptions>) => ValueProvider;
|
|
@@ -4,7 +4,7 @@ import { NgControl } from '@angular/forms';
|
|
|
4
4
|
import { AbstractTuiNullableControl, TuiFocusableElementAccessor, TuiIdentityMatcher, TuiNativeFocusableElement } from '@taiga-ui/cdk';
|
|
5
5
|
import { TuiSizeL } from '@taiga-ui/core';
|
|
6
6
|
import { TuiRadioGroupComponent } from '@taiga-ui/kit/components/radio-group';
|
|
7
|
-
import {
|
|
7
|
+
import { TuiRadioOptions } from './radio-options';
|
|
8
8
|
export declare class TuiRadioComponent<T> extends AbstractTuiNullableControl<T> implements TuiFocusableElementAccessor {
|
|
9
9
|
private readonly animationOptions;
|
|
10
10
|
private readonly options;
|
|
@@ -22,7 +22,7 @@ export declare class TuiRadioComponent<T> extends AbstractTuiNullableControl<T>
|
|
|
22
22
|
} | undefined;
|
|
23
23
|
readonly value: "";
|
|
24
24
|
};
|
|
25
|
-
constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, animationOptions: AnimationOptions, options:
|
|
25
|
+
constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, animationOptions: AnimationOptions, options: TuiRadioOptions, radioGroup: TuiRadioGroupComponent | null);
|
|
26
26
|
get appearance(): string;
|
|
27
27
|
get computedDisabled(): boolean;
|
|
28
28
|
get nativeFocusableElement(): TuiNativeFocusableElement | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"TuiRadioComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiNullableControl","line":45,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"tui-radio","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":35,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":38,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiRadioComponent"}}],"animations":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"tuiScaleIn","line":42,"character":17}],"template":"<tui-wrapper\n [appearance]=\"appearance\"\n [disabled]=\"computedDisabled\"\n [focused]=\"computedFocusVisible\"\n [hovered]=\"computedHovered\"\n [pressed]=\"computedPressed\"\n [invalid]=\"computedInvalid\"\n>\n <div *ngIf=\"checked\" class=\"mark\" [@tuiScaleIn]=\"animation\"></div>\n</tui-wrapper>\n<input\n #focusableElement\n type=\"radio\"\n class=\"native\"\n [id]=\"id\"\n [attr.name]=\"computedName\"\n [disabled]=\"computedDisabled\"\n [tuiChecked]=\"checked\"\n [tuiFocusable]=\"isFocusable\"\n (tuiFocusedChange)=\"onFocused($event)\"\n (tuiHoveredChange)=\"onHovered($event)\"\n (tuiPressedChange)=\"onPressed($event)\"\n (tuiCheckedChange)=\"onChecked($event)\"\n (tuiFocusVisibleChange)=\"onFocusVisible($event)\"\n/>\n","styles":[":host{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0;border-radius:100%}:host[data-
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"TuiRadioComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiNullableControl","line":45,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"tui-radio","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":35,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":38,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiRadioComponent"}}],"animations":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"tuiScaleIn","line":42,"character":17}],"template":"<tui-wrapper\n [appearance]=\"appearance\"\n [disabled]=\"computedDisabled\"\n [focused]=\"computedFocusVisible\"\n [hovered]=\"computedHovered\"\n [pressed]=\"computedPressed\"\n [invalid]=\"computedInvalid\"\n>\n <div *ngIf=\"checked\" class=\"mark\" [@tuiScaleIn]=\"animation\"></div>\n</tui-wrapper>\n<input\n #focusableElement\n type=\"radio\"\n class=\"native\"\n [id]=\"id\"\n [attr.name]=\"computedName\"\n [disabled]=\"computedDisabled\"\n [tuiChecked]=\"checked\"\n [tuiFocusable]=\"isFocusable\"\n (tuiFocusedChange)=\"onFocused($event)\"\n (tuiHoveredChange)=\"onHovered($event)\"\n (tuiPressedChange)=\"onPressed($event)\"\n (tuiCheckedChange)=\"onChecked($event)\"\n (tuiFocusVisibleChange)=\"onFocusVisible($event)\"\n/>\n","styles":[":host{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;flex-shrink:0;border-radius:100%}:host[data-size='m']{width:1rem;height:1rem}:host[data-size='l']{width:1.5rem;height:1.5rem}:host._readonly{pointer-events:none}.mark{position:absolute;background-color:currentColor;border-radius:100%}:host[data-size='m'] .mark{margin:.25rem;width:.5rem;height:.5rem}:host[data-size='l'] .mark{margin:.4375rem;width:.625rem;height:.625rem}.native{padding:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.native:-webkit-autofill,.native:-webkit-autofill:focus,.native:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}:host._disabled .native{cursor:default}"]}]}],"members":{"focusableElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":48,"character":5},"arguments":["focusableElement"]}]}],"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":5}}]}],"identityMatcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":55,"character":5}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":59,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":64,"character":5}}]}],"pseudoDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":68,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":74,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":75,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":76,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":76,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":78,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":78,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":79,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_ANIMATION_OPTIONS","line":79,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":81,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_RADIO_OPTIONS"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":83,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":84,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/radio-group","name":"TuiRadioGroupComponent","line":84,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":77,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":78,"character":54},{"__symbolic":"reference","module":"@angular/animations","name":"AnimationOptions","line":80,"character":43},{"__symbolic":"reference","name":"TuiRadioOptions"},{"__symbolic":"reference","module":"@taiga-ui/kit/components/radio-group","name":"TuiRadioGroupComponent","line":85,"character":37}]}],"computedDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":96,"character":5},"arguments":["class._disabled"]}]}],"onChecked":[{"__symbolic":"method"}],"onFocused":[{"__symbolic":"method"}],"onHovered":[{"__symbolic":"method"}],"onPressed":[{"__symbolic":"method"}],"onFocusVisible":[{"__symbolic":"method"}]}},"TuiRadioModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiCheckedModule","line":17,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiFocusableModule","line":18,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiFocusedModule","line":19,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiHoveredModule","line":20,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiPressedModule","line":21,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiFocusVisibleModule","line":22,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiWrapperModule","line":23,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiRadioComponent"}],"exports":[{"__symbolic":"reference","name":"TuiRadioComponent"}]}]}],"members":{}},"TuiRadioOptions":{"__symbolic":"interface"},"RadioOptions":{"__symbolic":"interface"},"TUI_RADIO_DEFAULT_OPTIONS":{"size":"m","appearances":{"unchecked":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core/enums","name":"TuiAppearance","line":22,"character":19},"member":"Outline"},"checked":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core/enums","name":"TuiAppearance","line":23,"character":17},"member":"Primary"}}},"TUI_RADIO_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":27,"character":37},"arguments":["Default parameters for radio component",{"__symbolic":"error","message":"Lambda not supported","line":30,"character":17,"module":"./radio-options"}]},"tuiRadioOptionsProvider":{"__symbolic":"error","message":"Lambda not supported","line":36,"character":21,"module":"./radio-options"}},"origins":{"TuiRadioComponent":"./radio.component","TuiRadioModule":"./radio.module","TuiRadioOptions":"./radio-options","RadioOptions":"./radio-options","TUI_RADIO_DEFAULT_OPTIONS":"./radio-options","TUI_RADIO_OPTIONS":"./radio-options","tuiRadioOptionsProvider":"./radio-options"},"importAs":"@taiga-ui/kit/components/radio"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"TuiRadioBlockComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiNullableControl","line":44,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"tui-radio-block","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":35,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":38,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiRadioBlockComponent"}}],"template":"<label\n class=\"wrapper\"\n (tuiHoveredChange)=\"onHovered($event)\"\n (tuiPressedChange)=\"onPressed($event)\"\n>\n <tui-wrapper\n [appearance]=\"appearance\"\n [disabled]=\"computedDisabled\"\n [focused]=\"computedFocusVisible\"\n [hovered]=\"computedHovered\"\n [pressed]=\"computedPressed\"\n [invalid]=\"computedInvalid\"\n >\n <div class=\"content-wrapper\">\n <div class=\"content\">\n <tui-radio\n class=\"view\"\n [focusable]=\"focusable\"\n [identityMatcher]=\"identityMatcher\"\n [item]=\"item\"\n [name]=\"computedName\"\n [nativeId]=\"nativeId\"\n [readOnly]=\"readOnly\"\n [pseudoDisabled]=\"computedDisabled\"\n [pseudoInvalid]=\"computedInvalid\"\n [pseudoFocused]=\"false\"\n [pseudoHovered]=\"computedHovered\"\n [pseudoPressed]=\"computedPressed\"\n [size]=\"checkboxSize\"\n [ngModel]=\"value\"\n (ngModelChange)=\"onModelChange($event)\"\n (focusedChange)=\"onFocused($event)\"\n (focusVisibleChange)=\"onFocusVisible($event)\"\n ></tui-radio>\n <div class=\"label\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n </tui-wrapper>\n</label>\n","styles":[":host{font:var(--tui-font-text-s);color:var(--tui-text-01);display:inline-block;vertical-align:top;border-radius:var(--tui-radius-m)}:host[data-tui-host-size='l'],:host[data-tui-host-size='m']{font:var(--tui-font-text-m)}:host._readonly{pointer-events:none}.wrapper{position:relative;border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host._disabled .wrapper{cursor:default}.content-wrapper{display:flex;flex-direction:column}:host[data-tui-host-size='s'] .content-wrapper{min-height:var(--tui-height-s)}:host[data-tui-host-size='m'] .content-wrapper{min-height:var(--tui-height-m)}:host[data-tui-host-size='l'] .content-wrapper{min-height:var(--tui-height-l)}.content{display:flex;align-items:center;min-height:inherit}:host[data-tui-host-align=right] .content{flex-direction:row-reverse}:host[data-tui-host-size='s'] .content{padding:0 1rem 0 .5rem}:host[data-tui-host-size='s'][data-tui-host-align=right] .content{padding:0 .5rem 0 1rem}:host[data-tui-host-size='s']._hidden_radio .content{padding:0 1rem}:host[data-tui-host-size='m'] .content{padding:0 1rem 0 .75rem}:host[data-tui-host-size='m'][data-tui-host-align=right] .content{padding:0 .75rem 0 1rem}:host[data-tui-host-size='m']._hidden_radio .content{padding:0 1.5rem}:host[data-tui-host-size='l'] .content{padding:0 1rem}:host[data-tui-host-size='l']._hidden_radio .content{padding:0 2.25rem}.view{margin-top:.75rem;margin-right:.75rem;align-self:flex-start}:host[data-tui-host-align=right] .view{margin-left:.75rem;margin-right:0}:host[data-tui-host-size='s'] .view{margin-top:.5rem;margin-right:.5rem}:host[data-tui-host-size='s'][data-tui-host-align=right] .view{margin-left:.5rem}:host[data-tui-host-size='m'] .view{margin-top:.875rem}:host[data-tui-host-size='l'] .view{margin-top:1rem}:host[data-tui-host-size='l'][data-tui-host-align=right] .view{margin-left:1rem;margin-right:0}:host._hidden_radio .view{position:absolute;height:1px;width:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(0);clip-path:inset(0)}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}:host._hidden_radio .label{text-align:center}"]}]}],"members":{"radio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/radio","name":"TuiRadioComponent","line":47,"character":15}]}]}],"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}}]}],"identityMatcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":54,"character":5}}]}],"contentAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":58,"character":5},"arguments":["attr.data-tui-host-align"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":59,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":5},"arguments":["attr.data-tui-host-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":64,"character":5}}]}],"hideRadio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":68,"character":5},"arguments":["class._hidden_radio"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":69,"character":5}}]}],"pseudoDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":73,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":77,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":78,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":79,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":79,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":81,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":81,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":82,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":83,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeDirective","line":83,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":80,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":81,"character":54},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeDirective","line":84,"character":40}]}],"computedDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":97,"character":5},"arguments":["class._disabled"]}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":102,"character":5},"arguments":["class._active"]}]}],"onFocused":[{"__symbolic":"method"}],"onHovered":[{"__symbolic":"method"}],"onPressed":[{"__symbolic":"method"}],"onFocusVisible":[{"__symbolic":"method"}],"onModelChange":[{"__symbolic":"method"}]}},"TuiRadioBlockModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":10,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiHoveredModule","line":11,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiPressedModule","line":12,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/radio","name":"TuiRadioModule","line":13,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiWrapperModule","line":14,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiRadioBlockComponent"}],"exports":[{"__symbolic":"reference","name":"TuiRadioBlockComponent"}]}]}],"members":{}}},"origins":{"TuiRadioBlockComponent":"./radio-block.component","TuiRadioBlockModule":"./radio-block.module"},"importAs":"@taiga-ui/kit/components/radio-block"}
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"TuiRadioBlockComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiNullableControl","line":44,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"tui-radio-block","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":35,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":38,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiRadioBlockComponent"}}],"template":"<label\n class=\"wrapper\"\n (tuiHoveredChange)=\"onHovered($event)\"\n (tuiPressedChange)=\"onPressed($event)\"\n>\n <tui-wrapper\n [appearance]=\"appearance\"\n [disabled]=\"computedDisabled\"\n [focused]=\"computedFocusVisible\"\n [hovered]=\"computedHovered\"\n [pressed]=\"computedPressed\"\n [invalid]=\"computedInvalid\"\n >\n <div class=\"content-wrapper\">\n <div class=\"content\">\n <tui-radio\n class=\"view\"\n [focusable]=\"focusable\"\n [identityMatcher]=\"identityMatcher\"\n [item]=\"item\"\n [name]=\"computedName\"\n [nativeId]=\"nativeId\"\n [readOnly]=\"readOnly\"\n [pseudoDisabled]=\"computedDisabled\"\n [pseudoInvalid]=\"computedInvalid\"\n [pseudoFocused]=\"false\"\n [pseudoHovered]=\"computedHovered\"\n [pseudoPressed]=\"computedPressed\"\n [size]=\"checkboxSize\"\n [ngModel]=\"value\"\n (ngModelChange)=\"onModelChange($event)\"\n (focusedChange)=\"onFocused($event)\"\n (focusVisibleChange)=\"onFocusVisible($event)\"\n ></tui-radio>\n <div class=\"label\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n </tui-wrapper>\n</label>\n","styles":[":host{font:var(--tui-font-text-s);color:var(--tui-text-01);display:inline-block;vertical-align:top;border-radius:var(--tui-radius-m)}:host[data-size='l'],:host[data-size='m']{font:var(--tui-font-text-m)}:host._readonly{pointer-events:none}.wrapper{position:relative;border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host._disabled .wrapper{cursor:default}.content-wrapper{display:flex;flex-direction:column}:host[data-size='s'] .content-wrapper{min-height:var(--tui-height-s)}:host[data-size='m'] .content-wrapper{min-height:var(--tui-height-m)}:host[data-size='l'] .content-wrapper{min-height:var(--tui-height-l)}.content{display:flex;align-items:center;min-height:inherit}:host[data-tui-host-align=right] .content{flex-direction:row-reverse}:host[data-size='s'] .content{padding:0 1rem 0 .5rem}:host[data-size='s'][data-tui-host-align=right] .content{padding:0 .5rem 0 1rem}:host[data-size='s']._hidden_radio .content{padding:0 1rem}:host[data-size='m'] .content{padding:0 1rem 0 .75rem}:host[data-size='m'][data-tui-host-align=right] .content{padding:0 .75rem 0 1rem}:host[data-size='m']._hidden_radio .content{padding:0 1.5rem}:host[data-size='l'] .content{padding:0 1rem}:host[data-size='l']._hidden_radio .content{padding:0 2.25rem}.view{margin-top:.75rem;margin-right:.75rem;align-self:flex-start}:host[data-tui-host-align=right] .view{margin-left:.75rem;margin-right:0}:host[data-size='s'] .view{margin-top:.5rem;margin-right:.5rem}:host[data-size='s'][data-tui-host-align=right] .view{margin-left:.5rem}:host[data-size='m'] .view{margin-top:.875rem}:host[data-size='l'] .view{margin-top:1rem}:host[data-size='l'][data-tui-host-align=right] .view{margin-left:1rem;margin-right:0}:host._hidden_radio .view{position:absolute;height:1px;width:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(0);clip-path:inset(0)}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}:host._hidden_radio .label{text-align:center}"]}]}],"members":{"radio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/radio","name":"TuiRadioComponent","line":47,"character":15}]}]}],"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}}]}],"identityMatcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":54,"character":5}}]}],"contentAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":58,"character":5},"arguments":["attr.data-tui-host-align"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":59,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":64,"character":5}}]}],"hideRadio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":68,"character":5},"arguments":["class._hidden_radio"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":69,"character":5}}]}],"pseudoDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":73,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":77,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":78,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":79,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":79,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":81,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":81,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":82,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":83,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeDirective","line":83,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":80,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":81,"character":54},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeDirective","line":84,"character":40}]}],"computedDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":97,"character":5},"arguments":["class._disabled"]}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":102,"character":5},"arguments":["class._active"]}]}],"onFocused":[{"__symbolic":"method"}],"onHovered":[{"__symbolic":"method"}],"onPressed":[{"__symbolic":"method"}],"onFocusVisible":[{"__symbolic":"method"}],"onModelChange":[{"__symbolic":"method"}]}},"TuiRadioBlockModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":10,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiHoveredModule","line":11,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiPressedModule","line":12,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/radio","name":"TuiRadioModule","line":13,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiWrapperModule","line":14,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiRadioBlockComponent"}],"exports":[{"__symbolic":"reference","name":"TuiRadioBlockComponent"}]}]}],"members":{}}},"origins":{"TuiRadioBlockComponent":"./radio-block.component","TuiRadioBlockModule":"./radio-block.module"},"importAs":"@taiga-ui/kit/components/radio-block"}
|