@taiga-ui/core 4.52.0-canary.216e347 → 4.52.0-canary.2c75afa

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 (506) hide show
  1. package/classes/accessors.d.ts +1 -1
  2. package/classes/driver.d.ts +1 -1
  3. package/components/alert/alert.component.d.ts +5 -6
  4. package/components/alert/alert.directive.d.ts +4 -3
  5. package/components/alert/alert.interfaces.d.ts +7 -7
  6. package/components/alert/alert.service.d.ts +6 -2
  7. package/components/alert/alert.tokens.d.ts +1 -7
  8. package/components/alert/index.d.ts +0 -1
  9. package/components/button/button.directive.d.ts +2 -3
  10. package/components/button/button.options.d.ts +1 -1
  11. package/components/calendar/calendar-sheet.component.d.ts +1 -6
  12. package/components/cell/cell.directive.d.ts +9 -0
  13. package/components/cell/cell.options.d.ts +6 -0
  14. package/components/cell/index.d.ts +2 -0
  15. package/components/data-list/data-list.component.d.ts +1 -1
  16. package/components/dialog/dialog.component.d.ts +6 -12
  17. package/components/dialog/dialog.directive.d.ts +5 -4
  18. package/components/dialog/dialog.factory.d.ts +1 -1
  19. package/components/dialog/dialog.options.d.ts +25 -0
  20. package/components/dialog/{dialog-close.service.d.ts → dialog.providers.d.ts} +2 -0
  21. package/components/dialog/dialog.service.d.ts +6 -3
  22. package/components/dialog/index.d.ts +2 -4
  23. package/components/error/error.component.d.ts +6 -8
  24. package/components/error/error.d.ts +4 -0
  25. package/components/error/error.directive.d.ts +19 -0
  26. package/components/error/error.pipe.d.ts +10 -0
  27. package/components/error/index.d.ts +3 -0
  28. package/components/expand/expand.component.d.ts +9 -28
  29. package/components/expand/index.d.ts +0 -2
  30. package/components/icon/icon.component.d.ts +6 -11
  31. package/components/index.d.ts +2 -1
  32. package/components/link/link.directive.d.ts +2 -2
  33. package/components/loader/loader.component.d.ts +7 -7
  34. package/components/modal/index.d.ts +2 -0
  35. package/components/modal/modal.component.d.ts +17 -0
  36. package/components/modal/modal.service.d.ts +13 -0
  37. package/components/notification/notification.directive.d.ts +6 -11
  38. package/components/notification/notification.options.d.ts +1 -1
  39. package/components/root/root.component.d.ts +4 -6
  40. package/components/scrollbar/scroll-into-view.directive.d.ts +3 -2
  41. package/components/scrollbar/scrollbar.component.d.ts +2 -2
  42. package/components/scrollbar/scrollbar.directive.d.ts +2 -2
  43. package/components/scrollbar/scrollbar.options.d.ts +1 -1
  44. package/components/spin-button/spin-button.component.d.ts +8 -9
  45. package/components/textfield/index.d.ts +1 -3
  46. package/components/textfield/textfield-content.directive.d.ts +3 -2
  47. package/components/textfield/textfield-icon.d.ts +3 -3
  48. package/components/textfield/textfield-multi/textfield-multi.component.d.ts +5 -6
  49. package/components/textfield/textfield.component.d.ts +9 -10
  50. package/components/textfield/textfield.d.ts +2 -3
  51. package/components/textfield/textfield.directive.d.ts +11 -14
  52. package/components/textfield/textfield.options.d.ts +8 -11
  53. package/directives/appearance/appearance.directive.d.ts +5 -13
  54. package/directives/appearance/appearance.options.d.ts +1 -1
  55. package/directives/date-format/date-format.directive.d.ts +3 -7
  56. package/directives/dropdown/dropdown-content.directive.d.ts +9 -0
  57. package/directives/dropdown/dropdown-position.directive.d.ts +1 -1
  58. package/directives/dropdown/dropdown.d.ts +2 -2
  59. package/directives/dropdown/dropdown.directive.d.ts +1 -2
  60. package/directives/dropdown/index.d.ts +1 -3
  61. package/directives/hint/hint-describe.directive.d.ts +4 -6
  62. package/directives/hint/hint-host.directive.d.ts +2 -2
  63. package/directives/hint/hint-hover.directive.d.ts +3 -4
  64. package/directives/hint/hint-manual.directive.d.ts +2 -2
  65. package/directives/hint/hint-options.directive.d.ts +3 -3
  66. package/directives/hint/hint-overflow.directive.d.ts +2 -2
  67. package/directives/hint/hint-position.directive.d.ts +4 -5
  68. package/directives/hint/hint-unstyled.component.d.ts +2 -7
  69. package/directives/hint/hint.component.d.ts +10 -11
  70. package/directives/hint/hint.directive.d.ts +9 -11
  71. package/directives/hint/index.d.ts +0 -2
  72. package/directives/icons/icons.bindings.d.ts +5 -0
  73. package/directives/icons/icons.directive.d.ts +8 -16
  74. package/directives/icons/index.d.ts +1 -0
  75. package/directives/index.d.ts +1 -1
  76. package/directives/notification/index.d.ts +2 -0
  77. package/directives/notification/notification.directive.d.ts +11 -0
  78. package/directives/notification/notification.service.d.ts +12 -0
  79. package/directives/number-format/number-format.directive.d.ts +3 -7
  80. package/directives/popup/popup.directive.d.ts +6 -5
  81. package/directives/popup/popup.service.d.ts +1 -1
  82. package/directives/popup/popups.component.d.ts +2 -2
  83. package/directives/title/title.directive.d.ts +2 -3
  84. package/fesm2022/taiga-ui-core-animations.mjs.map +1 -1
  85. package/fesm2022/taiga-ui-core-classes.mjs +4 -4
  86. package/fesm2022/taiga-ui-core-classes.mjs.map +1 -1
  87. package/fesm2022/taiga-ui-core-components-alert.mjs +60 -99
  88. package/fesm2022/taiga-ui-core-components-alert.mjs.map +1 -1
  89. package/fesm2022/taiga-ui-core-components-button.mjs +13 -21
  90. package/fesm2022/taiga-ui-core-components-button.mjs.map +1 -1
  91. package/fesm2022/taiga-ui-core-components-calendar.mjs +23 -27
  92. package/fesm2022/taiga-ui-core-components-calendar.mjs.map +1 -1
  93. package/fesm2022/taiga-ui-core-components-cell.mjs +45 -0
  94. package/fesm2022/taiga-ui-core-components-cell.mjs.map +1 -0
  95. package/fesm2022/taiga-ui-core-components-data-list.mjs +33 -42
  96. package/fesm2022/taiga-ui-core-components-data-list.mjs.map +1 -1
  97. package/fesm2022/taiga-ui-core-components-dialog.mjs +75 -113
  98. package/fesm2022/taiga-ui-core-components-dialog.mjs.map +1 -1
  99. package/fesm2022/taiga-ui-core-components-error.mjs +109 -26
  100. package/fesm2022/taiga-ui-core-components-error.mjs.map +1 -1
  101. package/fesm2022/taiga-ui-core-components-expand.mjs +34 -132
  102. package/fesm2022/taiga-ui-core-components-expand.mjs.map +1 -1
  103. package/fesm2022/taiga-ui-core-components-icon.mjs +22 -40
  104. package/fesm2022/taiga-ui-core-components-icon.mjs.map +1 -1
  105. package/fesm2022/taiga-ui-core-components-label.mjs +10 -13
  106. package/fesm2022/taiga-ui-core-components-label.mjs.map +1 -1
  107. package/fesm2022/taiga-ui-core-components-link.mjs +13 -18
  108. package/fesm2022/taiga-ui-core-components-link.mjs.map +1 -1
  109. package/fesm2022/taiga-ui-core-components-loader.mjs +15 -29
  110. package/fesm2022/taiga-ui-core-components-loader.mjs.map +1 -1
  111. package/fesm2022/taiga-ui-core-components-modal.mjs +89 -0
  112. package/fesm2022/taiga-ui-core-components-modal.mjs.map +1 -0
  113. package/fesm2022/taiga-ui-core-components-notification.mjs +23 -53
  114. package/fesm2022/taiga-ui-core-components-notification.mjs.map +1 -1
  115. package/fesm2022/taiga-ui-core-components-root.mjs +20 -52
  116. package/fesm2022/taiga-ui-core-components-root.mjs.map +1 -1
  117. package/fesm2022/taiga-ui-core-components-scrollbar.mjs +57 -65
  118. package/fesm2022/taiga-ui-core-components-scrollbar.mjs.map +1 -1
  119. package/fesm2022/taiga-ui-core-components-spin-button.mjs +16 -29
  120. package/fesm2022/taiga-ui-core-components-spin-button.mjs.map +1 -1
  121. package/fesm2022/taiga-ui-core-components-textfield.mjs +164 -305
  122. package/fesm2022/taiga-ui-core-components-textfield.mjs.map +1 -1
  123. package/fesm2022/taiga-ui-core-components.mjs +2 -1
  124. package/fesm2022/taiga-ui-core-components.mjs.map +1 -1
  125. package/fesm2022/taiga-ui-core-directives-appearance.mjs +26 -64
  126. package/fesm2022/taiga-ui-core-directives-appearance.mjs.map +1 -1
  127. package/fesm2022/taiga-ui-core-directives-date-format.mjs +26 -20
  128. package/fesm2022/taiga-ui-core-directives-date-format.mjs.map +1 -1
  129. package/fesm2022/taiga-ui-core-directives-dropdown.mjs +104 -164
  130. package/fesm2022/taiga-ui-core-directives-dropdown.mjs.map +1 -1
  131. package/fesm2022/taiga-ui-core-directives-group.mjs +10 -13
  132. package/fesm2022/taiga-ui-core-directives-group.mjs.map +1 -1
  133. package/fesm2022/taiga-ui-core-directives-hint.mjs +149 -251
  134. package/fesm2022/taiga-ui-core-directives-hint.mjs.map +1 -1
  135. package/fesm2022/taiga-ui-core-directives-icons.mjs +35 -46
  136. package/fesm2022/taiga-ui-core-directives-icons.mjs.map +1 -1
  137. package/fesm2022/taiga-ui-core-directives-items-handlers.mjs +12 -15
  138. package/fesm2022/taiga-ui-core-directives-items-handlers.mjs.map +1 -1
  139. package/fesm2022/taiga-ui-core-directives-notification.mjs +73 -0
  140. package/fesm2022/taiga-ui-core-directives-notification.mjs.map +1 -0
  141. package/fesm2022/taiga-ui-core-directives-number-format.mjs +32 -20
  142. package/fesm2022/taiga-ui-core-directives-number-format.mjs.map +1 -1
  143. package/fesm2022/taiga-ui-core-directives-popup.mjs +20 -27
  144. package/fesm2022/taiga-ui-core-directives-popup.mjs.map +1 -1
  145. package/fesm2022/taiga-ui-core-directives-title.mjs +13 -19
  146. package/fesm2022/taiga-ui-core-directives-title.mjs.map +1 -1
  147. package/fesm2022/taiga-ui-core-directives.mjs +1 -1
  148. package/fesm2022/taiga-ui-core-pipes-auto-color.mjs +3 -4
  149. package/fesm2022/taiga-ui-core-pipes-auto-color.mjs.map +1 -1
  150. package/fesm2022/taiga-ui-core-pipes-calendar-sheet.mjs +3 -4
  151. package/fesm2022/taiga-ui-core-pipes-calendar-sheet.mjs.map +1 -1
  152. package/fesm2022/taiga-ui-core-pipes-flag.mjs +3 -4
  153. package/fesm2022/taiga-ui-core-pipes-flag.mjs.map +1 -1
  154. package/fesm2022/taiga-ui-core-pipes-format-date.mjs +3 -4
  155. package/fesm2022/taiga-ui-core-pipes-format-date.mjs.map +1 -1
  156. package/fesm2022/taiga-ui-core-pipes-format-number.mjs +23 -14
  157. package/fesm2022/taiga-ui-core-pipes-format-number.mjs.map +1 -1
  158. package/fesm2022/taiga-ui-core-pipes-initials.mjs +3 -4
  159. package/fesm2022/taiga-ui-core-pipes-initials.mjs.map +1 -1
  160. package/fesm2022/taiga-ui-core-pipes-month.mjs +5 -5
  161. package/fesm2022/taiga-ui-core-pipes-month.mjs.map +1 -1
  162. package/fesm2022/taiga-ui-core-pipes-order-week-days.mjs +3 -4
  163. package/fesm2022/taiga-ui-core-pipes-order-week-days.mjs.map +1 -1
  164. package/fesm2022/taiga-ui-core-pipes.mjs +0 -1
  165. package/fesm2022/taiga-ui-core-pipes.mjs.map +1 -1
  166. package/fesm2022/taiga-ui-core-services.mjs +18 -18
  167. package/fesm2022/taiga-ui-core-services.mjs.map +1 -1
  168. package/fesm2022/taiga-ui-core-tokens.mjs +41 -39
  169. package/fesm2022/taiga-ui-core-tokens.mjs.map +1 -1
  170. package/fesm2022/taiga-ui-core-utils-dom.mjs.map +1 -1
  171. package/fesm2022/taiga-ui-core-utils-format.mjs +1 -0
  172. package/fesm2022/taiga-ui-core-utils-format.mjs.map +1 -1
  173. package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs +50 -4
  174. package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs.map +1 -1
  175. package/package.json +26 -123
  176. package/pipes/format-number/format-number.pipe.d.ts +5 -3
  177. package/pipes/index.d.ts +0 -1
  178. package/styles/components/appearance.less +6 -0
  179. package/styles/components/button.less +0 -2
  180. package/styles/components/icon.less +32 -22
  181. package/styles/components/icons.less +16 -12
  182. package/styles/components/link.less +2 -3
  183. package/styles/mixins/appearance.less +1 -1
  184. package/styles/mixins/mixins.less +1 -7
  185. package/styles/mixins/mixins.scss +1 -7
  186. package/styles/mixins/slider.less +21 -16
  187. package/styles/theme/appearance/outline.less +1 -2
  188. package/styles/theme/appearance/textfield.less +1 -2
  189. package/styles/theme/variables.less +2 -4
  190. package/tokens/date-format.d.ts +2 -3
  191. package/tokens/i18n.d.ts +7 -7
  192. package/tokens/icon-resolver.d.ts +1 -5
  193. package/tokens/index.d.ts +1 -0
  194. package/tokens/number-format.d.ts +2 -3
  195. package/tokens/validation-errors.d.ts +4 -0
  196. package/types/index.d.ts +0 -1
  197. package/utils/miscellaneous/index.d.ts +1 -0
  198. package/utils/miscellaneous/provide-taiga.d.ts +13 -0
  199. package/components/alert/alerts.component.d.ts +0 -12
  200. package/components/dialog/dialog.interfaces.d.ts +0 -34
  201. package/components/dialog/dialog.tokens.d.ts +0 -15
  202. package/components/dialog/dialogs.component.d.ts +0 -8
  203. package/components/expand/expand-content.directive.d.ts +0 -8
  204. package/components/expand/expand.d.ts +0 -6
  205. package/components/fullscreen/fullscreen.component.d.ts +0 -14
  206. package/components/fullscreen/index.d.ts +0 -1
  207. package/components/textfield/select.directive.d.ts +0 -19
  208. package/components/textfield/textfield-dropdown.directive.d.ts +0 -16
  209. package/directives/dropdown/dropdown-portal.directive.d.ts +0 -14
  210. package/directives/dropdown/dropdown.service.d.ts +0 -6
  211. package/directives/dropdown/dropdowns.component.d.ts +0 -9
  212. package/directives/hint/hint.service.d.ts +0 -13
  213. package/directives/hint/hints.component.d.ts +0 -12
  214. package/directives/surface/index.d.ts +0 -1
  215. package/directives/surface/surface.directive.d.ts +0 -8
  216. package/esm2022/animations/animations.mjs +0 -363
  217. package/esm2022/animations/index.mjs +0 -2
  218. package/esm2022/animations/taiga-ui-core-animations.mjs +0 -5
  219. package/esm2022/classes/accessors.mjs +0 -31
  220. package/esm2022/classes/driver.mjs +0 -36
  221. package/esm2022/classes/index.mjs +0 -4
  222. package/esm2022/classes/taiga-ui-core-classes.mjs +0 -5
  223. package/esm2022/classes/vehicle.mjs +0 -7
  224. package/esm2022/components/alert/alert.component.mjs +0 -43
  225. package/esm2022/components/alert/alert.directive.mjs +0 -21
  226. package/esm2022/components/alert/alert.interfaces.mjs +0 -2
  227. package/esm2022/components/alert/alert.service.mjs +0 -18
  228. package/esm2022/components/alert/alert.tokens.mjs +0 -51
  229. package/esm2022/components/alert/alerts.component.mjs +0 -33
  230. package/esm2022/components/alert/index.mjs +0 -6
  231. package/esm2022/components/alert/taiga-ui-core-components-alert.mjs +0 -5
  232. package/esm2022/components/button/button.directive.mjs +0 -43
  233. package/esm2022/components/button/button.options.mjs +0 -7
  234. package/esm2022/components/button/index.mjs +0 -3
  235. package/esm2022/components/button/taiga-ui-core-components-button.mjs +0 -5
  236. package/esm2022/components/calendar/calendar-sheet.component.mjs +0 -168
  237. package/esm2022/components/calendar/calendar-sheet.options.mjs +0 -12
  238. package/esm2022/components/calendar/calendar-spin.component.mjs +0 -53
  239. package/esm2022/components/calendar/calendar-year.component.mjs +0 -128
  240. package/esm2022/components/calendar/calendar.component.mjs +0 -147
  241. package/esm2022/components/calendar/index.mjs +0 -6
  242. package/esm2022/components/calendar/taiga-ui-core-components-calendar.mjs +0 -5
  243. package/esm2022/components/data-list/data-list.component.mjs +0 -139
  244. package/esm2022/components/data-list/data-list.directive.mjs +0 -19
  245. package/esm2022/components/data-list/data-list.mjs +0 -14
  246. package/esm2022/components/data-list/data-list.tokens.mjs +0 -18
  247. package/esm2022/components/data-list/index.mjs +0 -9
  248. package/esm2022/components/data-list/opt-group.directive.mjs +0 -21
  249. package/esm2022/components/data-list/option/option-content.mjs +0 -36
  250. package/esm2022/components/data-list/option/option-legacy.component.mjs +0 -90
  251. package/esm2022/components/data-list/option/option.directive.mjs +0 -109
  252. package/esm2022/components/data-list/taiga-ui-core-components-data-list.mjs +0 -5
  253. package/esm2022/components/dialog/dialog-close.service.mjs +0 -41
  254. package/esm2022/components/dialog/dialog.component.mjs +0 -63
  255. package/esm2022/components/dialog/dialog.directive.mjs +0 -21
  256. package/esm2022/components/dialog/dialog.factory.mjs +0 -15
  257. package/esm2022/components/dialog/dialog.interfaces.mjs +0 -2
  258. package/esm2022/components/dialog/dialog.service.mjs +0 -18
  259. package/esm2022/components/dialog/dialog.tokens.mjs +0 -33
  260. package/esm2022/components/dialog/dialogs.component.mjs +0 -29
  261. package/esm2022/components/dialog/index.mjs +0 -8
  262. package/esm2022/components/dialog/taiga-ui-core-components-dialog.mjs +0 -5
  263. package/esm2022/components/error/error.component.mjs +0 -34
  264. package/esm2022/components/error/index.mjs +0 -2
  265. package/esm2022/components/error/taiga-ui-core-components-error.mjs +0 -5
  266. package/esm2022/components/expand/expand-content.directive.mjs +0 -18
  267. package/esm2022/components/expand/expand.component.mjs +0 -124
  268. package/esm2022/components/expand/expand.mjs +0 -7
  269. package/esm2022/components/expand/index.mjs +0 -4
  270. package/esm2022/components/expand/taiga-ui-core-components-expand.mjs +0 -5
  271. package/esm2022/components/fullscreen/fullscreen.component.mjs +0 -67
  272. package/esm2022/components/fullscreen/index.mjs +0 -2
  273. package/esm2022/components/fullscreen/taiga-ui-core-components-fullscreen.mjs +0 -5
  274. package/esm2022/components/icon/icon.component.mjs +0 -44
  275. package/esm2022/components/icon/icon.pipe.mjs +0 -19
  276. package/esm2022/components/icon/index.mjs +0 -3
  277. package/esm2022/components/icon/taiga-ui-core-components-icon.mjs +0 -5
  278. package/esm2022/components/index.mjs +0 -18
  279. package/esm2022/components/label/index.mjs +0 -2
  280. package/esm2022/components/label/label.directive.mjs +0 -41
  281. package/esm2022/components/label/taiga-ui-core-components-label.mjs +0 -5
  282. package/esm2022/components/link/index.mjs +0 -3
  283. package/esm2022/components/link/link.directive.mjs +0 -47
  284. package/esm2022/components/link/link.options.mjs +0 -13
  285. package/esm2022/components/link/taiga-ui-core-components-link.mjs +0 -5
  286. package/esm2022/components/loader/index.mjs +0 -3
  287. package/esm2022/components/loader/loader.component.mjs +0 -46
  288. package/esm2022/components/loader/loader.options.mjs +0 -18
  289. package/esm2022/components/loader/taiga-ui-core-components-loader.mjs +0 -5
  290. package/esm2022/components/notification/index.mjs +0 -3
  291. package/esm2022/components/notification/notification.directive.mjs +0 -81
  292. package/esm2022/components/notification/notification.options.mjs +0 -23
  293. package/esm2022/components/notification/taiga-ui-core-components-notification.mjs +0 -5
  294. package/esm2022/components/root/index.mjs +0 -2
  295. package/esm2022/components/root/root.component.mjs +0 -85
  296. package/esm2022/components/root/taiga-ui-core-components-root.mjs +0 -5
  297. package/esm2022/components/scrollbar/index.mjs +0 -9
  298. package/esm2022/components/scrollbar/scroll-controls.component.mjs +0 -32
  299. package/esm2022/components/scrollbar/scroll-into-view.directive.mjs +0 -43
  300. package/esm2022/components/scrollbar/scroll-ref.directive.mjs +0 -19
  301. package/esm2022/components/scrollbar/scrollable.directive.mjs +0 -26
  302. package/esm2022/components/scrollbar/scrollbar.component.mjs +0 -72
  303. package/esm2022/components/scrollbar/scrollbar.directive.mjs +0 -93
  304. package/esm2022/components/scrollbar/scrollbar.options.mjs +0 -6
  305. package/esm2022/components/scrollbar/scrollbar.service.mjs +0 -46
  306. package/esm2022/components/scrollbar/taiga-ui-core-components-scrollbar.mjs +0 -5
  307. package/esm2022/components/spin-button/index.mjs +0 -2
  308. package/esm2022/components/spin-button/spin-button.component.mjs +0 -51
  309. package/esm2022/components/spin-button/taiga-ui-core-components-spin-button.mjs +0 -5
  310. package/esm2022/components/taiga-ui-core-components.mjs +0 -5
  311. package/esm2022/components/textfield/index.mjs +0 -16
  312. package/esm2022/components/textfield/select-like.directive.mjs +0 -42
  313. package/esm2022/components/textfield/select.directive.mjs +0 -64
  314. package/esm2022/components/textfield/taiga-ui-core-components-textfield.mjs +0 -5
  315. package/esm2022/components/textfield/textfield-accessor.mjs +0 -7
  316. package/esm2022/components/textfield/textfield-auxiliary.mjs +0 -7
  317. package/esm2022/components/textfield/textfield-content.directive.mjs +0 -22
  318. package/esm2022/components/textfield/textfield-dropdown.directive.mjs +0 -43
  319. package/esm2022/components/textfield/textfield-icon.mjs +0 -10
  320. package/esm2022/components/textfield/textfield-multi/textfield-item.component.mjs +0 -34
  321. package/esm2022/components/textfield/textfield-multi/textfield-multi.component.mjs +0 -137
  322. package/esm2022/components/textfield/textfield.component.mjs +0 -180
  323. package/esm2022/components/textfield/textfield.directive.mjs +0 -134
  324. package/esm2022/components/textfield/textfield.mjs +0 -19
  325. package/esm2022/components/textfield/textfield.options.mjs +0 -63
  326. package/esm2022/components/textfield/with-native-picker.directive.mjs +0 -24
  327. package/esm2022/directives/appearance/appearance.bindings.mjs +0 -15
  328. package/esm2022/directives/appearance/appearance.directive.mjs +0 -79
  329. package/esm2022/directives/appearance/appearance.options.mjs +0 -12
  330. package/esm2022/directives/appearance/index.mjs +0 -5
  331. package/esm2022/directives/appearance/taiga-ui-core-directives-appearance.mjs +0 -5
  332. package/esm2022/directives/appearance/with-appearance.mjs +0 -27
  333. package/esm2022/directives/date-format/date-format.directive.mjs +0 -31
  334. package/esm2022/directives/date-format/index.mjs +0 -2
  335. package/esm2022/directives/date-format/taiga-ui-core-directives-date-format.mjs +0 -5
  336. package/esm2022/directives/dropdown/dropdown-context.directive.mjs +0 -76
  337. package/esm2022/directives/dropdown/dropdown-hover.directive.mjs +0 -70
  338. package/esm2022/directives/dropdown/dropdown-hover.options.mjs +0 -17
  339. package/esm2022/directives/dropdown/dropdown-limit-width.mjs +0 -37
  340. package/esm2022/directives/dropdown/dropdown-manual.directive.mjs +0 -27
  341. package/esm2022/directives/dropdown/dropdown-open-legacy.directive.mjs +0 -33
  342. package/esm2022/directives/dropdown/dropdown-open.directive.mjs +0 -169
  343. package/esm2022/directives/dropdown/dropdown-options.directive.mjs +0 -73
  344. package/esm2022/directives/dropdown/dropdown-portal.directive.mjs +0 -34
  345. package/esm2022/directives/dropdown/dropdown-position-sided.directive.mjs +0 -69
  346. package/esm2022/directives/dropdown/dropdown-position.directive.mjs +0 -88
  347. package/esm2022/directives/dropdown/dropdown-selection.directive.mjs +0 -159
  348. package/esm2022/directives/dropdown/dropdown.bindings.mjs +0 -19
  349. package/esm2022/directives/dropdown/dropdown.component.mjs +0 -92
  350. package/esm2022/directives/dropdown/dropdown.directive.mjs +0 -110
  351. package/esm2022/directives/dropdown/dropdown.driver.mjs +0 -32
  352. package/esm2022/directives/dropdown/dropdown.mjs +0 -29
  353. package/esm2022/directives/dropdown/dropdown.providers.mjs +0 -10
  354. package/esm2022/directives/dropdown/dropdown.service.mjs +0 -15
  355. package/esm2022/directives/dropdown/dropdowns.component.mjs +0 -24
  356. package/esm2022/directives/dropdown/index.mjs +0 -22
  357. package/esm2022/directives/dropdown/taiga-ui-core-directives-dropdown.mjs +0 -5
  358. package/esm2022/directives/dropdown/with-dropdown-open.directive.mjs +0 -23
  359. package/esm2022/directives/group/group.directive.mjs +0 -53
  360. package/esm2022/directives/group/group.options.mjs +0 -15
  361. package/esm2022/directives/group/index.mjs +0 -3
  362. package/esm2022/directives/group/taiga-ui-core-directives-group.mjs +0 -5
  363. package/esm2022/directives/hint/hint-describe.directive.mjs +0 -50
  364. package/esm2022/directives/hint/hint-driver.directive.mjs +0 -19
  365. package/esm2022/directives/hint/hint-host.directive.mjs +0 -27
  366. package/esm2022/directives/hint/hint-hover.directive.mjs +0 -59
  367. package/esm2022/directives/hint/hint-manual.directive.mjs +0 -33
  368. package/esm2022/directives/hint/hint-options.directive.mjs +0 -86
  369. package/esm2022/directives/hint/hint-overflow.directive.mjs +0 -38
  370. package/esm2022/directives/hint/hint-pointer.directive.mjs +0 -33
  371. package/esm2022/directives/hint/hint-position.directive.mjs +0 -112
  372. package/esm2022/directives/hint/hint-unstyled.component.mjs +0 -39
  373. package/esm2022/directives/hint/hint.component.mjs +0 -127
  374. package/esm2022/directives/hint/hint.directive.mjs +0 -99
  375. package/esm2022/directives/hint/hint.mjs +0 -27
  376. package/esm2022/directives/hint/hint.providers.mjs +0 -9
  377. package/esm2022/directives/hint/hint.service.mjs +0 -29
  378. package/esm2022/directives/hint/hints.component.mjs +0 -34
  379. package/esm2022/directives/hint/index.mjs +0 -17
  380. package/esm2022/directives/hint/taiga-ui-core-directives-hint.mjs +0 -5
  381. package/esm2022/directives/icons/icons.directive.mjs +0 -66
  382. package/esm2022/directives/icons/index.mjs +0 -3
  383. package/esm2022/directives/icons/taiga-ui-core-directives-icons.mjs +0 -5
  384. package/esm2022/directives/icons/with-icons.mjs +0 -22
  385. package/esm2022/directives/index.mjs +0 -12
  386. package/esm2022/directives/items-handlers/index.mjs +0 -4
  387. package/esm2022/directives/items-handlers/items-handlers.directive.mjs +0 -63
  388. package/esm2022/directives/items-handlers/items-handlers.tokens.mjs +0 -27
  389. package/esm2022/directives/items-handlers/items-handlers.validator.mjs +0 -32
  390. package/esm2022/directives/items-handlers/taiga-ui-core-directives-items-handlers.mjs +0 -5
  391. package/esm2022/directives/number-format/index.mjs +0 -2
  392. package/esm2022/directives/number-format/number-format.directive.mjs +0 -31
  393. package/esm2022/directives/number-format/taiga-ui-core-directives-number-format.mjs +0 -5
  394. package/esm2022/directives/popup/index.mjs +0 -4
  395. package/esm2022/directives/popup/popup.directive.mjs +0 -31
  396. package/esm2022/directives/popup/popup.service.mjs +0 -15
  397. package/esm2022/directives/popup/popups.component.mjs +0 -20
  398. package/esm2022/directives/popup/taiga-ui-core-directives-popup.mjs +0 -5
  399. package/esm2022/directives/surface/index.mjs +0 -2
  400. package/esm2022/directives/surface/surface.directive.mjs +0 -44
  401. package/esm2022/directives/surface/taiga-ui-core-directives-surface.mjs +0 -5
  402. package/esm2022/directives/taiga-ui-core-directives.mjs +0 -5
  403. package/esm2022/directives/title/index.mjs +0 -2
  404. package/esm2022/directives/title/taiga-ui-core-directives-title.mjs +0 -5
  405. package/esm2022/directives/title/title.directive.mjs +0 -37
  406. package/esm2022/index.mjs +0 -9
  407. package/esm2022/pipes/auto-color/auto-color.pipe.mjs +0 -19
  408. package/esm2022/pipes/auto-color/index.mjs +0 -2
  409. package/esm2022/pipes/auto-color/taiga-ui-core-pipes-auto-color.mjs +0 -5
  410. package/esm2022/pipes/calendar-sheet/calendar-sheet.pipe.mjs +0 -54
  411. package/esm2022/pipes/calendar-sheet/index.mjs +0 -2
  412. package/esm2022/pipes/calendar-sheet/taiga-ui-core-pipes-calendar-sheet.mjs +0 -5
  413. package/esm2022/pipes/calendar-sheet/utils.mjs +0 -36
  414. package/esm2022/pipes/fallback-src/fallback-src.pipe.mjs +0 -23
  415. package/esm2022/pipes/fallback-src/index.mjs +0 -2
  416. package/esm2022/pipes/fallback-src/taiga-ui-core-pipes-fallback-src.mjs +0 -5
  417. package/esm2022/pipes/flag/flag.pipe.mjs +0 -26
  418. package/esm2022/pipes/flag/index.mjs +0 -2
  419. package/esm2022/pipes/flag/taiga-ui-core-pipes-flag.mjs +0 -5
  420. package/esm2022/pipes/format-date/format-date.pipe.mjs +0 -22
  421. package/esm2022/pipes/format-date/index.mjs +0 -2
  422. package/esm2022/pipes/format-date/taiga-ui-core-pipes-format-date.mjs +0 -5
  423. package/esm2022/pipes/format-number/format-number.pipe.mjs +0 -36
  424. package/esm2022/pipes/format-number/index.mjs +0 -2
  425. package/esm2022/pipes/format-number/taiga-ui-core-pipes-format-number.mjs +0 -5
  426. package/esm2022/pipes/index.mjs +0 -10
  427. package/esm2022/pipes/initials/index.mjs +0 -2
  428. package/esm2022/pipes/initials/initials.pipe.mjs +0 -23
  429. package/esm2022/pipes/initials/taiga-ui-core-pipes-initials.mjs +0 -5
  430. package/esm2022/pipes/month/index.mjs +0 -2
  431. package/esm2022/pipes/month/month.pipe.mjs +0 -23
  432. package/esm2022/pipes/month/taiga-ui-core-pipes-month.mjs +0 -5
  433. package/esm2022/pipes/order-week-days/index.mjs +0 -2
  434. package/esm2022/pipes/order-week-days/order-week-days.pipe.mjs +0 -30
  435. package/esm2022/pipes/order-week-days/taiga-ui-core-pipes-order-week-days.mjs +0 -5
  436. package/esm2022/pipes/taiga-ui-core-pipes.mjs +0 -5
  437. package/esm2022/services/breakpoint.service.mjs +0 -31
  438. package/esm2022/services/dark-theme.service.mjs +0 -24
  439. package/esm2022/services/format-date.service.mjs +0 -24
  440. package/esm2022/services/index.mjs +0 -6
  441. package/esm2022/services/position.service.mjs +0 -26
  442. package/esm2022/services/taiga-ui-core-services.mjs +0 -5
  443. package/esm2022/services/visual-viewport.service.mjs +0 -29
  444. package/esm2022/taiga-ui-core.mjs +0 -5
  445. package/esm2022/tokens/animations-speed.mjs +0 -9
  446. package/esm2022/tokens/assets-path.mjs +0 -11
  447. package/esm2022/tokens/auxiliary.mjs +0 -9
  448. package/esm2022/tokens/common-icons.mjs +0 -18
  449. package/esm2022/tokens/dark-mode.mjs +0 -41
  450. package/esm2022/tokens/date-format.mjs +0 -20
  451. package/esm2022/tokens/day-type-handler.mjs +0 -8
  452. package/esm2022/tokens/first-day-of-week.mjs +0 -9
  453. package/esm2022/tokens/i18n.mjs +0 -45
  454. package/esm2022/tokens/icon-resolver.mjs +0 -44
  455. package/esm2022/tokens/icon.mjs +0 -8
  456. package/esm2022/tokens/icons.mjs +0 -21
  457. package/esm2022/tokens/index.mjs +0 -21
  458. package/esm2022/tokens/media.mjs +0 -12
  459. package/esm2022/tokens/number-format.mjs +0 -24
  460. package/esm2022/tokens/reduced-motion.mjs +0 -7
  461. package/esm2022/tokens/scroll-ref.mjs +0 -6
  462. package/esm2022/tokens/selection-stream.mjs +0 -14
  463. package/esm2022/tokens/spin-icons.mjs +0 -8
  464. package/esm2022/tokens/taiga-ui-core-tokens.mjs +0 -5
  465. package/esm2022/tokens/theme.mjs +0 -5
  466. package/esm2022/tokens/viewport.mjs +0 -35
  467. package/esm2022/types/direction.mjs +0 -2
  468. package/esm2022/types/index.mjs +0 -2
  469. package/esm2022/types/interactive-state.mjs +0 -2
  470. package/esm2022/types/orientation.mjs +0 -2
  471. package/esm2022/types/point.mjs +0 -2
  472. package/esm2022/types/portal-item.mjs +0 -2
  473. package/esm2022/types/range-state.mjs +0 -2
  474. package/esm2022/types/size.mjs +0 -13
  475. package/esm2022/types/taiga-ui-core-types.mjs +0 -5
  476. package/esm2022/types/value-content-context.mjs +0 -2
  477. package/esm2022/utils/dom/check-fixed-position.mjs +0 -9
  478. package/esm2022/utils/dom/get-viewport.mjs +0 -24
  479. package/esm2022/utils/dom/get-word-range.mjs +0 -51
  480. package/esm2022/utils/dom/index.mjs +0 -4
  481. package/esm2022/utils/dom/taiga-ui-core-utils-dom.mjs +0 -5
  482. package/esm2022/utils/format/format-number.mjs +0 -47
  483. package/esm2022/utils/format/get-fractional-part-padded.mjs +0 -16
  484. package/esm2022/utils/format/index.mjs +0 -5
  485. package/esm2022/utils/format/number-to-string-without-exp.mjs +0 -18
  486. package/esm2022/utils/format/string-hash-to-hsl.mjs +0 -21
  487. package/esm2022/utils/format/taiga-ui-core-utils-format.mjs +0 -5
  488. package/esm2022/utils/index.mjs +0 -4
  489. package/esm2022/utils/miscellaneous/font-scaling.mjs +0 -11
  490. package/esm2022/utils/miscellaneous/index.mjs +0 -7
  491. package/esm2022/utils/miscellaneous/is-editing-key.mjs +0 -18
  492. package/esm2022/utils/miscellaneous/is-obscured.mjs +0 -8
  493. package/esm2022/utils/miscellaneous/override-options.mjs +0 -11
  494. package/esm2022/utils/miscellaneous/size-bigger.mjs +0 -19
  495. package/esm2022/utils/miscellaneous/taiga-ui-core-utils-miscellaneous.mjs +0 -5
  496. package/esm2022/utils/miscellaneous/to-animation-options.mjs +0 -16
  497. package/esm2022/utils/taiga-ui-core-utils.mjs +0 -5
  498. package/fesm2022/taiga-ui-core-components-fullscreen.mjs +0 -73
  499. package/fesm2022/taiga-ui-core-components-fullscreen.mjs.map +0 -1
  500. package/fesm2022/taiga-ui-core-directives-surface.mjs +0 -50
  501. package/fesm2022/taiga-ui-core-directives-surface.mjs.map +0 -1
  502. package/fesm2022/taiga-ui-core-pipes-fallback-src.mjs +0 -29
  503. package/fesm2022/taiga-ui-core-pipes-fallback-src.mjs.map +0 -1
  504. package/pipes/fallback-src/fallback-src.pipe.d.ts +0 -9
  505. package/pipes/fallback-src/index.d.ts +0 -1
  506. package/types/portal-item.d.ts +0 -9
