@taiga-ui/core 4.52.0-canary.6ee9658 → 4.52.0-canary.763e67d

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.
Files changed (255) hide show
  1. package/classes/accessors.d.ts +1 -1
  2. package/components/calendar/calendar-sheet.component.d.ts +1 -1
  3. package/{pipes/calendar-sheet → components/calendar}/calendar-sheet.pipe.d.ts +2 -2
  4. package/components/calendar/calendar-spin.component.d.ts +1 -0
  5. package/components/calendar/calendar-year.component.d.ts +1 -1
  6. package/components/calendar/calendar.options.d.ts +9 -0
  7. package/components/calendar/index.d.ts +3 -0
  8. package/{pipes/order-week-days → components/calendar}/order-week-days.pipe.d.ts +1 -1
  9. package/components/data-list/data-list.component.d.ts +2 -4
  10. package/components/data-list/data-list.d.ts +3 -4
  11. package/components/data-list/data-list.tokens.d.ts +1 -23
  12. package/components/data-list/index.d.ts +3 -4
  13. package/components/data-list/option-content.directive.d.ts +14 -0
  14. package/components/data-list/option-with-value.directive.d.ts +9 -0
  15. package/components/data-list/option.directive.d.ts +19 -0
  16. package/components/icon/icon.component.d.ts +2 -2
  17. package/components/index.d.ts +2 -2
  18. package/components/input/index.d.ts +2 -0
  19. package/components/input/input.d.ts +5 -0
  20. package/components/{textfield/textfield.directive.d.ts → input/input.directive.d.ts} +7 -8
  21. package/components/label/label.directive.d.ts +1 -1
  22. package/components/link/index.d.ts +0 -1
  23. package/components/link/link.directive.d.ts +8 -6
  24. package/components/notification/notification.component.d.ts +1 -1
  25. package/components/notification/notification.options.d.ts +1 -1
  26. package/components/notification/notification.service.d.ts +1 -1
  27. package/components/scrollbar/scroll-ref.directive.d.ts +2 -0
  28. package/components/scrollbar/scrollbar.component.d.ts +1 -5
  29. package/components/spin-button/spin-button.component.d.ts +1 -1
  30. package/components/textfield/index.d.ts +0 -1
  31. package/components/textfield/textfield-multi/textfield-multi.component.d.ts +2 -2
  32. package/components/textfield/textfield.component.d.ts +3 -4
  33. package/components/textfield/textfield.d.ts +2 -3
  34. package/directives/group/group.directive.d.ts +7 -7
  35. package/directives/index.d.ts +0 -5
  36. package/directives/items-handlers/items-handlers.directive.d.ts +5 -9
  37. package/directives/items-handlers/items-handlers.tokens.d.ts +4 -4
  38. package/fesm2022/taiga-ui-core-classes.mjs +7 -9
  39. package/fesm2022/taiga-ui-core-classes.mjs.map +1 -1
  40. package/fesm2022/taiga-ui-core-components-button.mjs +7 -7
  41. package/fesm2022/taiga-ui-core-components-button.mjs.map +1 -1
  42. package/fesm2022/taiga-ui-core-components-calendar.mjs +135 -26
  43. package/fesm2022/taiga-ui-core-components-calendar.mjs.map +1 -1
  44. package/fesm2022/taiga-ui-core-components-cell.mjs +7 -7
  45. package/fesm2022/taiga-ui-core-components-cell.mjs.map +1 -1
  46. package/fesm2022/taiga-ui-core-components-data-list.mjs +94 -230
  47. package/fesm2022/taiga-ui-core-components-data-list.mjs.map +1 -1
  48. package/fesm2022/taiga-ui-core-components-error.mjs +9 -9
  49. package/fesm2022/taiga-ui-core-components-expand.mjs +3 -3
  50. package/fesm2022/taiga-ui-core-components-icon.mjs +8 -8
  51. package/fesm2022/taiga-ui-core-components-icon.mjs.map +1 -1
  52. package/fesm2022/taiga-ui-core-components-input.mjs +104 -0
  53. package/fesm2022/taiga-ui-core-components-input.mjs.map +1 -0
  54. package/fesm2022/taiga-ui-core-components-label.mjs +10 -12
  55. package/fesm2022/taiga-ui-core-components-label.mjs.map +1 -1
  56. package/fesm2022/taiga-ui-core-components-link.mjs +13 -24
  57. package/fesm2022/taiga-ui-core-components-link.mjs.map +1 -1
  58. package/fesm2022/taiga-ui-core-components-loader.mjs +3 -3
  59. package/fesm2022/taiga-ui-core-components-loader.mjs.map +1 -1
  60. package/fesm2022/taiga-ui-core-components-notification.mjs +22 -24
  61. package/fesm2022/taiga-ui-core-components-notification.mjs.map +1 -1
  62. package/fesm2022/taiga-ui-core-components-root.mjs +5 -5
  63. package/fesm2022/taiga-ui-core-components-root.mjs.map +1 -1
  64. package/fesm2022/taiga-ui-core-components-scrollbar.mjs +42 -47
  65. package/fesm2022/taiga-ui-core-components-scrollbar.mjs.map +1 -1
  66. package/fesm2022/taiga-ui-core-components-spin-button.mjs +5 -5
  67. package/fesm2022/taiga-ui-core-components-spin-button.mjs.map +1 -1
  68. package/fesm2022/taiga-ui-core-components-textfield.mjs +50 -132
  69. package/fesm2022/taiga-ui-core-components-textfield.mjs.map +1 -1
  70. package/fesm2022/{taiga-ui-core-directives-title.mjs → taiga-ui-core-components-title.mjs} +7 -7
  71. package/fesm2022/{taiga-ui-core-directives-title.mjs.map → taiga-ui-core-components-title.mjs.map} +1 -1
  72. package/fesm2022/taiga-ui-core-components.mjs +2 -2
  73. package/fesm2022/taiga-ui-core-directives-appearance.mjs +10 -10
  74. package/fesm2022/taiga-ui-core-directives-appearance.mjs.map +1 -1
  75. package/fesm2022/taiga-ui-core-directives-date-format.mjs +3 -3
  76. package/fesm2022/taiga-ui-core-directives-group.mjs +20 -28
  77. package/fesm2022/taiga-ui-core-directives-group.mjs.map +1 -1
  78. package/fesm2022/taiga-ui-core-directives-icons.mjs +9 -9
  79. package/fesm2022/taiga-ui-core-directives-items-handlers.mjs +15 -36
  80. package/fesm2022/taiga-ui-core-directives-items-handlers.mjs.map +1 -1
  81. package/fesm2022/taiga-ui-core-directives-number-format.mjs +3 -3
  82. package/fesm2022/taiga-ui-core-directives.mjs +0 -5
  83. package/fesm2022/taiga-ui-core-directives.mjs.map +1 -1
  84. package/fesm2022/taiga-ui-core-pipes-format-number.mjs +5 -8
  85. package/fesm2022/taiga-ui-core-pipes-format-number.mjs.map +1 -1
  86. package/fesm2022/taiga-ui-core-pipes.mjs +0 -7
  87. package/fesm2022/taiga-ui-core-pipes.mjs.map +1 -1
  88. package/fesm2022/{taiga-ui-core-directives-alert.mjs → taiga-ui-core-portals-alert.mjs} +12 -12
  89. package/fesm2022/taiga-ui-core-portals-alert.mjs.map +1 -0
  90. package/fesm2022/{taiga-ui-core-components-dialog.mjs → taiga-ui-core-portals-dialog.mjs} +16 -16
  91. package/fesm2022/taiga-ui-core-portals-dialog.mjs.map +1 -0
  92. package/fesm2022/{taiga-ui-core-directives-dropdown.mjs → taiga-ui-core-portals-dropdown.mjs} +149 -237
  93. package/fesm2022/taiga-ui-core-portals-dropdown.mjs.map +1 -0
  94. package/fesm2022/{taiga-ui-core-directives-hint.mjs → taiga-ui-core-portals-hint.mjs} +57 -57
  95. package/fesm2022/taiga-ui-core-portals-hint.mjs.map +1 -0
  96. package/fesm2022/{taiga-ui-core-components-modal.mjs → taiga-ui-core-portals-modal.mjs} +10 -10
  97. package/fesm2022/taiga-ui-core-portals-modal.mjs.map +1 -0
  98. package/fesm2022/{taiga-ui-core-directives-popup.mjs → taiga-ui-core-portals-popup.mjs} +10 -10
  99. package/fesm2022/taiga-ui-core-portals-popup.mjs.map +1 -0
  100. package/fesm2022/taiga-ui-core-portals.mjs +11 -0
  101. package/fesm2022/taiga-ui-core-portals.mjs.map +1 -0
  102. package/fesm2022/taiga-ui-core-services.mjs +16 -55
  103. package/fesm2022/taiga-ui-core-services.mjs.map +1 -1
  104. package/fesm2022/taiga-ui-core-tokens.mjs +5 -33
  105. package/fesm2022/taiga-ui-core-tokens.mjs.map +1 -1
  106. package/fesm2022/taiga-ui-core-utils-format.mjs +1 -23
  107. package/fesm2022/taiga-ui-core-utils-format.mjs.map +1 -1
  108. package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs +19 -19
  109. package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs.map +1 -1
  110. package/fesm2022/taiga-ui-core.mjs +1 -1
  111. package/index.d.ts +1 -1
  112. package/package.json +37 -62
  113. package/pipes/format-number/format-number.pipe.d.ts +1 -1
  114. package/pipes/index.d.ts +0 -7
  115. package/{components → portals}/dialog/dialog.service.d.ts +1 -1
  116. package/{directives → portals}/dropdown/dropdown-hover.directive.d.ts +5 -10
  117. package/{directives → portals}/dropdown/dropdown-manual.directive.d.ts +2 -2
  118. package/portals/dropdown/dropdown-open.directive.d.ts +30 -0
  119. package/{directives → portals}/dropdown/dropdown-position-sided.directive.d.ts +3 -3
  120. package/{directives → portals}/dropdown/dropdown-position.directive.d.ts +4 -4
  121. package/{directives → portals}/dropdown/dropdown-selection.directive.d.ts +4 -5
  122. package/{directives → portals}/dropdown/dropdown.bindings.d.ts +0 -1
  123. package/{directives → portals}/dropdown/dropdown.d.ts +1 -2
  124. package/{directives → portals}/dropdown/dropdown.directive.d.ts +5 -6
  125. package/{directives → portals}/dropdown/index.d.ts +0 -1
  126. package/{directives → portals}/hint/hint-position.directive.d.ts +3 -3
  127. package/{directives → portals}/hint/hint.directive.d.ts +1 -1
  128. package/portals/index.d.ts +6 -0
  129. package/services/index.d.ts +0 -2
  130. package/styles/components/appearance.less +5 -0
  131. package/styles/components/button.less +1 -1
  132. package/styles/components/link.less +8 -23
  133. package/styles/components/notification.less +4 -4
  134. package/styles/components/textfield.less +32 -65
  135. package/styles/mixins/appearance.less +9 -25
  136. package/styles/mixins/appearance.scss +8 -24
  137. package/styles/mixins/slider.scss +1 -2
  138. package/styles/taiga-ui-local.less +0 -1
  139. package/styles/taiga-ui-local.scss +0 -1
  140. package/styles/taiga-ui-theme.less +0 -1
  141. package/styles/theme/appearance/outline.less +9 -18
  142. package/styles/theme/appearance/primary.less +2 -4
  143. package/styles/theme/appearance/secondary.less +6 -14
  144. package/styles/theme/appearance/status.less +0 -4
  145. package/styles/theme/appearance/table.less +38 -31
  146. package/styles/theme/appearance.less +0 -1
  147. package/styles/theme/variables.less +15 -15
  148. package/tokens/common-icons.d.ts +2 -0
  149. package/tokens/icons.d.ts +0 -4
  150. package/tokens/index.d.ts +0 -4
  151. package/types/index.d.ts +0 -2
  152. package/types/point.d.ts +1 -1
  153. package/types/size.d.ts +0 -11
  154. package/utils/format/index.d.ts +0 -1
  155. package/utils/miscellaneous/font-scaling.d.ts +2 -1
  156. package/utils/miscellaneous/get-duration.d.ts +2 -0
  157. package/utils/miscellaneous/index.d.ts +1 -1
  158. package/animations/animations.d.ts +0 -109
  159. package/animations/index.d.ts +0 -1
  160. package/components/data-list/data-list.directive.d.ts +0 -7
  161. package/components/data-list/option/option-content.d.ts +0 -16
  162. package/components/data-list/option/option-legacy.component.d.ts +0 -24
  163. package/components/data-list/option/option.directive.d.ts +0 -26
  164. package/components/link/link.options.d.ts +0 -10
  165. package/directives/dropdown/dropdown-open-legacy.directive.d.ts +0 -12
  166. package/directives/dropdown/dropdown-open.directive.d.ts +0 -33
  167. package/fesm2022/taiga-ui-core-animations.mjs +0 -370
  168. package/fesm2022/taiga-ui-core-animations.mjs.map +0 -1
  169. package/fesm2022/taiga-ui-core-components-dialog.mjs.map +0 -1
  170. package/fesm2022/taiga-ui-core-components-modal.mjs.map +0 -1
  171. package/fesm2022/taiga-ui-core-directives-alert.mjs.map +0 -1
  172. package/fesm2022/taiga-ui-core-directives-dropdown.mjs.map +0 -1
  173. package/fesm2022/taiga-ui-core-directives-hint.mjs.map +0 -1
  174. package/fesm2022/taiga-ui-core-directives-popup.mjs.map +0 -1
  175. package/fesm2022/taiga-ui-core-pipes-auto-color.mjs +0 -24
  176. package/fesm2022/taiga-ui-core-pipes-auto-color.mjs.map +0 -1
  177. package/fesm2022/taiga-ui-core-pipes-calendar-sheet.mjs +0 -93
  178. package/fesm2022/taiga-ui-core-pipes-calendar-sheet.mjs.map +0 -1
  179. package/fesm2022/taiga-ui-core-pipes-flag.mjs +0 -31
  180. package/fesm2022/taiga-ui-core-pipes-flag.mjs.map +0 -1
  181. package/fesm2022/taiga-ui-core-pipes-format-date.mjs +0 -27
  182. package/fesm2022/taiga-ui-core-pipes-format-date.mjs.map +0 -1
  183. package/fesm2022/taiga-ui-core-pipes-initials.mjs +0 -28
  184. package/fesm2022/taiga-ui-core-pipes-initials.mjs.map +0 -1
  185. package/fesm2022/taiga-ui-core-pipes-month.mjs +0 -29
  186. package/fesm2022/taiga-ui-core-pipes-month.mjs.map +0 -1
  187. package/fesm2022/taiga-ui-core-pipes-order-week-days.mjs +0 -35
  188. package/fesm2022/taiga-ui-core-pipes-order-week-days.mjs.map +0 -1
  189. package/pipes/auto-color/auto-color.pipe.d.ts +0 -7
  190. package/pipes/auto-color/index.d.ts +0 -1
  191. package/pipes/calendar-sheet/index.d.ts +0 -1
  192. package/pipes/calendar-sheet/utils.d.ts +0 -20
  193. package/pipes/flag/flag.pipe.d.ts +0 -14
  194. package/pipes/flag/index.d.ts +0 -1
  195. package/pipes/format-date/format-date.pipe.d.ts +0 -9
  196. package/pipes/format-date/index.d.ts +0 -1
  197. package/pipes/initials/index.d.ts +0 -1
  198. package/pipes/initials/initials.pipe.d.ts +0 -7
  199. package/pipes/month/index.d.ts +0 -1
  200. package/pipes/month/month.pipe.d.ts +0 -10
  201. package/pipes/order-week-days/index.d.ts +0 -1
  202. package/services/dark-theme.service.d.ts +0 -10
  203. package/services/format-date.service.d.ts +0 -8
  204. package/styles/mixins/wrapper.less +0 -64
  205. package/styles/mixins/wrapper.scss +0 -61
  206. package/styles/theme/appearance/opposite.less +0 -17
  207. package/styles/theme/wrapper.less +0 -211
  208. package/tokens/day-type-handler.d.ts +0 -7
  209. package/tokens/first-day-of-week.d.ts +0 -5
  210. package/tokens/scroll-ref.d.ts +0 -2
  211. package/tokens/spin-icons.d.ts +0 -6
  212. package/types/range-state.d.ts +0 -4
  213. package/types/value-content-context.d.ts +0 -4
  214. package/utils/format/string-hash-to-hsl.d.ts +0 -6
  215. package/utils/miscellaneous/to-animation-options.d.ts +0 -4
  216. /package/{directives → components}/title/index.d.ts +0 -0
  217. /package/{directives → components}/title/title.directive.d.ts +0 -0
  218. /package/{directives → portals}/alert/alert.directive.d.ts +0 -0
  219. /package/{directives → portals}/alert/alert.service.d.ts +0 -0
  220. /package/{directives → portals}/alert/index.d.ts +0 -0
  221. /package/{components → portals}/dialog/dialog.component.d.ts +0 -0
  222. /package/{components → portals}/dialog/dialog.directive.d.ts +0 -0
  223. /package/{components → portals}/dialog/dialog.factory.d.ts +0 -0
  224. /package/{components → portals}/dialog/dialog.options.d.ts +0 -0
  225. /package/{components → portals}/dialog/dialog.providers.d.ts +0 -0
  226. /package/{components → portals}/dialog/index.d.ts +0 -0
  227. /package/{directives → portals}/dropdown/dropdown-content.directive.d.ts +0 -0
  228. /package/{directives → portals}/dropdown/dropdown-context.directive.d.ts +0 -0
  229. /package/{directives → portals}/dropdown/dropdown-hover.options.d.ts +0 -0
  230. /package/{directives → portals}/dropdown/dropdown-limit-width.d.ts +0 -0
  231. /package/{directives → portals}/dropdown/dropdown-options.directive.d.ts +0 -0
  232. /package/{directives → portals}/dropdown/dropdown.component.d.ts +0 -0
  233. /package/{directives → portals}/dropdown/dropdown.driver.d.ts +0 -0
  234. /package/{directives → portals}/dropdown/dropdown.providers.d.ts +0 -0
  235. /package/{directives → portals}/dropdown/with-dropdown-open.directive.d.ts +0 -0
  236. /package/{directives → portals}/hint/hint-describe.directive.d.ts +0 -0
  237. /package/{directives → portals}/hint/hint-driver.directive.d.ts +0 -0
  238. /package/{directives → portals}/hint/hint-host.directive.d.ts +0 -0
  239. /package/{directives → portals}/hint/hint-hover.directive.d.ts +0 -0
  240. /package/{directives → portals}/hint/hint-manual.directive.d.ts +0 -0
  241. /package/{directives → portals}/hint/hint-options.directive.d.ts +0 -0
  242. /package/{directives → portals}/hint/hint-overflow.directive.d.ts +0 -0
  243. /package/{directives → portals}/hint/hint-pointer.directive.d.ts +0 -0
  244. /package/{directives → portals}/hint/hint-unstyled.component.d.ts +0 -0
  245. /package/{directives → portals}/hint/hint.component.d.ts +0 -0
  246. /package/{directives → portals}/hint/hint.d.ts +0 -0
  247. /package/{directives → portals}/hint/hint.providers.d.ts +0 -0
  248. /package/{directives → portals}/hint/index.d.ts +0 -0
  249. /package/{components → portals}/modal/index.d.ts +0 -0
  250. /package/{components → portals}/modal/modal.component.d.ts +0 -0
  251. /package/{components → portals}/modal/modal.service.d.ts +0 -0
  252. /package/{directives → portals}/popup/index.d.ts +0 -0
  253. /package/{directives → portals}/popup/popup.directive.d.ts +0 -0
  254. /package/{directives → portals}/popup/popup.service.d.ts +0 -0
  255. /package/{directives → portals}/popup/popups.component.d.ts +0 -0
