@taiga-ui/kit 4.52.0-canary.932d3ef → 4.52.0-canary.9471234
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/README.md +1 -1
- package/components/accordion/accordion.component.d.ts +13 -0
- package/components/accordion/accordion.d.ts +4 -4
- package/components/accordion/accordion.directive.d.ts +11 -10
- package/components/accordion/index.d.ts +1 -3
- package/components/action-bar/action-bar.component.d.ts +5 -7
- package/components/action-bar/index.d.ts +0 -2
- package/components/avatar/avatar-labeled.component.d.ts +3 -3
- package/components/avatar/avatar-outline.directive.d.ts +3 -3
- package/components/avatar/avatar-stack.component.d.ts +2 -2
- package/components/avatar/avatar.directive.d.ts +4 -3
- package/components/badge/badge.directive.d.ts +2 -2
- package/components/badge/badge.options.d.ts +1 -3
- package/components/badge-notification/badge-notification.component.d.ts +2 -3
- package/components/badge-notification/badge-notification.options.d.ts +1 -3
- package/components/badged-content/badged-content.directive.d.ts +2 -3
- package/components/block/block.directive.d.ts +4 -4
- package/components/block/block.options.d.ts +2 -4
- package/components/breadcrumbs/breadcrumbs.component.d.ts +6 -7
- package/components/breadcrumbs/breadcrumbs.options.d.ts +1 -3
- package/components/button-loading/button-loading.component.d.ts +5 -5
- package/components/calendar-month/calendar-month.component.d.ts +6 -6
- package/components/calendar-range/calendar-range.component.d.ts +2 -5
- package/components/calendar-range/day-range-period.d.ts +2 -1
- package/components/carousel/carousel-autoscroll.directive.d.ts +1 -2
- package/components/carousel/carousel-scroll.directive.d.ts +1 -1
- package/components/carousel/carousel.component.d.ts +15 -18
- package/components/carousel/carousel.directive.d.ts +5 -4
- package/components/checkbox/checkbox.component.d.ts +7 -18
- package/components/checkbox/checkbox.options.d.ts +5 -9
- package/components/chip/chip.directive.d.ts +2 -4
- package/components/chip/chip.options.d.ts +1 -3
- package/components/combo-box/combo-box.d.ts +5 -0
- package/components/combo-box/combo-box.directive.d.ts +7 -9
- package/components/combo-box/index.d.ts +1 -0
- package/components/comment/comment.directive.d.ts +2 -2
- package/components/compass/compass.component.d.ts +2 -2
- package/components/confirm/confirm.component.d.ts +5 -3
- package/components/confirm/confirm.service.d.ts +3 -2
- package/{directives → components}/copy/copy.component.d.ts +4 -5
- package/{directives → components}/copy/copy.directive.d.ts +4 -6
- package/{directives → components}/copy/copy.options.d.ts +1 -1
- package/components/data-list-wrapper/data-list-group-wrapper.component.d.ts +4 -2
- package/components/data-list-wrapper/data-list-wrapper.component.d.ts +14 -22
- package/components/data-list-wrapper/{data-list-wrapper.module.d.ts → data-list-wrapper.d.ts} +1 -2
- package/components/data-list-wrapper/index.d.ts +1 -1
- package/components/drawer/drawer.component.d.ts +3 -4
- package/components/files/file/file.component.d.ts +16 -29
- package/components/files/file/file.options.d.ts +1 -1
- package/components/files/files/files.component.d.ts +7 -10
- package/components/files/input-files/input-files.component.d.ts +2 -2
- package/components/files/input-files/input-files.content.d.ts +7 -8
- package/components/files/input-files/input-files.directive.d.ts +2 -2
- package/components/files/input-files/input-files.options.d.ts +1 -3
- package/components/filter/filter.component.d.ts +9 -12
- package/components/fullscreen/fullscreen.component.d.ts +11 -0
- package/components/fullscreen/index.d.ts +1 -0
- package/components/index.d.ts +3 -5
- package/components/input-chip/input-chip.component.d.ts +9 -8
- package/components/input-chip/input-chip.d.ts +5 -1
- package/components/input-chip/input-chip.directive.d.ts +7 -12
- package/components/input-color/index.d.ts +1 -0
- package/components/input-color/input-color.component.d.ts +10 -14
- package/components/input-color/input-color.d.ts +5 -0
- package/components/input-date/input-date.component.d.ts +2 -2
- package/components/input-date/input-date.d.ts +4 -1
- package/components/input-date/input-date.directive.d.ts +21 -22
- package/components/input-date/input-date.options.d.ts +3 -3
- package/components/input-date-multi/input-date-multi.d.ts +1 -2
- package/components/input-date-multi/input-date-multi.directive.d.ts +10 -14
- package/components/input-date-range/input-date-range.d.ts +4 -1
- package/components/input-date-range/input-date-range.directive.d.ts +9 -10
- package/components/input-date-range/input-date-range.options.d.ts +2 -2
- package/components/input-date-time/input-date-time.d.ts +4 -1
- package/components/input-date-time/input-date-time.directive.d.ts +14 -14
- package/components/input-date-time/input-date-time.options.d.ts +2 -2
- package/components/input-inline/input-inline.component.d.ts +3 -2
- package/components/input-month/input-month.component.d.ts +3 -5
- package/components/input-month/input-month.d.ts +4 -1
- package/components/input-month/input-month.directive.d.ts +6 -5
- package/components/input-month-range/input-month-range.d.ts +4 -1
- package/components/input-month-range/input-month-range.directive.d.ts +6 -5
- package/components/input-number/index.d.ts +3 -0
- package/components/input-number/input-number.d.ts +7 -2
- package/components/input-number/input-number.directive.d.ts +11 -28
- package/components/input-number/input-number.options.d.ts +4 -7
- package/components/input-number/number-mask.directive.d.ts +42 -0
- package/components/input-number/quantum.directive.d.ts +10 -8
- package/components/input-number/step/input-number-step.component.d.ts +11 -10
- package/components/input-number/transformers/bigint.value-transformer.d.ts +11 -0
- package/components/input-number/transformers/number.value-transformer.d.ts +11 -0
- package/components/input-phone/index.d.ts +1 -0
- package/components/input-phone/input-phone.d.ts +5 -0
- package/components/input-phone/input-phone.directive.d.ts +12 -14
- package/components/input-phone-international/index.d.ts +1 -0
- package/components/input-phone-international/input-phone-international.component.d.ts +28 -36
- package/components/input-phone-international/input-phone-international.d.ts +5 -0
- package/components/input-phone-international/input-phone-international.options.d.ts +2 -3
- package/components/input-pin/index.d.ts +1 -0
- package/components/input-pin/input-pin.component.d.ts +6 -7
- package/components/input-pin/input-pin.d.ts +5 -0
- package/components/input-range/index.d.ts +0 -1
- package/components/input-range/input-range.component.d.ts +29 -62
- package/components/input-slider/input-slider.d.ts +4 -1
- package/components/input-slider/input-slider.directive.d.ts +6 -7
- package/components/input-time/input-time.component.d.ts +1 -3
- package/components/input-time/input-time.d.ts +4 -1
- package/components/input-time/input-time.directive.d.ts +9 -11
- package/components/input-year/input-year.d.ts +4 -1
- package/components/input-year/input-year.directive.d.ts +8 -10
- package/components/input-year/input-year.options.d.ts +2 -2
- package/components/items-with-more/items-with-more.component.d.ts +6 -6
- package/components/items-with-more/items-with-more.directive.d.ts +6 -6
- package/components/like/like.component.d.ts +4 -11
- package/components/like/like.options.d.ts +3 -4
- package/components/line-clamp/line-clamp-box.component.d.ts +3 -4
- package/components/line-clamp/line-clamp.component.d.ts +8 -10
- package/components/line-clamp/line-clamp.options.d.ts +1 -3
- package/components/multi-select/multi-select-group/multi-select-group.component.d.ts +6 -8
- package/components/multi-select/multi-select-native/multi-select-native.component.d.ts +5 -4
- package/components/multi-select/multi-select-option/multi-select-option.component.d.ts +1 -1
- package/components/notification-middle/notification-middle.component.d.ts +2 -2
- package/components/notification-middle/notification-middle.directive.d.ts +4 -3
- package/components/notification-middle/notification-middle.service.d.ts +7 -3
- package/components/pager/pager.component.d.ts +13 -13
- package/components/pagination/index.d.ts +1 -0
- package/components/pagination/pagination.component.d.ts +25 -55
- package/components/pagination/pagination.options.d.ts +7 -0
- package/components/pin/pin.directive.d.ts +2 -2
- package/components/preview/dialog/preview-dialog.component.d.ts +2 -2
- package/components/preview/dialog/preview-dialog.directive.d.ts +3 -3
- package/components/preview/dialog/preview-dialog.service.d.ts +5 -2
- package/components/preview/index.d.ts +1 -0
- package/components/preview/pagination/preview-pagination.component.d.ts +6 -10
- package/components/preview/preview.component.d.ts +6 -6
- package/components/preview/preview.d.ts +2 -1
- package/{tokens/preview-icons.d.ts → components/preview/preview.options.d.ts} +1 -3
- package/components/preview/zoom/preview-zoom.component.d.ts +11 -17
- package/components/progress/progress-bar/fixed-gradient/progress-fixed-gradient.directive.d.ts +1 -2
- package/components/progress/progress-bar/progress-bar.component.d.ts +3 -4
- package/components/progress/progress-bar/progress-color-segments.directive.d.ts +4 -4
- package/components/progress/progress-circle/progress-circle.component.d.ts +7 -11
- package/components/progress/progress-segmented/progress-segmented.directive.d.ts +2 -2
- package/components/progress/progress.options.d.ts +1 -3
- package/components/pulse/pulse.component.d.ts +2 -2
- package/components/push/push-alert.component.d.ts +4 -3
- package/components/push/push.component.d.ts +7 -8
- package/components/push/push.directive.d.ts +4 -6
- package/components/push/push.options.d.ts +5 -8
- package/components/push/push.service.d.ts +6 -2
- package/components/radio/radio.component.d.ts +8 -9
- package/components/radio/radio.directive.d.ts +2 -2
- package/components/radio/radio.options.d.ts +2 -5
- package/components/radio-list/radio-list.component.d.ts +11 -9
- package/components/range/range-change.directive.d.ts +1 -2
- package/components/range/range.component.d.ts +16 -25
- package/components/rating/rating.component.d.ts +5 -5
- package/components/rating/rating.options.d.ts +6 -6
- package/components/routable-dialog/generate-dialogable-route.d.ts +1 -1
- package/components/segmented/segmented.component.d.ts +4 -6
- package/components/segmented/segmented.directive.d.ts +6 -7
- package/components/select/native-select/native-select.component.d.ts +7 -8
- package/components/select/select.d.ts +4 -1
- package/components/select/select.directive.d.ts +4 -3
- package/components/slider/helpers/key-steps.d.ts +1 -2
- package/components/slider/helpers/slider-key-steps.directive.d.ts +19 -25
- package/components/slider/helpers/slider-readonly.directive.d.ts +2 -4
- package/components/slider/helpers/slider-thumb-label.component.d.ts +2 -4
- package/components/slider/slider.component.d.ts +4 -7
- package/components/slider/slider.options.d.ts +1 -6
- package/components/status/status.directive.d.ts +2 -2
- package/components/stepper/step.component.d.ts +14 -9
- package/components/stepper/stepper.component.d.ts +5 -12
- package/components/switch/switch.component.d.ts +8 -19
- package/components/switch/switch.options.d.ts +4 -8
- package/components/tabs/tabs-horizontal.directive.d.ts +4 -5
- package/components/tabs/tabs-vertical.directive.d.ts +2 -2
- package/components/tabs/tabs-with-more.component.d.ts +13 -17
- package/components/tabs/tabs.directive.d.ts +5 -7
- package/components/tabs/tabs.options.d.ts +1 -6
- package/components/textarea/index.d.ts +2 -1
- package/components/textarea/textarea.component.d.ts +10 -11
- package/components/textarea/textarea.d.ts +6 -0
- package/components/textarea/textarea.directive.d.ts +13 -0
- package/components/tiles/tile-handle.directive.d.ts +2 -1
- package/components/tiles/tile.component.d.ts +7 -10
- package/components/tiles/tile.service.d.ts +1 -1
- package/components/tiles/tiles.component.d.ts +4 -7
- package/components/toast/index.d.ts +5 -0
- package/components/toast/toast.component.d.ts +18 -0
- package/components/toast/toast.d.ts +3 -0
- package/components/toast/toast.directive.d.ts +7 -0
- package/components/toast/toast.options.d.ts +10 -0
- package/components/toast/toast.service.d.ts +17 -0
- package/components/tree/components/tree/tree.component.d.ts +7 -7
- package/components/tree/components/tree-item/tree-item.component.d.ts +1 -1
- package/components/tree/components/tree-item-content/tree-item-content.component.d.ts +8 -1
- package/components/tree/directives/tree-children.directive.d.ts +2 -2
- package/components/tree/directives/tree-controller.directive.d.ts +4 -5
- package/components/tree/directives/tree-item-controller.directive.d.ts +2 -2
- package/components/tree/directives/tree-node.directive.d.ts +5 -4
- package/components/tree/misc/tree.constants.d.ts +0 -3
- package/components/tree/misc/tree.tokens.d.ts +1 -6
- package/directives/appearance-proxy/appearance-proxy.directive.d.ts +10 -0
- package/directives/appearance-proxy/index.d.ts +1 -0
- package/directives/button-select/button-select.directive.d.ts +4 -4
- package/directives/chevron/chevron.directive.d.ts +2 -3
- package/directives/data-list-dropdown-manager/data-list-dropdown-manager.directive.d.ts +5 -5
- package/directives/fade/fade.directive.d.ts +6 -6
- package/directives/fluid-typography/fluid-typography.directive.d.ts +3 -6
- package/directives/fluid-typography/fluid-typography.options.d.ts +1 -3
- package/directives/highlight/highlight.directive.d.ts +4 -4
- package/directives/index.d.ts +1 -3
- package/directives/password/password.directive.d.ts +1 -1
- package/directives/present/present.directive.d.ts +2 -4
- package/directives/sensitive/sensitive.directive.d.ts +2 -2
- package/directives/shimmer/shimmer.directive.d.ts +3 -3
- package/directives/skeleton/skeleton.directive.d.ts +3 -3
- package/directives/tooltip/tooltip.directive.d.ts +3 -3
- package/directives/unfinished-validator/unfinished-validator.directive.d.ts +2 -2
- package/directives/unmask-handler/unmask-handler.directive.d.ts +3 -3
- package/fesm2022/taiga-ui-kit-components-accordion.mjs +69 -145
- package/fesm2022/taiga-ui-kit-components-accordion.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-action-bar.mjs +24 -40
- package/fesm2022/taiga-ui-kit-components-action-bar.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-avatar.mjs +55 -81
- package/fesm2022/taiga-ui-kit-components-avatar.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-badge-notification.mjs +11 -18
- package/fesm2022/taiga-ui-kit-components-badge-notification.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-badge.mjs +17 -28
- package/fesm2022/taiga-ui-kit-components-badge.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-badged-content.mjs +9 -12
- package/fesm2022/taiga-ui-kit-components-badged-content.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-block.mjs +20 -31
- package/fesm2022/taiga-ui-kit-components-block.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-breadcrumbs.mjs +19 -39
- package/fesm2022/taiga-ui-kit-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-button-loading.mjs +19 -27
- package/fesm2022/taiga-ui-kit-components-button-loading.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-calendar-month.mjs +14 -37
- package/fesm2022/taiga-ui-kit-components-calendar-month.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-calendar-range.mjs +30 -40
- package/fesm2022/taiga-ui-kit-components-calendar-range.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-carousel.mjs +72 -125
- package/fesm2022/taiga-ui-kit-components-carousel.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-checkbox.mjs +18 -76
- package/fesm2022/taiga-ui-kit-components-checkbox.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-chip.mjs +19 -35
- package/fesm2022/taiga-ui-kit-components-chip.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-combo-box.mjs +45 -50
- package/fesm2022/taiga-ui-kit-components-combo-box.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-comment.mjs +13 -20
- package/fesm2022/taiga-ui-kit-components-comment.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-compass.mjs +9 -11
- package/fesm2022/taiga-ui-kit-components-compass.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-confirm.mjs +16 -19
- package/fesm2022/taiga-ui-kit-components-confirm.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-copy.mjs +106 -0
- package/fesm2022/taiga-ui-kit-components-copy.mjs.map +1 -0
- package/fesm2022/taiga-ui-kit-components-data-list-wrapper.mjs +25 -78
- package/fesm2022/taiga-ui-kit-components-data-list-wrapper.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-drawer.mjs +11 -32
- package/fesm2022/taiga-ui-kit-components-drawer.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-files.mjs +118 -245
- package/fesm2022/taiga-ui-kit-components-files.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-filter.mjs +21 -34
- package/fesm2022/taiga-ui-kit-components-filter.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-fullscreen.mjs +44 -0
- package/fesm2022/taiga-ui-kit-components-fullscreen.mjs.map +1 -0
- package/fesm2022/taiga-ui-kit-components-input-chip.mjs +76 -84
- package/fesm2022/taiga-ui-kit-components-input-chip.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-color.mjs +32 -35
- package/fesm2022/taiga-ui-kit-components-input-color.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-date-multi.mjs +36 -53
- package/fesm2022/taiga-ui-kit-components-input-date-multi.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-date-range.mjs +37 -37
- package/fesm2022/taiga-ui-kit-components-input-date-range.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-date-time.mjs +42 -59
- package/fesm2022/taiga-ui-kit-components-input-date-time.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-date.mjs +60 -74
- package/fesm2022/taiga-ui-kit-components-input-date.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-inline.mjs +10 -13
- package/fesm2022/taiga-ui-kit-components-input-inline.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-month-range.mjs +30 -28
- package/fesm2022/taiga-ui-kit-components-input-month-range.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-month.mjs +45 -53
- package/fesm2022/taiga-ui-kit-components-input-month.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-number.mjs +270 -214
- package/fesm2022/taiga-ui-kit-components-input-number.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs +128 -160
- package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-phone.mjs +40 -46
- package/fesm2022/taiga-ui-kit-components-input-phone.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-pin.mjs +26 -24
- package/fesm2022/taiga-ui-kit-components-input-pin.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-range.mjs +71 -93
- package/fesm2022/taiga-ui-kit-components-input-range.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-slider.mjs +48 -52
- package/fesm2022/taiga-ui-kit-components-input-slider.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-time.mjs +66 -73
- package/fesm2022/taiga-ui-kit-components-input-time.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-year.mjs +33 -40
- package/fesm2022/taiga-ui-kit-components-input-year.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-items-with-more.mjs +56 -78
- package/fesm2022/taiga-ui-kit-components-items-with-more.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-like.mjs +40 -33
- package/fesm2022/taiga-ui-kit-components-like.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-line-clamp.mjs +38 -82
- package/fesm2022/taiga-ui-kit-components-line-clamp.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-message.mjs +9 -12
- package/fesm2022/taiga-ui-kit-components-message.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-multi-select.mjs +46 -62
- package/fesm2022/taiga-ui-kit-components-multi-select.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-notification-middle.mjs +38 -34
- package/fesm2022/taiga-ui-kit-components-notification-middle.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-pager.mjs +34 -48
- package/fesm2022/taiga-ui-kit-components-pager.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-pagination.mjs +78 -153
- package/fesm2022/taiga-ui-kit-components-pagination.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-pin.mjs +15 -19
- package/fesm2022/taiga-ui-kit-components-pin.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-preview.mjs +98 -158
- package/fesm2022/taiga-ui-kit-components-preview.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-progress.mjs +93 -117
- package/fesm2022/taiga-ui-kit-components-progress.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-pulse.mjs +7 -11
- package/fesm2022/taiga-ui-kit-components-pulse.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-push.mjs +54 -74
- package/fesm2022/taiga-ui-kit-components-push.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-radio-list.mjs +23 -35
- package/fesm2022/taiga-ui-kit-components-radio-list.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-radio.mjs +35 -41
- package/fesm2022/taiga-ui-kit-components-radio.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-range.mjs +42 -96
- package/fesm2022/taiga-ui-kit-components-range.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-rating.mjs +19 -28
- package/fesm2022/taiga-ui-kit-components-rating.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-routable-dialog.mjs +11 -7
- package/fesm2022/taiga-ui-kit-components-routable-dialog.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-segmented.mjs +40 -61
- package/fesm2022/taiga-ui-kit-components-segmented.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-select.mjs +81 -62
- package/fesm2022/taiga-ui-kit-components-select.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-slider.mjs +96 -126
- package/fesm2022/taiga-ui-kit-components-slider.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-status.mjs +12 -16
- package/fesm2022/taiga-ui-kit-components-status.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-stepper.mjs +63 -90
- package/fesm2022/taiga-ui-kit-components-stepper.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-switch.mjs +22 -64
- package/fesm2022/taiga-ui-kit-components-switch.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-tabs.mjs +110 -180
- package/fesm2022/taiga-ui-kit-components-tabs.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-textarea.mjs +64 -84
- package/fesm2022/taiga-ui-kit-components-textarea.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-tiles.mjs +62 -107
- package/fesm2022/taiga-ui-kit-components-tiles.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-toast.mjs +165 -0
- package/fesm2022/taiga-ui-kit-components-toast.mjs.map +1 -0
- package/fesm2022/taiga-ui-kit-components-tree.mjs +92 -127
- package/fesm2022/taiga-ui-kit-components-tree.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components.mjs +3 -5
- package/fesm2022/taiga-ui-kit-components.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-appearance-proxy.mjs +27 -0
- package/fesm2022/taiga-ui-kit-directives-appearance-proxy.mjs.map +1 -0
- package/fesm2022/taiga-ui-kit-directives-button-group.mjs +9 -12
- package/fesm2022/taiga-ui-kit-directives-button-group.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-button-select.mjs +22 -21
- package/fesm2022/taiga-ui-kit-directives-button-select.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-chevron.mjs +16 -22
- package/fesm2022/taiga-ui-kit-directives-chevron.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-connected.mjs +9 -15
- package/fesm2022/taiga-ui-kit-directives-connected.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-data-list-dropdown-manager.mjs +25 -53
- package/fesm2022/taiga-ui-kit-directives-data-list-dropdown-manager.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-fade.mjs +35 -47
- package/fesm2022/taiga-ui-kit-directives-fade.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-fluid-typography.mjs +20 -33
- package/fesm2022/taiga-ui-kit-directives-fluid-typography.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-highlight.mjs +19 -24
- package/fesm2022/taiga-ui-kit-directives-highlight.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-password.mjs +14 -16
- package/fesm2022/taiga-ui-kit-directives-password.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-present.mjs +10 -18
- package/fesm2022/taiga-ui-kit-directives-present.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-sensitive.mjs +16 -21
- package/fesm2022/taiga-ui-kit-directives-sensitive.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-shimmer.mjs +24 -34
- package/fesm2022/taiga-ui-kit-directives-shimmer.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-skeleton.mjs +28 -38
- package/fesm2022/taiga-ui-kit-directives-skeleton.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-tooltip.mjs +19 -24
- package/fesm2022/taiga-ui-kit-directives-tooltip.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-unfinished-validator.mjs +10 -14
- package/fesm2022/taiga-ui-kit-directives-unfinished-validator.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-unmask-handler.mjs +10 -15
- package/fesm2022/taiga-ui-kit-directives-unmask-handler.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives.mjs +1 -3
- package/fesm2022/taiga-ui-kit-directives.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-pipes-auto-color.mjs +43 -0
- package/fesm2022/taiga-ui-kit-pipes-auto-color.mjs.map +1 -0
- package/fesm2022/taiga-ui-kit-pipes-emails.mjs +3 -4
- package/fesm2022/taiga-ui-kit-pipes-emails.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-pipes-filter-by-input.mjs +22 -36
- package/fesm2022/taiga-ui-kit-pipes-filter-by-input.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-pipes-flag.mjs +30 -0
- package/fesm2022/taiga-ui-kit-pipes-flag.mjs.map +1 -0
- package/fesm2022/taiga-ui-kit-pipes-hide-selected.mjs +23 -27
- package/fesm2022/taiga-ui-kit-pipes-hide-selected.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-pipes-initials.mjs +28 -0
- package/fesm2022/taiga-ui-kit-pipes-initials.mjs.map +1 -0
- package/fesm2022/taiga-ui-kit-pipes-sort-countries.mjs +10 -8
- package/fesm2022/taiga-ui-kit-pipes-sort-countries.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-pipes-stringify-content.mjs +3 -4
- package/fesm2022/taiga-ui-kit-pipes-stringify-content.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-pipes-stringify.mjs +3 -4
- package/fesm2022/taiga-ui-kit-pipes-stringify.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-pipes.mjs +3 -1
- package/fesm2022/taiga-ui-kit-pipes.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-tokens.mjs +4 -126
- package/fesm2022/taiga-ui-kit-tokens.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-utils.mjs +3 -15
- package/fesm2022/taiga-ui-kit-utils.mjs.map +1 -1
- package/package.json +52 -59
- package/pipes/auto-color/auto-color.pipe.d.ts +13 -0
- package/pipes/auto-color/index.d.ts +1 -0
- package/pipes/filter-by-input/filter-by-input.pipe.d.ts +5 -2
- package/pipes/flag/flag.pipe.d.ts +13 -0
- package/pipes/flag/index.d.ts +1 -0
- package/pipes/hide-selected/hide-selected.pipe.d.ts +2 -0
- package/pipes/index.d.ts +3 -1
- package/pipes/initials/index.d.ts +1 -0
- package/pipes/initials/initials.pipe.d.ts +7 -0
- package/pipes/sort-countries/sort-countries.pipe.d.ts +4 -3
- package/pipes/stringify-content/stringify-content.pipe.d.ts +2 -3
- package/styles/components/avatar.less +188 -0
- package/styles/components/badge.less +6 -6
- package/styles/components/block.less +5 -5
- package/styles/components/checkbox.less +14 -12
- package/styles/components/chip.less +14 -6
- package/styles/components/comment.less +15 -17
- package/styles/components/like.less +4 -9
- package/styles/components/message.less +1 -1
- package/styles/components/pin.less +6 -10
- package/styles/components/radio.less +1 -1
- package/styles/components/switch.less +12 -11
- package/styles/components/toast.less +44 -0
- package/tokens/i18n.d.ts +26 -26
- package/tokens/index.d.ts +0 -8
- package/utils/index.d.ts +0 -2
- package/utils/maskito.binding.d.ts +1 -1
- package/components/accordion/accordion-item-content.directive.d.ts +0 -6
- package/components/accordion/accordion-item-eager-content.directive.d.ts +0 -5
- package/components/accordion/accordion-item.component.d.ts +0 -25
- package/components/action-bar/action-bar.d.ts +0 -3
- package/components/action-bar/action-bar.directive.d.ts +0 -6
- package/components/elastic-container/elastic-container.component.d.ts +0 -8
- package/components/elastic-container/elastic-container.directive.d.ts +0 -7
- package/components/elastic-container/index.d.ts +0 -2
- package/components/floating-container/floating-container.directive.d.ts +0 -7
- package/components/floating-container/index.d.ts +0 -1
- package/components/input-password/index.d.ts +0 -2
- package/components/input-password/input-password.component.d.ts +0 -16
- package/components/input-password/input-password.options.d.ts +0 -24
- package/components/input-range/input-range.d.ts +0 -3
- package/components/pdf-viewer/index.d.ts +0 -4
- package/components/pdf-viewer/pdf-viewer.component.d.ts +0 -12
- package/components/pdf-viewer/pdf-viewer.directive.d.ts +0 -7
- package/components/pdf-viewer/pdf-viewer.options.d.ts +0 -13
- package/components/pdf-viewer/pdf-viewer.service.d.ts +0 -13
- package/components/slides/index.d.ts +0 -1
- package/components/slides/slides.directive.d.ts +0 -11
- package/components/textarea/textarea-limit.directive.d.ts +0 -27
- package/directives/button-close/button-close.directive.d.ts +0 -5
- package/directives/button-close/index.d.ts +0 -1
- package/directives/lazy-loading/index.d.ts +0 -2
- package/directives/lazy-loading/lazy-loading.directive.d.ts +0 -18
- package/directives/lazy-loading/lazy-loading.service.d.ts +0 -12
- package/fesm2022/taiga-ui-kit-components-elastic-container.mjs +0 -78
- package/fesm2022/taiga-ui-kit-components-elastic-container.mjs.map +0 -1
- package/fesm2022/taiga-ui-kit-components-floating-container.mjs +0 -43
- package/fesm2022/taiga-ui-kit-components-floating-container.mjs.map +0 -1
- package/fesm2022/taiga-ui-kit-components-input-password.mjs +0 -95
- package/fesm2022/taiga-ui-kit-components-input-password.mjs.map +0 -1
- package/fesm2022/taiga-ui-kit-components-pdf-viewer.mjs +0 -83
- package/fesm2022/taiga-ui-kit-components-pdf-viewer.mjs.map +0 -1
- package/fesm2022/taiga-ui-kit-components-preview-dialog.mjs +0 -64
- package/fesm2022/taiga-ui-kit-components-preview-dialog.mjs.map +0 -1
- package/fesm2022/taiga-ui-kit-components-slides.mjs +0 -57
- package/fesm2022/taiga-ui-kit-components-slides.mjs.map +0 -1
- package/fesm2022/taiga-ui-kit-directives-button-close.mjs +0 -39
- package/fesm2022/taiga-ui-kit-directives-button-close.mjs.map +0 -1
- package/fesm2022/taiga-ui-kit-directives-copy.mjs +0 -121
- package/fesm2022/taiga-ui-kit-directives-copy.mjs.map +0 -1
- package/fesm2022/taiga-ui-kit-directives-lazy-loading.mjs +0 -81
- package/fesm2022/taiga-ui-kit-directives-lazy-loading.mjs.map +0 -1
- package/fesm2022/taiga-ui-kit-pipes-field-error.mjs +0 -147
- package/fesm2022/taiga-ui-kit-pipes-field-error.mjs.map +0 -1
- package/pipes/field-error/field-error-content-pipe.d.ts +0 -14
- package/pipes/field-error/field-error-pipe.d.ts +0 -29
- package/pipes/field-error/index.d.ts +0 -2
- package/tokens/calendar-date-stream.d.ts +0 -10
- package/tokens/date-inputs-value-transformers.d.ts +0 -19
- package/tokens/input-date-options.d.ts +0 -15
- package/tokens/items-handlers.d.ts +0 -26
- package/tokens/mobile-calendar.d.ts +0 -6
- package/tokens/month-formatter.d.ts +0 -5
- package/tokens/validation-errors.d.ts +0 -5
- package/utils/phone.d.ts +0 -3
- package/utils/toggle-day.d.ts +0 -2
- /package/{directives → components}/copy/copy.d.ts +0 -0
- /package/{directives → components}/copy/index.d.ts +0 -0
|
@@ -11,11 +11,11 @@
|
|
|
11
11
|
* data-size — size (default: 'm') ('s' | 'm')
|
|
12
12
|
*
|
|
13
13
|
* @vars
|
|
14
|
-
* --t-
|
|
15
|
-
* --t-
|
|
14
|
+
* --t-icon-start — checkmark icon
|
|
15
|
+
* --t-icon-end — indeterminate state icon
|
|
16
16
|
*
|
|
17
17
|
* @example
|
|
18
|
-
* <input type="checkbox" tuiCheckbox />
|
|
18
|
+
* <input type="checkbox" tuiCheckbox tuiIcons tuiAppearance data-appearance='secondary' />
|
|
19
19
|
*
|
|
20
20
|
* @see-also
|
|
21
21
|
* Switch, Radio, Appearance
|
|
@@ -32,20 +32,22 @@
|
|
|
32
32
|
flex-shrink: 0;
|
|
33
33
|
|
|
34
34
|
&::before {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
35
|
+
position: absolute;
|
|
36
|
+
block-size: 100%;
|
|
37
|
+
inline-size: 100%;
|
|
38
38
|
font-size: 1rem;
|
|
39
|
-
|
|
40
|
-
mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"></svg>') no-repeat center /
|
|
41
|
-
calc(~'min(1em, 100%)' + 10 * var(--tui-stroke-width, 0.125rem)) ~'min(1em, 100%)' padding-box;
|
|
39
|
+
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"></svg>');
|
|
42
40
|
transform: scale(0);
|
|
43
41
|
transition:
|
|
44
42
|
transform var(--tui-duration) ease-in-out,
|
|
45
43
|
mask 0s var(--tui-duration) ease-in-out;
|
|
46
44
|
}
|
|
47
45
|
|
|
48
|
-
|
|
46
|
+
&::after {
|
|
47
|
+
display: none;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
&:disabled._readonly._readonly {
|
|
49
51
|
opacity: 1;
|
|
50
52
|
pointer-events: none;
|
|
51
53
|
}
|
|
@@ -53,7 +55,7 @@
|
|
|
53
55
|
&:checked,
|
|
54
56
|
&:indeterminate {
|
|
55
57
|
&::before {
|
|
56
|
-
mask-image: var(--t-
|
|
58
|
+
mask-image: var(--t-icon-start);
|
|
57
59
|
transform: scale(1);
|
|
58
60
|
transition:
|
|
59
61
|
transform var(--tui-duration) ease-in-out,
|
|
@@ -63,7 +65,7 @@
|
|
|
63
65
|
}
|
|
64
66
|
|
|
65
67
|
&:indeterminate::before {
|
|
66
|
-
mask-image: var(--t-
|
|
68
|
+
mask-image: var(--t-icon-end);
|
|
67
69
|
}
|
|
68
70
|
|
|
69
71
|
&[data-size='s'] {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
4
|
* @name Chip
|
|
5
|
-
* @selector
|
|
5
|
+
* @selector [tuiChip]
|
|
6
6
|
*
|
|
7
7
|
* @description
|
|
8
8
|
* A chip component that can be used on it's own or on buttons/links/inputs
|
|
@@ -11,12 +11,11 @@
|
|
|
11
11
|
* data-size — size (default: 's') ('xxs' | 'xs' | 's' | 'm')
|
|
12
12
|
*
|
|
13
13
|
* @example
|
|
14
|
-
* <
|
|
14
|
+
* <span tuiChip>Sale</span>
|
|
15
15
|
*
|
|
16
16
|
* @see-also
|
|
17
17
|
* Icons, Appearance, Badge, Block
|
|
18
18
|
*/
|
|
19
|
-
tui-chip,
|
|
20
19
|
[tuiChip] {
|
|
21
20
|
--t-gap: 0.125rem;
|
|
22
21
|
--t-margin: -0.125rem;
|
|
@@ -26,11 +25,12 @@ tui-chip,
|
|
|
26
25
|
|
|
27
26
|
.button-base();
|
|
28
27
|
|
|
29
|
-
font: var(--tui-font-
|
|
28
|
+
font: var(--tui-font-body-s);
|
|
30
29
|
border-radius: var(--tui-radius-m);
|
|
31
30
|
padding: var(--t-padding);
|
|
32
31
|
block-size: var(--t-size);
|
|
33
32
|
inline-size: fit-content;
|
|
33
|
+
max-inline-size: 100%;
|
|
34
34
|
isolation: isolate;
|
|
35
35
|
|
|
36
36
|
.interactive({
|
|
@@ -47,6 +47,10 @@ tui-chip,
|
|
|
47
47
|
margin: -0.375rem;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
+
> [tuiBadge] {
|
|
51
|
+
margin-inline-end: 0;
|
|
52
|
+
}
|
|
53
|
+
|
|
50
54
|
&[data-size='xxs'] {
|
|
51
55
|
// StackBlitz changes "0rem" to "0" breaking calc
|
|
52
56
|
--t-gap: ~'0rem';
|
|
@@ -54,7 +58,7 @@ tui-chip,
|
|
|
54
58
|
--t-size: 1rem;
|
|
55
59
|
--t-icon-size: 0.75rem;
|
|
56
60
|
|
|
57
|
-
font: var(--tui-font-
|
|
61
|
+
font: var(--tui-font-body-xs);
|
|
58
62
|
border-radius: var(--tui-radius-xs);
|
|
59
63
|
|
|
60
64
|
& > [tuiIconButton] {
|
|
@@ -80,11 +84,15 @@ tui-chip,
|
|
|
80
84
|
--t-padding: 0 1rem;
|
|
81
85
|
--t-size: var(--tui-height-m);
|
|
82
86
|
|
|
83
|
-
font: var(--tui-font-
|
|
87
|
+
font: var(--tui-font-body-m);
|
|
84
88
|
|
|
85
89
|
& > [tuiIconButton] {
|
|
86
90
|
margin: -0.75rem;
|
|
87
91
|
}
|
|
92
|
+
|
|
93
|
+
& > [tuiBadge] {
|
|
94
|
+
margin-inline-start: -0.375rem;
|
|
95
|
+
}
|
|
88
96
|
}
|
|
89
97
|
|
|
90
98
|
& > img,
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
* A comment bubble with an arrow
|
|
9
9
|
*
|
|
10
10
|
* @attributes
|
|
11
|
-
* data-direction — arrow direction (default: 'top') ('top' | 'bottom' | '
|
|
11
|
+
* data-direction — arrow direction (default: 'top') ('top' | 'bottom' | 'start' | 'end')
|
|
12
12
|
*
|
|
13
13
|
* @example
|
|
14
14
|
* <label data-direction="top" tuiComment>Amazing product!</label>
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
[tuiComment] {
|
|
17
17
|
position: relative;
|
|
18
18
|
display: inline-flex;
|
|
19
|
-
font: var(--tui-font-
|
|
19
|
+
font: var(--tui-font-body-m);
|
|
20
20
|
color: #fff;
|
|
21
21
|
padding: 0.5rem 0.75rem;
|
|
22
22
|
min-inline-size: 2.5rem;
|
|
@@ -29,38 +29,36 @@
|
|
|
29
29
|
&::before {
|
|
30
30
|
content: '';
|
|
31
31
|
position: absolute;
|
|
32
|
-
|
|
33
|
-
|
|
32
|
+
inset-block-end: 100%;
|
|
33
|
+
inset-inline-start: 50%;
|
|
34
34
|
inline-size: 1.5625rem;
|
|
35
35
|
block-size: 0.5625rem;
|
|
36
36
|
background: inherit;
|
|
37
|
-
transform: translate(-50%);
|
|
37
|
+
transform: translate(calc(-50% * var(--tui-inline)));
|
|
38
38
|
mask: url("data:image/svg+xml,%3Csvg width='25' height='9' viewBox='0 0 25 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.23309 6.67813L7.56191 3.83178C9.4546 1.5185 10.4009 0.361853 11.5998 0.10488C12.0834 0.00123882 12.5834 0.00123882 13.0669 0.10488C14.2658 0.361853 15.2121 1.5185 17.1048 3.83178L19.4337 6.67813C20.636 8.14771 22.4346 9 24.3334 9H0.333374C2.23217 9 4.0307 8.14772 5.23309 6.67813Z' fill='black'/%3E%3C/svg%3E%0A")
|
|
39
39
|
no-repeat;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
&[data-direction='bottom'] {
|
|
43
43
|
&::before {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
transform: translate(-50%) rotate(180deg);
|
|
44
|
+
inset-block: 100% auto;
|
|
45
|
+
transform: translate(calc(-50% * var(--tui-inline))) rotate(180deg);
|
|
47
46
|
}
|
|
48
47
|
}
|
|
49
48
|
|
|
50
|
-
&[data-direction='
|
|
49
|
+
&[data-direction='start'] {
|
|
51
50
|
&::before {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
transform: translate(0.785rem, -50%) rotate(-90deg);
|
|
51
|
+
inset-block: 50% 100%;
|
|
52
|
+
inset-inline: auto 100%;
|
|
53
|
+
transform: translate(calc(0.785rem * var(--tui-inline)), -50%) rotate(calc(-90deg * var(--tui-inline)));
|
|
56
54
|
}
|
|
57
55
|
}
|
|
58
56
|
|
|
59
|
-
&[data-direction='
|
|
57
|
+
&[data-direction='end'] {
|
|
60
58
|
&::before {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
transform: translate(-0.785rem, -50%) rotate(90deg);
|
|
59
|
+
inset-block: 50% 100%;
|
|
60
|
+
inset-inline: 100% auto;
|
|
61
|
+
transform: translate(calc(-0.785rem * var(--tui-inline)), -50%) rotate(calc(90deg * var(--tui-inline)));
|
|
64
62
|
}
|
|
65
63
|
}
|
|
66
64
|
}
|
|
@@ -11,12 +11,12 @@
|
|
|
11
11
|
* data-size — size (default: 'm') ('s' | 'm')
|
|
12
12
|
*
|
|
13
13
|
* @vars
|
|
14
|
-
* --t-icon-color
|
|
15
|
-
* --t-
|
|
16
|
-
* --t-
|
|
14
|
+
* --t-icon-color — custom color for `:checked` state
|
|
15
|
+
* --t-icon-start — default state icon
|
|
16
|
+
* --t-icon-end — checkmark icon
|
|
17
17
|
*
|
|
18
18
|
* @example
|
|
19
|
-
* <input tuiLike />
|
|
19
|
+
* <input tuiLike tuiIcons tuiAppearance data-appearance="secondary" />
|
|
20
20
|
*
|
|
21
21
|
* @see-also
|
|
22
22
|
* Checkbox, Switch, Radio, Appearance
|
|
@@ -34,16 +34,11 @@
|
|
|
34
34
|
&::after {
|
|
35
35
|
.fullsize();
|
|
36
36
|
|
|
37
|
-
content: '';
|
|
38
|
-
background: currentColor;
|
|
39
37
|
font-size: 1.25rem;
|
|
40
|
-
mask: var(--t-unchecked-icon) no-repeat center /
|
|
41
|
-
calc(~'min(1em, 100%)' + 10 * var(--tui-stroke-width, 0.125rem)) ~'min(1em, 100%)' padding-box;
|
|
42
38
|
transition-property: transform, opacity;
|
|
43
39
|
}
|
|
44
40
|
|
|
45
41
|
&::after {
|
|
46
|
-
mask-image: var(--t-checked-icon);
|
|
47
42
|
opacity: 0;
|
|
48
43
|
color: var(--t-icon-color, inherit);
|
|
49
44
|
transform: scale(0);
|
|
@@ -13,7 +13,6 @@
|
|
|
13
13
|
* @see-also
|
|
14
14
|
* Compass
|
|
15
15
|
*/
|
|
16
|
-
tui-pin,
|
|
17
16
|
[tuiPin] {
|
|
18
17
|
--t-size: 2rem;
|
|
19
18
|
|
|
@@ -29,7 +28,7 @@ tui-pin,
|
|
|
29
28
|
justify-content: center;
|
|
30
29
|
text-align: center;
|
|
31
30
|
border-radius: 100%;
|
|
32
|
-
font: var(--tui-font-
|
|
31
|
+
font: var(--tui-font-body-s);
|
|
33
32
|
font-weight: bold;
|
|
34
33
|
box-sizing: border-box;
|
|
35
34
|
color: var(--tui-text-primary-on-accent-2);
|
|
@@ -64,8 +63,7 @@ tui-pin,
|
|
|
64
63
|
background: var(--tui-background-base);
|
|
65
64
|
}
|
|
66
65
|
|
|
67
|
-
> tui-icon
|
|
68
|
-
> tui-svg {
|
|
66
|
+
> tui-icon {
|
|
69
67
|
.transition(~'width, height');
|
|
70
68
|
|
|
71
69
|
font-size: 1.25rem;
|
|
@@ -75,7 +73,7 @@ tui-pin,
|
|
|
75
73
|
&:has(:checked) {
|
|
76
74
|
--t-size: 3.5rem;
|
|
77
75
|
|
|
78
|
-
font: var(--tui-font-
|
|
76
|
+
font: var(--tui-font-body-m);
|
|
79
77
|
font-weight: bold;
|
|
80
78
|
border-width: 0;
|
|
81
79
|
margin-block-start: -2.75rem;
|
|
@@ -84,8 +82,7 @@ tui-pin,
|
|
|
84
82
|
padding: 0.125rem;
|
|
85
83
|
}
|
|
86
84
|
|
|
87
|
-
> tui-icon
|
|
88
|
-
> tui-svg {
|
|
85
|
+
> tui-icon {
|
|
89
86
|
font-size: 2.125rem;
|
|
90
87
|
}
|
|
91
88
|
|
|
@@ -104,7 +101,7 @@ tui-pin,
|
|
|
104
101
|
&._open {
|
|
105
102
|
--t-size: 3.5rem;
|
|
106
103
|
|
|
107
|
-
font: var(--tui-font-
|
|
104
|
+
font: var(--tui-font-body-m);
|
|
108
105
|
font-weight: bold;
|
|
109
106
|
border-width: 0;
|
|
110
107
|
margin-block-start: -2.75rem;
|
|
@@ -113,8 +110,7 @@ tui-pin,
|
|
|
113
110
|
padding: 0.125rem;
|
|
114
111
|
}
|
|
115
112
|
|
|
116
|
-
> tui-icon
|
|
117
|
-
> tui-svg {
|
|
113
|
+
> tui-icon {
|
|
118
114
|
font-size: 2.125rem;
|
|
119
115
|
}
|
|
120
116
|
|
|
@@ -11,10 +11,10 @@
|
|
|
11
11
|
* data-size — size (default: 'm') ('s' | 'm')
|
|
12
12
|
*
|
|
13
13
|
* @vars
|
|
14
|
-
* --t-
|
|
14
|
+
* --t-icon-start — checkmark icon
|
|
15
15
|
*
|
|
16
16
|
* @example
|
|
17
|
-
* <input type="checkbox" tuiSwitch />
|
|
17
|
+
* <input type="checkbox" tuiSwitch tuiAppearance data-appearance="primary" />
|
|
18
18
|
*
|
|
19
19
|
* @see-also
|
|
20
20
|
* Checkbox, Radio
|
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
[tuiSwitch] {
|
|
23
23
|
.transition(~'background, box-shadow');
|
|
24
24
|
|
|
25
|
+
display: inline-block;
|
|
25
26
|
inline-size: 3rem;
|
|
26
27
|
block-size: 1.5rem;
|
|
27
28
|
border-radius: 2rem;
|
|
@@ -36,7 +37,7 @@
|
|
|
36
37
|
inline-size: 2rem;
|
|
37
38
|
|
|
38
39
|
&::before {
|
|
39
|
-
inline-size:
|
|
40
|
+
inline-size: 1rem;
|
|
40
41
|
transform: translateX(-1rem);
|
|
41
42
|
font-size: 0.75rem;
|
|
42
43
|
}
|
|
@@ -63,13 +64,12 @@
|
|
|
63
64
|
}
|
|
64
65
|
}
|
|
65
66
|
|
|
66
|
-
&:disabled._readonly {
|
|
67
|
+
&:disabled._readonly._readonly {
|
|
67
68
|
opacity: 1;
|
|
68
69
|
}
|
|
69
70
|
|
|
70
71
|
&::before,
|
|
71
72
|
&::after {
|
|
72
|
-
content: '';
|
|
73
73
|
position: absolute;
|
|
74
74
|
block-size: 100%;
|
|
75
75
|
inline-size: 1.5rem;
|
|
@@ -77,22 +77,23 @@
|
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
&::before {
|
|
80
|
-
|
|
81
|
-
background: currentColor;
|
|
82
|
-
mask: var(--t-checked-icon) no-repeat center / calc(~'min(1em, 100%)' + 10 * var(--tui-stroke-width, 0.125rem))
|
|
83
|
-
~'min(1em, 100%)' padding-box;
|
|
80
|
+
left: 0.125rem;
|
|
84
81
|
font-size: 1rem;
|
|
85
|
-
inline-size: 1.375rem;
|
|
86
82
|
transform: translateX(-1.5rem);
|
|
87
83
|
}
|
|
88
84
|
|
|
89
85
|
&::after {
|
|
90
86
|
right: 0;
|
|
87
|
+
display: block;
|
|
91
88
|
border-radius: 100%;
|
|
89
|
+
background: none;
|
|
92
90
|
transform: scale(0.33333);
|
|
93
91
|
box-shadow: -4.5rem 0 0 0.75rem var(--tui-background-base);
|
|
94
92
|
outline: 0.375rem solid var(--tui-background-neutral-2-pressed);
|
|
95
|
-
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
&:not([data-icon-start])::after {
|
|
96
|
+
outline-offset: 20rem;
|
|
96
97
|
}
|
|
97
98
|
|
|
98
99
|
&:invalid:not([data-mode]),
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
@import '@taiga-ui/core/styles/taiga-ui-local.less';
|
|
2
|
+
|
|
3
|
+
[tuiToast] {
|
|
4
|
+
.transition(transform);
|
|
5
|
+
|
|
6
|
+
display: flex;
|
|
7
|
+
grid-row: 1 / span 2;
|
|
8
|
+
box-sizing: border-box;
|
|
9
|
+
gap: 0.75rem;
|
|
10
|
+
color: var(--tui-text-primary);
|
|
11
|
+
background: var(--tui-background-elevation-3);
|
|
12
|
+
min-block-size: 3.5rem;
|
|
13
|
+
border-radius: 1rem;
|
|
14
|
+
padding: 0.75rem 1rem;
|
|
15
|
+
box-shadow: var(--tui-shadow-medium);
|
|
16
|
+
align-items: center;
|
|
17
|
+
justify-content: center;
|
|
18
|
+
inline-size: max-content;
|
|
19
|
+
font: var(--tui-font-ui-s);
|
|
20
|
+
max-inline-size: ~'min(calc(100vw - 2rem), 25rem)';
|
|
21
|
+
border: inherit;
|
|
22
|
+
text-decoration: none;
|
|
23
|
+
overflow: hidden;
|
|
24
|
+
|
|
25
|
+
.interactive({
|
|
26
|
+
cursor: pointer;
|
|
27
|
+
});
|
|
28
|
+
|
|
29
|
+
> *,
|
|
30
|
+
&::after,
|
|
31
|
+
&::before {
|
|
32
|
+
max-inline-size: 50%;
|
|
33
|
+
margin: 0 -0.25rem;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
&::after {
|
|
37
|
+
font-size: 1rem;
|
|
38
|
+
color: var(--tui-text-tertiary);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
[tuiAvatar] {
|
|
42
|
+
margin-inline-end: 0;
|
|
43
|
+
}
|
|
44
|
+
}
|
package/tokens/i18n.d.ts
CHANGED
|
@@ -1,21 +1,20 @@
|
|
|
1
|
-
import { InjectionToken } from '@angular/core';
|
|
1
|
+
import { InjectionToken, type Signal } from '@angular/core';
|
|
2
2
|
import { type TuiDateMode } from '@taiga-ui/cdk/date-time';
|
|
3
3
|
import { type TuiCountryIsoCode } from '@taiga-ui/i18n/types';
|
|
4
|
-
|
|
5
|
-
export declare const TUI_CONFIRM_WORDS: InjectionToken<Observable<{
|
|
4
|
+
export declare const TUI_CONFIRM_WORDS: InjectionToken<Signal<{
|
|
6
5
|
no: string;
|
|
7
6
|
yes: string;
|
|
8
7
|
}>>;
|
|
9
|
-
export declare const TUI_CANCEL_WORD: InjectionToken<
|
|
10
|
-
export declare const TUI_DONE_WORD: InjectionToken<
|
|
11
|
-
export declare const TUI_MORE_WORD: InjectionToken<
|
|
12
|
-
export declare const TUI_HIDE_TEXT: InjectionToken<
|
|
13
|
-
export declare const TUI_SHOW_ALL_TEXT: InjectionToken<
|
|
14
|
-
export declare const TUI_OTHER_DATE_TEXT: InjectionToken<
|
|
15
|
-
export declare const TUI_CHOOSE_DAY_OR_RANGE_TEXTS: InjectionToken<
|
|
16
|
-
export declare const TUI_FROM_TO_TEXTS: InjectionToken<
|
|
17
|
-
export declare const TUI_PLUS_MINUS_TEXTS: InjectionToken<
|
|
18
|
-
export declare const TUI_TIME_TEXTS: InjectionToken<
|
|
8
|
+
export declare const TUI_CANCEL_WORD: InjectionToken<Signal<string>>;
|
|
9
|
+
export declare const TUI_DONE_WORD: InjectionToken<Signal<string>>;
|
|
10
|
+
export declare const TUI_MORE_WORD: InjectionToken<Signal<string>>;
|
|
11
|
+
export declare const TUI_HIDE_TEXT: InjectionToken<Signal<string>>;
|
|
12
|
+
export declare const TUI_SHOW_ALL_TEXT: InjectionToken<Signal<string>>;
|
|
13
|
+
export declare const TUI_OTHER_DATE_TEXT: InjectionToken<Signal<string>>;
|
|
14
|
+
export declare const TUI_CHOOSE_DAY_OR_RANGE_TEXTS: InjectionToken<Signal<readonly [choose_day: string, choose_range: string, choose_days: string]>>;
|
|
15
|
+
export declare const TUI_FROM_TO_TEXTS: InjectionToken<Signal<readonly [from: string, to: string]>>;
|
|
16
|
+
export declare const TUI_PLUS_MINUS_TEXTS: InjectionToken<Signal<readonly [plus: string, minus: string]>>;
|
|
17
|
+
export declare const TUI_TIME_TEXTS: InjectionToken<Signal<{
|
|
19
18
|
'MM:SS': string;
|
|
20
19
|
'HH:MM': string;
|
|
21
20
|
'HH:MM AA': string;
|
|
@@ -29,18 +28,18 @@ export declare const TUI_TIME_TEXTS: InjectionToken<Observable<{
|
|
|
29
28
|
'MM.SS.MSS': string;
|
|
30
29
|
'SS.MSS': string;
|
|
31
30
|
}>>;
|
|
32
|
-
export declare const TUI_DATE_TEXTS: InjectionToken<
|
|
33
|
-
export declare const TUI_DIGITAL_INFORMATION_UNITS: InjectionToken<
|
|
34
|
-
export declare const TUI_COPY_TEXTS: InjectionToken<
|
|
35
|
-
export declare const TUI_PASSWORD_TEXTS: InjectionToken<
|
|
36
|
-
export declare const TUI_CALENDAR_MONTHS: InjectionToken<
|
|
37
|
-
export declare const TUI_FILE_TEXTS: InjectionToken<
|
|
31
|
+
export declare const TUI_DATE_TEXTS: InjectionToken<Signal<Record<TuiDateMode, string>>>;
|
|
32
|
+
export declare const TUI_DIGITAL_INFORMATION_UNITS: InjectionToken<Signal<readonly [short_byte: string, short_kilobyte: string, short_megabyte: string]>>;
|
|
33
|
+
export declare const TUI_COPY_TEXTS: InjectionToken<Signal<readonly [copy: string, copied: string]>>;
|
|
34
|
+
export declare const TUI_PASSWORD_TEXTS: InjectionToken<Signal<readonly [show_password: string, hide_password: string]>>;
|
|
35
|
+
export declare const TUI_CALENDAR_MONTHS: InjectionToken<Signal<readonly [January: string, February: string, March: string, April: string, May: string, June: string, July: string, August: string, September: string, October: string, November: string, December: string]>>;
|
|
36
|
+
export declare const TUI_FILE_TEXTS: InjectionToken<Signal<{
|
|
38
37
|
loadingError: string;
|
|
39
38
|
preview: string;
|
|
40
39
|
remove: string;
|
|
41
40
|
}>>;
|
|
42
|
-
export declare const TUI_PAGINATION_TEXTS: InjectionToken<
|
|
43
|
-
export declare const TUI_INPUT_FILE_TEXTS: InjectionToken<
|
|
41
|
+
export declare const TUI_PAGINATION_TEXTS: InjectionToken<Signal<readonly [previous_page: string, next_page: string]>>;
|
|
42
|
+
export declare const TUI_INPUT_FILE_TEXTS: InjectionToken<Signal<{
|
|
44
43
|
defaultLabelMultiple: string;
|
|
45
44
|
defaultLabelSingle: string;
|
|
46
45
|
defaultLinkMultiple: string;
|
|
@@ -50,17 +49,18 @@ export declare const TUI_INPUT_FILE_TEXTS: InjectionToken<Observable<{
|
|
|
50
49
|
formatRejectionReason: string;
|
|
51
50
|
maxSizeRejectionReason: string;
|
|
52
51
|
}>>;
|
|
53
|
-
export declare const TUI_MULTI_SELECT_TEXTS: InjectionToken<
|
|
52
|
+
export declare const TUI_MULTI_SELECT_TEXTS: InjectionToken<Signal<{
|
|
54
53
|
all: string;
|
|
55
54
|
none: string;
|
|
56
55
|
}>>;
|
|
57
|
-
export declare const TUI_COUNTRIES: InjectionToken<
|
|
58
|
-
export declare const TUI_PREVIEW_TEXTS: InjectionToken<
|
|
56
|
+
export declare const TUI_COUNTRIES: InjectionToken<Signal<Record<TuiCountryIsoCode, string>>>;
|
|
57
|
+
export declare const TUI_PREVIEW_TEXTS: InjectionToken<Signal<{
|
|
59
58
|
rotate: string;
|
|
60
59
|
}>>;
|
|
61
|
-
export declare const TUI_PREVIEW_ZOOM_TEXTS: InjectionToken<
|
|
60
|
+
export declare const TUI_PREVIEW_ZOOM_TEXTS: InjectionToken<Signal<{
|
|
62
61
|
zoomIn: string;
|
|
63
62
|
zoomOut: string;
|
|
64
63
|
reset: string;
|
|
65
64
|
}>>;
|
|
66
|
-
export declare const TUI_INTERNATIONAL_SEARCH: InjectionToken<
|
|
65
|
+
export declare const TUI_INTERNATIONAL_SEARCH: InjectionToken<Signal<string>>;
|
|
66
|
+
export declare const TUI_DAY_RANGE_PERIODS: InjectionToken<Signal<readonly [forAllTime: string, today: string, yesterday: string, currentWeek: string, currentMonth: string, previousMonth: string]>>;
|
package/tokens/index.d.ts
CHANGED
|
@@ -1,9 +1 @@
|
|
|
1
|
-
export * from './calendar-date-stream';
|
|
2
|
-
export * from './date-inputs-value-transformers';
|
|
3
1
|
export * from './i18n';
|
|
4
|
-
export * from './input-date-options';
|
|
5
|
-
export * from './items-handlers';
|
|
6
|
-
export * from './mobile-calendar';
|
|
7
|
-
export * from './month-formatter';
|
|
8
|
-
export * from './preview-icons';
|
|
9
|
-
export * from './validation-errors';
|
package/utils/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type Signal, type WritableSignal } from '@angular/core';
|
|
2
2
|
import { type MaskitoOptions } from '@maskito/core';
|
|
3
|
-
type M = MaskitoOptions
|
|
3
|
+
type M = MaskitoOptions;
|
|
4
4
|
export declare function tuiMaskito(options: M | WritableSignal<M>): WritableSignal<M>;
|
|
5
5
|
export declare function tuiMaskito(options: Signal<M>): Signal<M>;
|
|
6
6
|
export {};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { PolymorpheusTemplate } from '@taiga-ui/polymorpheus';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class TuiAccordionItemContent extends PolymorpheusTemplate<Record<string, unknown>> {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiAccordionItemContent, never>;
|
|
5
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAccordionItemContent, "ng-template[tuiAccordionItemContent]", never, {}, {}, never, never, true, never>;
|
|
6
|
-
}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class TuiAccordionItemEagerContent {
|
|
3
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiAccordionItemEagerContent, never>;
|
|
4
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAccordionItemEagerContent, "[tuiAccordionItemContent]:not(ng-template)", never, {}, {}, never, never, true, never>;
|
|
5
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import { type TuiSizeS } from '@taiga-ui/core/types';
|
|
3
|
-
import { TuiAccordionItemContent } from './accordion-item-content.directive';
|
|
4
|
-
import { TuiAccordionItemEagerContent } from './accordion-item-eager-content.directive';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class TuiAccordionItem {
|
|
7
|
-
private readonly cdr;
|
|
8
|
-
protected readonly eagerContent?: TuiAccordionItemEagerContent;
|
|
9
|
-
protected readonly lazyContent?: TuiAccordionItemContent;
|
|
10
|
-
noPadding: boolean;
|
|
11
|
-
showArrow: boolean;
|
|
12
|
-
borders: 'all' | 'top-bottom' | null;
|
|
13
|
-
size: TuiSizeS;
|
|
14
|
-
disabled: boolean;
|
|
15
|
-
disableHover: boolean;
|
|
16
|
-
open: boolean;
|
|
17
|
-
async: boolean;
|
|
18
|
-
readonly openChange: EventEmitter<boolean>;
|
|
19
|
-
close(): void;
|
|
20
|
-
protected onRowToggle(): void;
|
|
21
|
-
protected onItemKeyDownEsc(event: Event): void;
|
|
22
|
-
private updateOpen;
|
|
23
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiAccordionItem, never>;
|
|
24
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiAccordionItem, "tui-accordion-item", never, { "noPadding": { "alias": "noPadding"; "required": false; }; "showArrow": { "alias": "showArrow"; "required": false; }; "borders": { "alias": "borders"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disableHover": { "alias": "disableHover"; "required": false; }; "open": { "alias": "open"; "required": false; }; "async": { "alias": "async"; "required": false; }; }, { "openChange": "openChange"; }, ["eagerContent", "lazyContent"], ["*", "[tuiAccordionItemContent]:not(ng-template)"], true, never>;
|
|
25
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { TuiDropdownPortal } from '@taiga-ui/core/directives/dropdown';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class TuiActionBarDirective extends TuiDropdownPortal {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiActionBarDirective, never>;
|
|
5
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiActionBarDirective, "ng-template[tuiActionBar]", never, { "tuiDropdown": { "alias": "tuiActionBar"; "required": false; }; }, {}, never, never, true, never>;
|
|
6
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class TuiElasticContainer {
|
|
3
|
-
protected height: number;
|
|
4
|
-
protected transitions: number;
|
|
5
|
-
protected onAnimation(_name: string, count: number): void;
|
|
6
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiElasticContainer, never>;
|
|
7
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiElasticContainer, "tui-elastic-container", never, {}, {}, never, ["*"], true, never>;
|
|
8
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class TuiElasticContainerDirective {
|
|
3
|
-
private readonly el;
|
|
4
|
-
readonly tuiElasticContainer: import("rxjs").Observable<number>;
|
|
5
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiElasticContainerDirective, never>;
|
|
6
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiElasticContainerDirective, "[tuiElasticContainer]", never, {}, { "tuiElasticContainer": "tuiElasticContainer"; }, never, never, true, never>;
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class TuiFloatingContainer {
|
|
3
|
-
protected readonly nothing: undefined;
|
|
4
|
-
background: string;
|
|
5
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiFloatingContainer, never>;
|
|
6
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiFloatingContainer, "[tuiFloatingContainer]", never, { "background": { "alias": "tuiFloatingContainer"; "required": false; }; }, {}, never, never, true, never>;
|
|
7
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './floating-container.directive';
|