@@ -52,7 +52,6 @@
52
52
 
53
53
  font: var(--tui-font-text-s);
54
54
 
55
- tui-svg,
56
55
  tui-icon,
57
56
  &::before {
58
57
  font-size: 1rem;
@@ -68,7 +67,6 @@
68
67
 
69
68
  font: var(--tui-font-text-s);
70
69
 
71
- tui-svg,
72
70
  tui-icon,
73
71
  &:not([tuiIconButton][data-appearance='icon']):not([tuiIconButton][data-appearance='link'])::before {
74
72
  font-size: 1rem;
@@ -9,18 +9,20 @@
9
9
  *
10
10
  * @vars
11
11
  * --t-icon — depending on the data-icon, it can serve as either a mask (`svg`),
12
- a background (`image`), or content (`font`) for the icon.
12
+ a background (`img`), or content (`font`) for the icon.
13
13
  * --t-icon-bg — mask for the background
14
14
  *
15
15
  * @example
16
- * <tui-icon data-icon="svg" style="--t-icon: url('icon.svg')"></tui-icon>
16
+ * <tui-icon tuiIcons style="--t-icon: url('icon.svg')"></tui-icon>
17
17
  *
18
18
  * @see-also
19
19
  * Icons
20
20
  */
21
21
  tui-icon {
22
+ --tui-icon-size: 1em;
23
+
22
24
  position: relative;
23
- display: inline-block;
25
+ display: inline-flex;
24
26
  inline-size: 1em;
25
27
  block-size: 1em;
26
28
  font-size: 1.5rem;
@@ -28,7 +30,7 @@ tui-icon {
28
30
  border: 0 solid transparent;
29
31
  vertical-align: middle;
30
32
  box-sizing: border-box;
31
- mask: var(--t-icon-bg) no-repeat center/contain;
33
+ mask: var(--t-icon-bg) no-repeat center / calc(100% + 10 * var(--tui-stroke-width, 0.125rem)) 100%;
32
34
 
33
35
  @media @tui-mouse {
34
36
  &[data-appearance='icon']:hover {
@@ -36,27 +38,35 @@ tui-icon {
36
38
  }
37
39
  }
38
40
 
39
- &::after,
40
- &[tuiIcons]::after {
41
- .fullsize();
41
+ &[data-icon-end] {
42
+ &::before {
43
+ mask-image:
44
+ var(--t-icon-start),
45
+ radial-gradient(circle at bottom 0.1em right 0.1em, transparent calc(0.4em - 0.5px), #000 0.4em);
46
+ mask-composite: intersect;
47
+ }
42
48
 
43
- content: '';
44
- display: block;
45
- mask: var(--t-icon) no-repeat center/contain;
46
- background: currentColor;
47
- }
49
+ &[data-icon-start='img'],
50
+ &[data-icon-start='font'] {
51
+ &::before {
52
+ mask: radial-gradient(circle at bottom 0.1em right 0.1em, transparent calc(0.4em - 0.5px), #000 0.4em);
53
+ }
54
+ }
48
55
 
49
- &[data-icon='image']::after {
50
- mask: none;
51
- background: var(--t-icon) no-repeat center/contain;
56
+ &::after {
57
+ .fullsize();
58
+ }
52
59
  }
53
60
 
54
- &[data-icon='font']::after {
55
- content: var(--t-icon);
56
- mask: none;
57
- background: none;
58
- font: 1em/1 var(--tui-font-icon, inherit);
59
- text-align: center;
60
- text-transform: none;
61
+ &[data-icon-start] {
62
+ &::before {
63
+ .fullsize();
64
+ }
65
+
66
+ &::after {
67
+ transform: translate(36%, 36%);
68
+
69
+ --tui-icon-size: 0.5715em;
70
+ }
61
71
  }
62
72
  }
@@ -7,12 +7,12 @@
7
7
  *
8
8
  * @vars
9
9
  * --t-icon-start — depending on the data-icon-start, it can serve as either a mask (`svg`),
10
- a background (`image`), or content (`font`) for the ::before element
10
+ a background (`img`), or content (`font`) for the ::before element
11
11
  * --t-icon-end — depending on the data-icon-end, it can serve as either a mask (`svg`),
12
- a background (`image`), or content (`font`) for the ::after element
12
+ a background (`img`), or content (`font`) for the ::after element
13
13
  *
14
14
  * @example
15
- * <button tuiIcons data-icon-start="svg" style="--t-icon-start: url('icon.svg')"></button>
15
+ * <button tuiIcons style="--t-icon-start: url('icon.svg')"></button>
16
16
  *
17
17
  * @see-also
18
18
  * Button, Icon, Link
@@ -27,30 +27,34 @@
27
27
  inline-size: 1em;
28
28
  block-size: 1em;
29
29
  line-height: 1em;
30
- font-size: 1.5rem;
30
+ font-size: var(--tui-icon-size, 1.5rem);
31
31
  flex-shrink: 0;
32
32
  box-sizing: content-box;
33
33
  background: currentColor;
34
34
  }
35
35
 
36
36
  &::before {
37
- display: var(--t-icon-start, none);
38
- mask: var(--t-icon-start) no-repeat center/contain padding-box;
37
+ display: var(--t-icon-start);
38
+ mask:
39
+ var(--t-icon-start) no-repeat center / calc(~'min(1em, 100%)' + 10 * var(--tui-stroke-width, 0.125rem))
40
+ ~'min(1em, 100%)',
41
+ 100% padding-box;
39
42
  }
40
43
 
41
44
  &::after {
42
- display: var(--t-icon-end, none);
43
- mask: var(--t-icon-end) no-repeat center/contain padding-box;
45
+ display: var(--t-icon-end);
46
+ mask: var(--t-icon-end) no-repeat center / calc(~'min(1em, 100%)' + 10 * var(--tui-stroke-width, 0.125rem))
47
+ ~'min(1em, 100%)' padding-box;
44
48
  }
45
49
 
46
- &[data-icon-start='image']::before {
50
+ &[data-icon-start='img']::before {
47
51
  mask: none;
48
- background: var(--t-icon-start) no-repeat center/contain padding-box;
52
+ background: var(--t-icon-start) no-repeat center / 1em padding-box;
49
53
  }
50
54
 
51
- &[data-icon-end='image']::after {
55
+ &[data-icon-end='img']::after {
52
56
  mask: none;
53
- background: var(--t-icon-end) no-repeat center/contain padding-box;
57
+ background: var(--t-icon-end) no-repeat center / 1em padding-box;
54
58
  }
55
59
 
56
60
  &[data-icon-start='font']::before,
@@ -14,9 +14,6 @@
14
14
  * Icons, Appearance, Button
15
15
  */
16
16
  [tuiLink] {
17
- // TODO: Remove in v5
18
- --tui-text-tertiary: var(--tui-text-secondary);
19
-
20
17
  .transition(~'color, text-decoration, opacity');
21
18
 
22
19
  padding: 0;
@@ -53,6 +50,8 @@
53
50
  font-size: 0;
54
51
  line-height: 0;
55
52
  box-sizing: border-box;
53
+ mask-size: calc(100% + 10 * var(--tui-stroke-width, 0.125rem)) 100%;
54
+ transition: none;
56
55
  }
57
56
 
58
57
  &[tuiChevron]::after {
@@ -24,7 +24,7 @@
24
24
 
25
25
  .appearance-active(@content) {
26
26
  .interactive({
27
- &:active:not(:disabled):not([data-state]) {
27
+ &:active:not([data-state]) {
28
28
  @content();
29
29
  }
30
30
  });
@@ -1,11 +1,6 @@
1
1
  @import 'browsers.less';
2
2
 
3
3
  .interactive(@ruleset) {
4
- // TODO remove after dropping Safari 13 support
5
- &:matches(a, button, select, textarea, input, label, .tui-interactive):not(:disabled) {
6
- @ruleset();
7
- }
8
-
9
4
  &:is(a, button, select, textarea, input, label, .tui-interactive):not(:disabled) {
10
5
  @ruleset();
11
6
  }
@@ -75,9 +70,8 @@
75
70
  gap: calc(var(--t-gap, ~'0rem') - 2 * var(--t-margin, 0rem));
76
71
 
77
72
  > img,
78
- > tui-svg,
79
73
  > tui-icon,
80
- > tui-avatar,
74
+ > [tuiAvatar],
81
75
  > tui-badge,
82
76
  > [tuiBadge],
83
77
  > [tuiRadio],
@@ -1,11 +1,6 @@
1
1
  @import 'browsers.scss';
2
2
 
3
3
  @mixin interactive {
4
- // TODO remove after dropping Safari 13 support
5
- &:matches(a, button, select, textarea, input, label, .tui-interactive):not(:disabled) {
6
- @content;
7
- }
8
-
9
4
  &:is(a, button, select, textarea, input, label, .tui-interactive):not(:disabled) {
10
5
  @content;
11
6
  }
@@ -72,9 +67,8 @@
72
67
  gap: calc(var(--t-gap) - 2 * var(--t-margin));
73
68
 
74
69
  > img,
75
- > tui-svg,
76
70
  > tui-icon,
77
- > tui-avatar,
71
+ > [tuiAvatar],
78
72
  > tui-badge,
79
73
  > [tuiBadge],
80
74
  > [tuiRadio],
@@ -1,7 +1,6 @@
1
1
  @thumb-diameters: {
2
2
  @s: 0.5rem;
3
3
  @m: 0.75rem;
4
- @l: 0.75rem;
5
4
  };
6
5
 
7
6
  @track-inset: {
@@ -10,9 +9,8 @@
10
9
  @l: 1rem;
11
10
  };
12
11
 
13
- // TODO(v5): use `l` by default (default size for new textfields)
14
- .tui-slider-ticks-labels(@input-size: m) {
15
- @thumb: @thumb-diameters[@@input-size];
12
+ .tui-slider-ticks-labels(@thumb-size: m) {
13
+ @thumb: @thumb-diameters[@@thumb-size];
16
14
 
17
15
  --t-offset: calc(@thumb / 2);
18
16
 
@@ -45,27 +43,34 @@
45
43
  }
46
44
  }
47
45
 
48
- /* TODO(v5): delete */
49
- tui-input-slider + & {
50
- margin-inline-start: calc(var(--tui-radius-m) / 2 + var(--t-offset));
46
+ tui-range + & {
47
+ --t-offset: @thumb;
51
48
  }
52
49
 
53
50
  /* TODO: add :has([tuiInputSlider]) */
54
- tui-textfield + & {
55
- --t-offset: calc(var(--tui-radius-m) / 2 + @thumb / 2);
51
+ tui-textfield[data-size='l'] + & {
52
+ --t-offset: calc(@track-inset[@l] + @thumb / 2);
56
53
  }
57
54
 
58
55
  /* TODO: add :has([tuiInputSlider]) */
59
- tui-textfield[data-size='l'] + & {
60
- --t-offset: calc(var(--tui-radius-l) / 2 + @thumb / 2);
56
+ tui-textfield[data-size='m'] + & {
57
+ --t-offset: calc(@track-inset[@m] + @thumb / 2);
61
58
  }
62
59
 
63
- tui-input-range:not([new]) + &, /* TODO(v5): delete */
64
- tui-range + & {
65
- --t-offset: @thumb;
60
+ /* TODO: add :has([tuiInputSlider]) */
61
+ tui-textfield[data-size='s'] + & {
62
+ --t-offset: calc(@track-inset[@s] + @thumb / 2);
63
+ }
64
+
65
+ tui-input-range[data-size='l'] + & {
66
+ --t-offset: calc(@track-inset[@l] + @thumb);
67
+ }
68
+
69
+ tui-input-range[data-size='m'] + & {
70
+ --t-offset: calc(@track-inset[@m] + @thumb);
66
71
  }
67
72
 
68
- tui-input-range[new] + & {
69
- --t-offset: calc(@track-inset[@@input-size] + @thumb);
73
+ tui-input-range[data-size='s'] + & {
74
+ --t-offset: calc(@track-inset[@s] + @thumb);
70
75
  }
71
76
  }
@@ -67,8 +67,7 @@
67
67
 
68
68
  &::before,
69
69
  &::after {
70
- .transition(~'color, transform');
71
-
70
+ transition-property: color, transform;
72
71
  color: var(--tui-text-tertiary);
73
72
  }
74
73
 
@@ -15,8 +15,7 @@
15
15
  // TODO: Remove tuiWrapper hack in v5
16
16
  &:not([tuiWrapper])::before,
17
17
  &:not([tuiWrapper])::after {
18
- .transition(~'color, transform');
19
-
18
+ transition-property: color, transform;
20
19
  color: var(--tui-text-tertiary);
21
20
  }
22
21
 
@@ -1,10 +1,8 @@
1
- @font-fallback: -apple-system, 'BlinkMacSystemFont', system-ui, 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif;
2
-
3
1
  &:root,
4
2
  &:host {
5
3
  // Fonts
6
- --tui-font-heading: 'Manrope', @font-fallback;
7
- --tui-font-text: 'Manrope', @font-fallback;
4
+ --tui-font-heading: 'Manrope', system-ui, sans-serif;
5
+ --tui-font-text: 'Manrope', system-ui, sans-serif;
8
6
  --tui-font-offset: ~'0rem';
9
7
  // Heading
10
8
  --tui-font-heading-1: bold calc(var(--tui-font-offset) + 3.125rem) / 3.5rem var(--tui-font-heading);
@@ -1,6 +1,5 @@
1
- import { InjectionToken, type Provider } from '@angular/core';
1
+ import { InjectionToken, type Provider, type Signal } from '@angular/core';
2
2
  import { type TuiDateMode } from '@taiga-ui/cdk/date-time';
3
- import { type Observable } from 'rxjs';
4
3
  /**
5
4
  * Formatting configuration for displayed dates
6
5
  */
@@ -19,5 +18,5 @@ export declare const TUI_DEFAULT_DATE_FORMAT: TuiDateFormatSettings;
19
18
  /**
20
19
  * Formatting configuration for displayed dates
21
20
  */
22
- export declare const TUI_DATE_FORMAT: InjectionToken<Observable<TuiDateFormatSettings>>;
21
+ export declare const TUI_DATE_FORMAT: InjectionToken<Signal<TuiDateFormatSettings>>;
23
22
  export declare function tuiDateFormatProvider(options: Partial<TuiDateFormatSettings>): Provider;
package/tokens/i18n.d.ts CHANGED
@@ -2,28 +2,28 @@ import { InjectionToken } from '@angular/core';
2
2
  /**
3
3
  * Localized months names
4
4
  */
5
- export declare const TUI_MONTHS: InjectionToken<import("rxjs").Observable<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]>>;
5
+ export declare const TUI_MONTHS: InjectionToken<import("@angular/core").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]>>;
6
6
  /**
7
7
  * i18n 'close' word
8
8
  */
9
- export declare const TUI_CLOSE_WORD: InjectionToken<import("rxjs").Observable<string>>;
9
+ export declare const TUI_CLOSE_WORD: InjectionToken<import("@angular/core").Signal<string>>;
10
10
  /**
11
11
  * i18n 'clear' word
12
12
  */
13
- export declare const TUI_CLEAR_WORD: InjectionToken<import("rxjs").Observable<string>>;
13
+ export declare const TUI_CLEAR_WORD: InjectionToken<import("@angular/core").Signal<string>>;
14
14
  /**
15
15
  * i18n 'Nothing found' message
16
16
  */
17
- export declare const TUI_NOTHING_FOUND_MESSAGE: InjectionToken<import("rxjs").Observable<string>>;
17
+ export declare const TUI_NOTHING_FOUND_MESSAGE: InjectionToken<import("@angular/core").Signal<string>>;
18
18
  /**
19
19
  * i18n of error message
20
20
  */
21
- export declare const TUI_DEFAULT_ERROR_MESSAGE: InjectionToken<import("rxjs").Observable<string>>;
21
+ export declare const TUI_DEFAULT_ERROR_MESSAGE: InjectionToken<import("@angular/core").Signal<string>>;
22
22
  /**
23
23
  * spin i18n texts
24
24
  */
25
- export declare const TUI_SPIN_TEXTS: InjectionToken<import("rxjs").Observable<readonly [previous: string, next: string]>>;
25
+ export declare const TUI_SPIN_TEXTS: InjectionToken<import("@angular/core").Signal<readonly [previous: string, next: string]>>;
26
26
  /**
27
27
  * calendars i18n texts
28
28
  */
29
- export declare const TUI_SHORT_WEEK_DAYS: InjectionToken<import("rxjs").Observable<readonly [Monday: string, Tuesday: string, Wednesday: string, Thursday: string, Friday: string, Saturday: string, Sunday: string]>>;
29
+ export declare const TUI_SHORT_WEEK_DAYS: InjectionToken<import("@angular/core").Signal<readonly [Monday: string, Tuesday: string, Wednesday: string, Thursday: string, Friday: string, Saturday: string, Sunday: string]>>;
@@ -1,10 +1,6 @@
1
1
  import { InjectionToken, type Provider } from '@angular/core';
2
2
  import { type TuiStringHandler } from '@taiga-ui/cdk/types';
3
3
  export declare const TUI_ICON_RESOLVER: InjectionToken<TuiStringHandler<string>>;
4
- /**
5
- * @deprecated use {@link TUI_ICON_RESOLVER}
6
- */
7
- export declare const TUI_ICON_START_RESOLVER: InjectionToken<TuiStringHandler<string>>;
8
- export declare function tuiGetIconMode(icon?: string | null): 'font' | 'image' | 'svg' | null;
4
+ export declare function tuiGetIconMode(icon?: string | null): string | undefined;
9
5
  export declare function tuiInjectIconResolver(): TuiStringHandler<string>;
10
6
  export declare function tuiIconResolverProvider(useValue: TuiStringHandler<string>): Provider;
package/tokens/index.d.ts CHANGED
@@ -17,4 +17,5 @@ export * from './scroll-ref';
17
17
  export * from './selection-stream';
18
18
  export * from './spin-icons';
19
19
  export * from './theme';
20
+ export * from './validation-errors';
20
21
  export * from './viewport';
@@ -1,6 +1,5 @@
1
- import { InjectionToken, type Provider } from '@angular/core';
1
+ import { InjectionToken, type Provider, type Signal } from '@angular/core';
2
2
  import { type TuiRounding } from '@taiga-ui/cdk/types';
3
- import { type Observable } from 'rxjs';
4
3
  export type TuiDecimalMode = 'always' | 'not-zero' | 'pad';
5
4
  export type TuiDecimalSymbol = ',' | '.';
6
5
  /**
@@ -35,5 +34,5 @@ export declare const TUI_DEFAULT_NUMBER_FORMAT: TuiNumberFormatSettings;
35
34
  /**
36
35
  * Formatting configuration for displayed numbers
37
36
  */
38
- export declare const TUI_NUMBER_FORMAT: InjectionToken<Observable<TuiNumberFormatSettings>>;
37
+ export declare const TUI_NUMBER_FORMAT: InjectionToken<Signal<TuiNumberFormatSettings>>;
39
38
  export declare function tuiNumberFormatProvider(options: Partial<TuiNumberFormatSettings>): Provider;
@@ -0,0 +1,4 @@
1
+ import { InjectionToken, type Provider, type Signal } from '@angular/core';
2
+ import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
3
+ export declare const TUI_VALIDATION_ERRORS: InjectionToken<Record<string, PolymorpheusContent | Signal<PolymorpheusContent>>>;
4
+ export declare const tuiValidationErrorsProvider: (useValue: Record<string, PolymorpheusContent | Signal<PolymorpheusContent>>) => Provider;
package/types/index.d.ts CHANGED
@@ -2,7 +2,6 @@ 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 './portal-item';
6
5
  export type * from './range-state';
7
6
  export type * from './size';
8
7
  export type * from './value-content-context';
@@ -2,5 +2,6 @@ export * from './font-scaling';
2
2
  export * from './is-editing-key';
3
3
  export * from './is-obscured';
4
4
  export * from './override-options';
5
+ export * from './provide-taiga';
5
6
  export * from './size-bigger';
6
7
  export * from './to-animation-options';
@@ -0,0 +1,13 @@
1
+ import { type EnvironmentProviders, InjectionToken, type Provider } from '@angular/core';
2
+ interface ExperimentalAPIs {
3
+ readonly all: boolean;
4
+ }
5
+ export interface TuiOptions {
6
+ readonly mode?: 'dark' | 'light';
7
+ readonly apis: Partial<ExperimentalAPIs> | 'stable';
8
+ readonly fontScaling: boolean;
9
+ readonly scrollbars: 'custom' | 'native';
10
+ }
11
+ export declare const TUI_OPTIONS: InjectionToken<TuiOptions>;
12
+ export declare function provideTaiga(config?: Partial<TuiOptions>): Array<EnvironmentProviders | Provider>;
13
+ export {};
@@ -1,12 +0,0 @@
1
- import { Injector, type Type } from '@angular/core';
2
- import { type TuiMapper } from '@taiga-ui/cdk/types';
3
- import { identity } from 'rxjs';
4
- import * as i0 from "@angular/core";
5
- export declare class TuiAlerts {
6
- private readonly injector;
7
- protected readonly alerts$: import("rxjs").Observable<(readonly any[])[]>;
8
- protected readonly trackBy: typeof identity;
9
- protected readonly mapper: TuiMapper<[Type<any>], Injector>;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiAlerts, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiAlerts, "tui-alerts", never, {}, {}, never, never, true, never>;
12
- }
@@ -1,34 +0,0 @@
1
- import { type TuiPopover, type TuiPopoverContext } from '@taiga-ui/cdk/services';
2
- import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
3
- import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
4
- import { type Observable } from 'rxjs';
5
- export type TuiDialogSize = TuiSizeL | TuiSizeS | 'auto' | 'fullscreen' | 'page';
6
- /**
7
- * Options for a dialog
8
- *
9
- * appearance - data-appearance attribute of the dialog ('' by default)
10
- * size - size of the dialog ('m' by default)
11
- * required - closing dialog throws (false by default)
12
- * closeable - show close button (true by default)
13
- * dismissible - close dialog by Esc button or click on overlay (true by default)
14
- * label - string title for the dialog ('' by default)
15
- * header - content above title ('' by default)
16
- * data - arbitrary data for dialog
17
- */
18
- export interface TuiDialogOptions<I> {
19
- readonly appearance: string;
20
- /**
21
- * TODO: rename to closable in v5.0
22
- */
23
- readonly closeable: Observable<boolean> | boolean;
24
- readonly data: I extends void ? undefined : I & {
25
- button?: string;
26
- };
27
- readonly dismissible: Observable<boolean> | boolean;
28
- readonly header: PolymorpheusContent<TuiPopover<TuiDialogOptions<I>, any>>;
29
- readonly label: string;
30
- readonly required: boolean;
31
- readonly size: TuiDialogSize;
32
- }
33
- export interface TuiDialogContext<O = void, I = undefined> extends TuiPopoverContext<O>, TuiDialogOptions<I> {
34
- }
@@ -1,15 +0,0 @@
1
- import { InjectionToken, type Provider } from '@angular/core';
2
- import { BehaviorSubject, type Observable } from 'rxjs';
3
- import { type TuiDialogOptions } from './dialog.interfaces';
4
- export declare const TUI_DIALOGS: InjectionToken<BehaviorSubject<readonly any[]>>;
5
- export declare const TUI_DIALOG_DEFAULT_OPTIONS: TuiDialogOptions<void>;
6
- /**
7
- * A stream to close dialogs
8
- * TODO: use router.events in v5
9
- */
10
- export declare const TUI_DIALOGS_CLOSE: InjectionToken<Observable<unknown>>;
11
- /**
12
- * Default parameters for dialog component
13
- */
14
- export declare const TUI_DIALOG_OPTIONS: InjectionToken<TuiDialogOptions<void>>;
15
- export declare function tuiDialogOptionsProvider(options: Partial<TuiDialogOptions<unknown>>): Provider;
@@ -1,8 +0,0 @@
1
- import { type Signal } from '@angular/core';
2
- import { type TuiPopover } from '@taiga-ui/cdk/services';
3
- import * as i0 from "@angular/core";
4
- export declare class TuiDialogs {
5
- protected readonly dialogs: Signal<ReadonlyArray<TuiPopover<any, any>>>;
6
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiDialogs, never>;
7
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiDialogs, "tui-dialogs", never, {}, {}, never, never, true, never>;
8
- }
@@ -1,8 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- /**
3
- * @deprecated use {@link TuiExpand} from @taiga-ui/experimental
4
- */
5
- export declare class TuiExpandContent {
6
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiExpandContent, never>;
7
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiExpandContent, "[tuiExpandContent]", never, {}, {}, never, never, true, never>;
8
- }
@@ -1,6 +0,0 @@
1
- import { TuiExpandComponent } from './expand.component';
2
- import { TuiExpandContent } from './expand-content.directive';
3
- /**
4
- * @deprecated use {@link TuiExpand} from @taiga-ui/experimental
5
- */
6
- export declare const TuiExpand: readonly [typeof TuiExpandComponent, typeof TuiExpandContent];
@@ -1,14 +0,0 @@
1
- import { EventEmitter } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class TuiFullscreen {
4
- private readonly root?;
5
- private readonly doc;
6
- protected readonly open: import("@angular/core").WritableSignal<boolean>;
7
- readonly opened: EventEmitter<boolean>;
8
- options?: FullscreenOptions;
9
- set fullscreen(open: boolean);
10
- protected closedByEscape(event: Event): void;
11
- private fullscreenState;
12
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiFullscreen, never>;
13
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiFullscreen, "[tuiFullscreen]", never, { "options": { "alias": "tuiFullscreenOptions"; "required": false; }; "fullscreen": { "alias": "tuiFullscreen"; "required": false; }; }, { "opened": "tuiFullscreenChange"; }, never, ["*"], true, never>;
14
- }
@@ -1 +0,0 @@
1
- export * from './fullscreen.component';
@@ -1,19 +0,0 @@
1
- import { TuiTextfieldBase } from './textfield.directive';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@taiga-ui/cdk/directives/native-validator";
4
- import * as i2 from "@taiga-ui/core/directives/appearance";
5
- /**
6
- * @deprecated use {@link TuiSelect} from @taiga-ui/kit instead, drop in v5
7
- */
8
- export declare class TuiSelect<T> extends TuiTextfieldBase<T> {
9
- private readonly nav;
10
- private readonly doc;
11
- placeholder: string;
12
- setValue(value: T): void;
13
- focus(): void;
14
- protected get ariaLabel(): string | null;
15
- protected get stringified(): string;
16
- protected onCopy(): Promise<void>;
17
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiSelect<any>, never>;
18
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiSelect<any>, "select[tuiTextfield]", never, { "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiNativeValidator; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiAppearance; inputs: {}; outputs: {}; }]>;
19
- }
@@ -1,16 +0,0 @@
1
- import { type OnDestroy } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class TuiTextfieldDropdownDirective implements OnDestroy {
4
- private readonly directive;
5
- constructor();
6
- ngOnDestroy(): void;
7
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextfieldDropdownDirective, never>;
8
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTextfieldDropdownDirective, "ng-template[tuiTextfieldDropdown]", never, {}, {}, never, never, true, never>;
9
- }
10
- /**
11
- * @deprecated remove in v5
12
- */
13
- export declare class TuiWithTextfieldDropdown {
14
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiWithTextfieldDropdown, never>;
15
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiWithTextfieldDropdown, never, never, {}, {}, never, never, true, never>;
16
- }
@@ -1,14 +0,0 @@
1
- import { type OnDestroy } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * @deprecated use {@link TuiPopup} directive instead
5
- */
6
- export declare class TuiDropdownPortal implements OnDestroy {
7
- private readonly template;
8
- private readonly service;
9
- private viewRef?;
10
- set tuiDropdown(show: boolean);
11
- ngOnDestroy(): void;
12
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownPortal, never>;
13
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownPortal, "ng-template[tuiDropdown]", never, { "tuiDropdown": { "alias": "tuiDropdown"; "required": false; }; }, {}, never, never, true, never>;
14
- }
@@ -1,6 +0,0 @@
1
- import { TuiPortalService } from '@taiga-ui/cdk/classes';
2
- import * as i0 from "@angular/core";
3
- export declare class TuiDropdownService extends TuiPortalService {
4
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownService, never>;
5
- static ɵprov: i0.ɵɵInjectableDeclaration<TuiDropdownService>;
6
- }