@@ -13,14 +13,6 @@
13
13
  &[data-state='hover'] {
14
14
  @content;
15
15
  }
16
-
17
- /* @deprecated TODO remove in v5 */
18
- @media ($tui-mouse) {
19
- &[tuiWrapper]:hover:not(._no-hover),
20
- &[tuiWrapper][data-state='hover'] {
21
- @content;
22
- }
23
- }
24
16
  }
25
17
 
26
18
  @mixin appearance-active {
@@ -33,13 +25,6 @@
33
25
  &[data-state='active'] {
34
26
  @content;
35
27
  }
36
-
37
- /* @deprecated TODO remove in v5 */
38
- &[tuiWrapper]:active:not(._no-active),
39
- &[tuiWrapper][data-state='active'],
40
- &[tuiWrapper][data-state='active']:hover {
41
- @content;
42
- }
43
28
  }
44
29
 
45
30
  @mixin appearance-disabled {
@@ -47,12 +32,6 @@
47
32
  &[data-state='disabled'] {
48
33
  @content;
49
34
  }
50
-
51
- /* @deprecated TODO remove in v5 */
52
- &[tuiWrapper]:disabled:not([data-state]),
53
- &[tuiWrapper][data-state='disabled'] {
54
- @content;
55
- }
56
35
  }
57
36
 
58
37
  @mixin appearance-focus {
@@ -63,10 +42,15 @@
63
42
  &[data-focus='true'] {
64
43
  @content;
65
44
  }
45
+ }
66
46
 
67
- /* @deprecated TODO remove in v5 */
68
- &[tuiWrapper]:not(._focused):has(:focus-visible),
69
- &[tuiWrapper]._focused {
47
+ @mixin appearance-invalid {
48
+ &:is([data-mode~='invalid'], .tui-invalid, :invalid):not(
49
+ [data-mode~='readonly'],
50
+ [data-mode~='valid'],
51
+ [data-state='disabled'],
52
+ :disabled
53
+ ) {
70
54
  @content;
71
55
  }
72
56
  }
@@ -60,12 +60,11 @@ $track-inset: (
60
60
  --t-offset: calc(var(--tui-radius-l) / 2 + $thumb / 2);
61
61
  }
62
62
 
63
- tui-input-range:not([new]) + &, /* TODO(v5): delete */
64
63
  tui-range + & {
65
64
  --t-offset: $thumb;
66
65
  }
67
66
 
68
- tui-input-range[new] + & {
67
+ tui-input-range + & {
69
68
  --t-offset: calc(map-get($track-inset, $input-size) + $thumb);
70
69
  }
71
70
  }
@@ -3,6 +3,5 @@
3
3
  @import 'mixins/mixins.less';
4
4
  @import 'mixins/picker.less';
5
5
  @import 'mixins/slider.less';
6
- @import 'mixins/wrapper.less';
7
6
  @import 'mixins/appearance.less';
8
7
  @import 'variables/media.less';
@@ -2,6 +2,5 @@
2
2
  @import 'mixins/mixins.scss';
3
3
  @import 'mixins/picker.scss';
4
4
  @import 'mixins/slider.scss';
5
- @import 'mixins/wrapper.scss';
6
5
  @import 'mixins/appearance.scss';
7
6
  @import 'variables/media.scss';
@@ -1,5 +1,4 @@
1
1
  @import 'theme/variables.less';
2
2
  @import 'theme/palette.less';
3
3
  @import 'theme/appearance.less';
4
- @import 'theme/wrapper.less';
5
4
  @import 'theme/appearance/textfield.less';
@@ -2,9 +2,7 @@
2
2
 
3
3
  [tuiAppearance][data-appearance='outline'],
4
4
  [tuiAppearance][data-appearance='outline-destructive'],
5
- [tuiAppearance][data-appearance='outline-grayscale'],
6
- /* TODO @deprecated remove in v5 */
7
- [tuiAppearance][data-appearance='whiteblock'] {
5
+ [tuiAppearance][data-appearance='outline-grayscale'] {
8
6
  --t-bs: var(--tui-border-normal);
9
7
 
10
8
  color: var(--tui-text-action);
@@ -25,17 +23,14 @@
25
23
  });
26
24
  }
27
25
 
28
- &:invalid:not([data-mode]),
29
- &[data-mode~='invalid'],
30
- &.tui-invalid:not([data-mode]) {
26
+ .appearance-invalid({
31
27
  box-shadow: inset 0 0 0 1px var(--tui-status-negative-pale-hover);
32
- }
33
28
 
34
- &:checked:invalid:not([data-mode]),
35
- &[data-mode~='checked'][data-mode~='invalid'],
36
- &:checked.tui-invalid:not([data-mode]) {
37
- box-shadow: inset 0 0 0 2px var(--tui-status-negative);
38
- }
29
+ &:checked,
30
+ &[data-mode~='checked'] {
31
+ box-shadow: inset 0 0 0 2px var(--tui-status-negative);
32
+ }
33
+ });
39
34
 
40
35
  .appearance-hover({
41
36
  cursor: pointer;
@@ -48,9 +43,7 @@
48
43
  });
49
44
  }
50
45
 
51
- [tuiAppearance][data-appearance='outline-grayscale'],
52
- /* TODO @deprecated remove in v5 */
53
- [tuiAppearance][data-appearance='whiteblock'] {
46
+ [tuiAppearance][data-appearance='outline-grayscale'] {
54
47
  color: var(--tui-text-primary);
55
48
  }
56
49
 
@@ -60,9 +53,7 @@
60
53
 
61
54
  [tuiAppearance][data-appearance='icon'],
62
55
  [tuiAppearance][data-appearance='outline-grayscale'],
63
- [tuiAppearance][data-appearance='floating'],
64
- /* TODO @deprecated remove in v5 */
65
- [tuiAppearance][data-appearance='whiteblock'] {
56
+ [tuiAppearance][data-appearance='floating'] {
66
57
  color: var(--tui-text-primary);
67
58
 
68
59
  &::before,
@@ -6,11 +6,9 @@
6
6
  background: var(--t-bg);
7
7
  color: var(--tui-text-primary-on-accent-1);
8
8
 
9
- &:invalid:not([data-mode]),
10
- &[data-mode~='invalid'],
11
- &.tui-invalid:not([data-mode]) {
9
+ .appearance-invalid({
12
10
  background: var(--tui-status-negative);
13
- }
11
+ });
14
12
 
15
13
  .appearance-hover({
16
14
  --t-bg: var(--tui-background-accent-1-hover);
@@ -2,9 +2,7 @@
2
2
 
3
3
  [tuiAppearance][data-appearance='secondary'],
4
4
  [tuiAppearance][data-appearance='secondary-destructive'],
5
- [tuiAppearance][data-appearance='secondary-grayscale'],
6
- /* TODO @deprecated remove in v5 */
7
- [tuiAppearance][data-appearance='destructive'] {
5
+ [tuiAppearance][data-appearance='secondary-grayscale'] {
8
6
  background: var(--tui-background-neutral-1);
9
7
  color: var(--tui-text-action);
10
8
 
@@ -30,9 +28,7 @@
30
28
  background: var(--tui-background-accent-1-pressed);
31
29
  });
32
30
 
33
- &:invalid:not([data-mode]),
34
- &[data-mode~='invalid'],
35
- &.tui-invalid:not([data-mode]) {
31
+ .appearance-invalid({
36
32
  background: var(--tui-status-negative);
37
33
  color: #fff;
38
34
 
@@ -45,12 +41,10 @@
45
41
  background: var(--tui-status-negative);
46
42
  color: #fff;
47
43
  });
48
- }
44
+ });
49
45
  }
50
46
 
51
- &:invalid:not([data-mode]),
52
- &[data-mode~='invalid'],
53
- &.tui-invalid:not([data-mode]) {
47
+ .appearance-invalid({
54
48
  color: var(--tui-text-negative);
55
49
  background: var(--tui-status-negative-pale);
56
50
 
@@ -63,12 +57,10 @@
63
57
  color: var(--tui-text-negative-hover);
64
58
  background: var(--tui-status-negative-pale-hover);
65
59
  });
66
- }
60
+ });
67
61
  }
68
62
 
69
- [tuiAppearance][data-appearance='secondary-destructive'],
70
- /* TODO @deprecated remove in v5 */
71
- [tuiAppearance][data-appearance='destructive'] {
63
+ [tuiAppearance][data-appearance='secondary-destructive'] {
72
64
  color: var(--tui-text-negative);
73
65
  }
74
66
 
@@ -1,7 +1,5 @@
1
1
  @import '@taiga-ui/core/styles/taiga-ui-local.less';
2
2
 
3
- [tuiAppearance][data-appearance='error'], /* TODO @deprecated remove in v5 */
4
- [tuiAppearance][data-appearance='success'], /* TODO @deprecated remove in v5 */
5
3
  [tuiAppearance][data-appearance='negative'],
6
4
  [tuiAppearance][data-appearance='positive'],
7
5
  [tuiAppearance][data-appearance='warning'],
@@ -16,7 +14,6 @@
16
14
  }
17
15
  }
18
16
 
19
- [tuiAppearance][data-appearance='error'], /* TODO @deprecated remove in v5 */
20
17
  [tuiAppearance][data-appearance='negative'] {
21
18
  --t-bg: var(--tui-status-negative-pale);
22
19
 
@@ -39,7 +36,6 @@
39
36
  }
40
37
  }
41
38
 
42
- [tuiAppearance][data-appearance='success'], /* TODO @deprecated remove in v5 */
43
39
  [tuiAppearance][data-appearance='positive'] {
44
40
  --t-bg: var(--tui-status-positive-pale);
45
41
 
@@ -1,47 +1,54 @@
1
1
  @import '@taiga-ui/core/styles/taiga-ui-local.less';
2
2
 
3
- /*
4
- TODO: remove :not([tuiWrapper]) after legacy controls deletion
5
- */
6
- [tuiAppearance][data-appearance='table']:not([tuiWrapper]) {
7
- content: '';
8
- position: fixed;
9
- /* TODO: Use inset: -1px after Safari 14+ support */
10
- top: -1px;
11
- bottom: -1px;
12
- left: -1px;
13
- right: -1px;
14
- inline-size: auto;
3
+ [tuiAppearance][data-appearance='table'] {
15
4
  block-size: auto;
16
- border-radius: 0;
5
+ border-radius: 0 !important;
17
6
  background: transparent;
7
+ color: var(--tui-text-primary);
18
8
  border: none;
19
9
  outline: none;
20
10
  border-block-end: calc(var(--t-row-height) - var(--t-height)) solid transparent;
21
11
 
22
- &:not(._empty) {
23
- color: var(--tui-text-primary);
12
+ &:is(tui-textfield[multi]),
13
+ &:is(tui-input-card-group) {
14
+ min-block-size: 100%;
15
+ border-block-end: 0;
24
16
  }
25
17
 
26
- .appearance-hover({
27
- &[data-focus='false'] {
28
- background-color: var(--tui-background-neutral-1);
29
- }
30
- });
18
+ &:is(textarea) {
19
+ block-size: 100%;
20
+ border-block-end: 0;
21
+ }
22
+
23
+ &::before,
24
+ &::after {
25
+ color: var(--tui-text-tertiary);
26
+ }
27
+
28
+ &:not([data-mode~='readonly']) {
29
+ .appearance-hover({
30
+ &[data-focus='false'] {
31
+ background-color: var(--tui-background-neutral-1);
32
+ }
33
+
34
+ &::before,
35
+ &::after {
36
+ color: var(--tui-text-secondary);
37
+ }
38
+ });
39
+ }
31
40
 
32
41
  .appearance-focus({
33
- outline-offset: -0.125rem;
42
+ outline-offset: -1px;
34
43
  outline: 0.125rem solid var(--tui-border-focus);
35
44
  });
36
45
 
37
- &:invalid:not([data-mode]),
38
- &[data-mode~='invalid'],
39
- &.tui-invalid:not([data-mode]) {
40
- background-origin: border-box;
41
- background-position: top right;
42
- background-repeat: no-repeat;
43
- background-image: linear-gradient(to top right, transparent 0% 50%, var(--tui-status-negative) 50% 100%);
44
- background-size: 0.5rem 0.5rem;
46
+ .appearance-invalid({
47
+ background:
48
+ linear-gradient(to top right, transparent 0% 50%, var(--tui-status-negative) 50% 100%)
49
+ top right / 0.5rem 0.5rem
50
+ no-repeat
51
+ border-box;
45
52
 
46
53
  &[data-focus='false'] {
47
54
  background-color: var(--tui-status-negative-pale);
@@ -60,8 +67,8 @@ TODO: remove :not([tuiWrapper]) after legacy controls deletion
60
67
 
61
68
  .appearance-focus({
62
69
  background-color: transparent;
63
- outline-offset: -0.0625rem;
70
+ outline-offset: 0;
64
71
  outline: 0.0625rem solid var(--tui-status-negative);
65
72
  });
66
- }
73
+ });
67
74
  }
@@ -3,7 +3,6 @@
3
3
  @import 'appearance/flat.less';
4
4
  @import 'appearance/floating.less';
5
5
  @import 'appearance/glass.less';
6
- @import 'appearance/opposite.less';
7
6
  @import 'appearance/outline.less';
8
7
  @import 'appearance/primary.less';
9
8
  @import 'appearance/secondary.less';
@@ -5,23 +5,23 @@
5
5
  --tui-font-text: 'Manrope', system-ui, sans-serif;
6
6
  --tui-font-offset: ~'0rem';
7
7
  // Heading
8
- --tui-font-heading-1: bold calc(var(--tui-font-offset) + 3.125rem) / 3.5rem var(--tui-font-heading);
9
- --tui-font-heading-2: bold calc(var(--tui-font-offset) + 2.75rem) / 3rem var(--tui-font-heading);
10
- --tui-font-heading-3: bold calc(var(--tui-font-offset) + 2.25rem) / 2.5rem var(--tui-font-heading);
11
- --tui-font-heading-4: bold calc(var(--tui-font-offset) + 1.75rem) / 2rem var(--tui-font-heading);
12
- --tui-font-heading-5: bold calc(var(--tui-font-offset) + 1.5rem) / 1.75rem var(--tui-font-heading);
13
- --tui-font-heading-6: bold calc(var(--tui-font-offset) + 1.25rem) / 1.5rem var(--tui-font-heading);
8
+ --tui-font-heading-1: bold calc(var(--tui-font-offset) + 3.125rem) / calc(50 / 56) var(--tui-font-heading);
9
+ --tui-font-heading-2: bold calc(var(--tui-font-offset) + 2.75rem) / calc(48 / 44) var(--tui-font-heading);
10
+ --tui-font-heading-3: bold calc(var(--tui-font-offset) + 2.25rem) / calc(40 / 36) var(--tui-font-heading);
11
+ --tui-font-heading-4: bold calc(var(--tui-font-offset) + 1.75rem) / calc(32 / 28) var(--tui-font-heading);
12
+ --tui-font-heading-5: bold calc(var(--tui-font-offset) + 1.5rem) / calc(28 / 24) var(--tui-font-heading);
13
+ --tui-font-heading-6: bold calc(var(--tui-font-offset) + 1.25rem) / calc(24 / 20) var(--tui-font-heading);
14
14
  // Body
15
- --tui-font-text-xl: normal calc(var(--tui-font-offset) + 1.1875rem) / 1.75rem var(--tui-font-text);
16
- --tui-font-text-l: normal calc(var(--tui-font-offset) + 1.0625rem) / 1.75rem var(--tui-font-text);
17
- --tui-font-text-m: normal calc(var(--tui-font-offset) + 1rem) / 1.5rem var(--tui-font-text);
18
- --tui-font-text-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1.25rem var(--tui-font-text);
19
- --tui-font-text-xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 1rem var(--tui-font-text);
15
+ --tui-font-text-xl: normal calc(var(--tui-font-offset) + 1.1875rem) / calc(28 / 19) var(--tui-font-text);
16
+ --tui-font-text-l: normal calc(var(--tui-font-offset) + 1.0625rem) / calc(28 / 17) var(--tui-font-text);
17
+ --tui-font-text-m: normal calc(var(--tui-font-offset) + 1rem) / calc(24 / 16) var(--tui-font-text);
18
+ --tui-font-text-s: normal calc(var(--tui-font-offset) + 0.8125rem) / calc(20 / 13) var(--tui-font-text);
19
+ --tui-font-text-xs: normal calc(var(--tui-font-offset) + 0.6875rem) / calc(16 / 11) var(--tui-font-text);
20
20
  // Reduced
21
- --tui-font-text-ui-l: normal calc(var(--tui-font-offset) + 1.0625rem) / 1.5rem var(--tui-font-text);
22
- --tui-font-text-ui-m: normal calc(var(--tui-font-offset) + 1rem) / 1.25rem var(--tui-font-text);
23
- --tui-font-text-ui-s: normal calc(var(--tui-font-offset) + 0.8125rem) / 1rem var(--tui-font-text);
24
- --tui-font-text-ui-xs: normal calc(var(--tui-font-offset) + 0.6875rem) / 0.8125rem var(--tui-font-text);
21
+ --tui-font-text-ui-l: normal calc(var(--tui-font-offset) + 1.0625rem) / calc(24 / 17) var(--tui-font-text);
22
+ --tui-font-text-ui-m: normal calc(var(--tui-font-offset) + 1rem) / calc(20 / 16) var(--tui-font-text);
23
+ --tui-font-text-ui-s: normal calc(var(--tui-font-offset) + 0.8125rem) / calc(16 / 13) var(--tui-font-text);
24
+ --tui-font-text-ui-xs: normal calc(var(--tui-font-offset) + 0.6875rem) / calc(13 / 11) var(--tui-font-text);
25
25
  // Radii
26
26
  --tui-radius-xs: 0.25rem;
27
27
  --tui-radius-s: 0.5rem;
@@ -5,5 +5,7 @@ export interface TuiCommonIcons {
5
5
  readonly more: string;
6
6
  readonly search: string;
7
7
  readonly ellipsis: string;
8
+ readonly decrement: string;
9
+ readonly increment: string;
8
10
  }
9
11
  export declare const TUI_COMMON_ICONS: import("@angular/core").InjectionToken<TuiCommonIcons>, tuiCommonIconsProvider: (item: Partial<TuiCommonIcons> | (() => Partial<TuiCommonIcons>)) => import("@angular/core").FactoryProvider;
package/tokens/icons.d.ts CHANGED
@@ -1,7 +1,3 @@
1
1
  import { type FactoryProvider, InjectionToken } from '@angular/core';
2
2
  export declare const TUI_ICON_REGISTRY: InjectionToken<Record<string, string>>;
3
- /**
4
- * @deprecated: use {@link TUI_ICON_REGISTRY}
5
- */
6
- export declare const TUI_ICON_STARTS: InjectionToken<Record<string, string>>;
7
3
  export declare function tuiIconsProvider(icons: Record<string, string>): FactoryProvider;
package/tokens/index.d.ts CHANGED
@@ -4,8 +4,6 @@ export * from './auxiliary';
4
4
  export * from './common-icons';
5
5
  export * from './dark-mode';
6
6
  export * from './date-format';
7
- export * from './day-type-handler';
8
- export * from './first-day-of-week';
9
7
  export * from './i18n';
10
8
  export * from './icon';
11
9
  export * from './icon-resolver';
@@ -13,9 +11,7 @@ export * from './icons';
13
11
  export * from './media';
14
12
  export * from './number-format';
15
13
  export * from './reduced-motion';
16
- export * from './scroll-ref';
17
14
  export * from './selection-stream';
18
- export * from './spin-icons';
19
15
  export * from './theme';
20
16
  export * from './validation-errors';
21
17
  export * from './viewport';
package/types/index.d.ts CHANGED
@@ -2,6 +2,4 @@ export type * from './direction';
2
2
  export type * from './interactive-state';
3
3
  export type * from './orientation';
4
4
  export type * from './point';
5
- export type * from './range-state';
6
5
  export type * from './size';
7
- export type * from './value-content-context';
package/types/point.d.ts CHANGED
@@ -1 +1 @@
1
- export type TuiPoint = Readonly<[number, number]>;
1
+ export type TuiPoint = Readonly<[x: number, y: number]>;
package/types/size.d.ts CHANGED
@@ -1,14 +1,3 @@
1
- /**
2
- * Various sizes for components
3
- *
4
- * 'xxs' - extra extra small
5
- * 'xs' - extra small
6
- * 's' - small
7
- * 'm' - medium (typically default)
8
- * 'l' - large
9
- * 'xl' - extra large
10
- * 'xxl' - extra extra large
11
- */
12
1
  export type TuiSizeM = 'm';
13
2
  export type TuiSizeS = TuiSizeM | 's';
14
3
  export type TuiSizeL = TuiSizeM | 'l';
@@ -1,4 +1,3 @@
1
1
  export * from './format-number';
2
2
  export * from './get-fractional-part-padded';
3
3
  export * from './number-to-string-without-exp';
4
- export * from './string-hash-to-hsl';
@@ -1,2 +1,3 @@
1
- import { type Provider } from '@angular/core';
1
+ import { InjectionToken, type Provider, type WritableSignal } from '@angular/core';
2
+ export declare const TUI_FONT_OFFSET: InjectionToken<WritableSignal<number>>;
2
3
  export declare function tuiEnableFontScaling(): Provider;
@@ -0,0 +1,2 @@
1
+ export declare const TUI_ANIMATIONS_DEFAULT_DURATION = 300;
2
+ export declare function tuiGetDuration(speed: number): number;
@@ -1,7 +1,7 @@
1
1
  export * from './font-scaling';
2
+ export * from './get-duration';
2
3
  export * from './is-editing-key';
3
4
  export * from './is-obscured';
4
5
  export * from './override-options';
5
6
  export * from './provide-taiga';
6
7
  export * from './size-bigger';
7
- export * from './to-animation-options';
@@ -1,109 +0,0 @@
1
- /**
2
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
3
- */
4
- export interface TuiDurationOptions {
5
- params: {
6
- duration: number;
7
- };
8
- value: string;
9
- }
10
- /**
11
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
12
- */
13
- export declare const tuiParentAnimation: import("@angular/animations").AnimationTriggerMetadata;
14
- /**
15
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
16
- */
17
- export declare const tuiParentStop: import("@angular/animations").AnimationTriggerMetadata;
18
- /**
19
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
20
- */
21
- export declare const tuiHost: import("@angular/animations").AnimationTriggerMetadata;
22
- /**
23
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
24
- */
25
- export declare const tuiHeightCollapse: import("@angular/animations").AnimationTriggerMetadata;
26
- /**
27
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
28
- */
29
- export declare const tuiHeightCollapseList: import("@angular/animations").AnimationTriggerMetadata;
30
- /**
31
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
32
- */
33
- export declare const tuiWidthCollapse: import("@angular/animations").AnimationTriggerMetadata;
34
- /**
35
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
36
- */
37
- export declare const tuiWidthCollapseList: import("@angular/animations").AnimationTriggerMetadata;
38
- /**
39
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
40
- */
41
- export declare const tuiCrossFade: import("@angular/animations").AnimationTriggerMetadata;
42
- /**
43
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
44
- */
45
- export declare const tuiFadeIn: import("@angular/animations").AnimationTriggerMetadata;
46
- /**
47
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
48
- */
49
- export declare const tuiFadeInList: import("@angular/animations").AnimationTriggerMetadata;
50
- /**
51
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
52
- */
53
- export declare const tuiFadeInTop: import("@angular/animations").AnimationTriggerMetadata;
54
- /**
55
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
56
- */
57
- export declare const tuiFadeInBottom: import("@angular/animations").AnimationTriggerMetadata;
58
- /**
59
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
60
- */
61
- export declare const tuiDropdownAnimation: import("@angular/animations").AnimationTriggerMetadata;
62
- /**
63
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
64
- */
65
- export declare const tuiScaleIn: import("@angular/animations").AnimationTriggerMetadata;
66
- /**
67
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
68
- */
69
- export declare const tuiPop: import("@angular/animations").AnimationTriggerMetadata;
70
- /**
71
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
72
- */
73
- export declare const tuiScaleInList: import("@angular/animations").AnimationTriggerMetadata;
74
- /**
75
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
76
- */
77
- export declare const tuiSlideIn: import("@angular/animations").AnimationTriggerMetadata;
78
- /**
79
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
80
- */
81
- export declare const tuiSlideInLeft: import("@angular/animations").AnimationTriggerMetadata;
82
- /**
83
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
84
- */
85
- export declare const tuiSlideInLeftList: import("@angular/animations").AnimationTriggerMetadata;
86
- /**
87
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
88
- */
89
- export declare const tuiSlideInRight: import("@angular/animations").AnimationTriggerMetadata;
90
- /**
91
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
92
- */
93
- export declare const tuiSlideInRightList: import("@angular/animations").AnimationTriggerMetadata;
94
- /**
95
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
96
- */
97
- export declare const tuiSlideInTop: import("@angular/animations").AnimationTriggerMetadata;
98
- /**
99
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
100
- */
101
- export declare const tuiSlideInTopList: import("@angular/animations").AnimationTriggerMetadata;
102
- /**
103
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
104
- */
105
- export declare const tuiSlideInBottom: import("@angular/animations").AnimationTriggerMetadata;
106
- /**
107
- * @deprecated Angular animations are deprecated, use {@link TuiAnimated} directive and CSS instead
108
- */
109
- export declare const tuiSlideInBottomList: import("@angular/animations").AnimationTriggerMetadata;
@@ -1 +0,0 @@
1
- export * from './animations';
@@ -1,7 +0,0 @@
1
- import { type Provider, type Type } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class TuiDataListDirective {
4
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiDataListDirective, never>;
5
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDataListDirective, "ng-template[tuiDataList]", never, {}, {}, never, never, true, never>;
6
- }
7
- export declare function tuiAsDataList(list: Type<TuiDataListDirective>): Provider;
@@ -1,16 +0,0 @@
1
- import { InjectionToken, type Provider, type TemplateRef, type Type } from '@angular/core';
2
- import { type TuiContext } from '@taiga-ui/cdk/types';
3
- import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
4
- import * as i0 from "@angular/core";
5
- /**
6
- * Content for tuiOption component
7
- */
8
- export declare const TUI_OPTION_CONTENT: InjectionToken<Type<any> | PolymorpheusContent<TuiContext<TemplateRef<Record<string, unknown>>>>>;
9
- export declare function tuiAsOptionContent(useValue: PolymorpheusContent<TuiContext<TemplateRef<Record<string, unknown>>>> | Type<any>): Provider;
10
- export declare class TuiWithOptionContent {
11
- protected readonly localContent: Type<any> | null;
12
- protected readonly globalContent: Type<any> | null;
13
- get content(): Type<any> | null;
14
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiWithOptionContent, never>;
15
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiWithOptionContent, never, never, {}, {}, ["localContent"], never, true, never>;
16
- }
@@ -1,24 +0,0 @@
1
- import { type OnDestroy, type TemplateRef } from '@angular/core';
2
- import { type TuiContext } from '@taiga-ui/cdk/types';
3
- import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "@taiga-ui/core/directives/icons";
6
- /**
7
- * TODO(v5): delete
8
- * @deprecated use `<button tuiOption new />` / `<a tuiOption new /> / `<label tuiOption new /> instead
9
- */
10
- export declare class TuiOption<T = unknown> implements OnDestroy {
11
- private readonly isMobile;
12
- private readonly el;
13
- private readonly dataList;
14
- private readonly host;
15
- protected readonly content: PolymorpheusContent<TuiContext<TemplateRef<Record<string, unknown>>>>;
16
- protected readonly dropdown: import("@angular/core").WritableSignal<import("@angular/core").ComponentRef<unknown> | null> | undefined;
17
- disabled: boolean;
18
- value?: T;
19
- ngOnDestroy(): void;
20
- protected onClick(): void;
21
- protected onMouseMove(): void;
22
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiOption<any>, never>;
23
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiOption<any>, "button[tuiOption]:not([new]), a[tuiOption]:not([new]), label[tuiOption]:not([new])", never, { "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TuiWithIcons; inputs: {}; outputs: {}; }]>;
24
- }