@taiga-ui/core 4.52.0-canary.56739a2 → 4.52.0-canary.58fe47a

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 (527) hide show
  1. package/README.md +1 -1
  2. package/classes/accessors.d.ts +1 -1
  3. package/classes/driver.d.ts +1 -1
  4. package/components/button/button.directive.d.ts +2 -3
  5. package/components/button/button.options.d.ts +1 -1
  6. package/components/calendar/calendar-sheet.component.d.ts +1 -6
  7. package/components/calendar/calendar-sheet.options.d.ts +1 -3
  8. package/components/cell/cell.directive.d.ts +9 -0
  9. package/components/cell/cell.options.d.ts +6 -0
  10. package/components/cell/index.d.ts +2 -0
  11. package/components/data-list/data-list.component.d.ts +8 -12
  12. package/components/data-list/data-list.d.ts +2 -4
  13. package/components/data-list/data-list.tokens.d.ts +1 -5
  14. package/components/data-list/index.d.ts +0 -2
  15. package/components/data-list/opt-group.directive.d.ts +2 -2
  16. package/components/data-list/option/option-content.d.ts +6 -8
  17. package/components/data-list/option/option.directive.d.ts +7 -8
  18. package/components/dialog/dialog.component.d.ts +6 -12
  19. package/components/dialog/dialog.directive.d.ts +5 -4
  20. package/components/dialog/dialog.factory.d.ts +1 -1
  21. package/components/dialog/dialog.options.d.ts +25 -0
  22. package/components/dialog/{dialog-close.service.d.ts → dialog.providers.d.ts} +2 -0
  23. package/components/dialog/dialog.service.d.ts +6 -3
  24. package/components/dialog/index.d.ts +2 -4
  25. package/components/error/error.component.d.ts +6 -8
  26. package/components/error/error.d.ts +4 -0
  27. package/components/error/error.directive.d.ts +19 -0
  28. package/components/error/error.pipe.d.ts +10 -0
  29. package/components/error/index.d.ts +3 -0
  30. package/components/expand/expand.component.d.ts +9 -28
  31. package/components/expand/index.d.ts +0 -2
  32. package/components/icon/icon.component.d.ts +6 -11
  33. package/components/index.d.ts +2 -2
  34. package/components/link/link.directive.d.ts +2 -2
  35. package/components/link/link.options.d.ts +1 -3
  36. package/components/loader/loader.component.d.ts +7 -7
  37. package/components/loader/loader.options.d.ts +1 -3
  38. package/components/modal/index.d.ts +2 -0
  39. package/components/modal/modal.component.d.ts +17 -0
  40. package/components/modal/modal.service.d.ts +13 -0
  41. package/components/notification/index.d.ts +3 -0
  42. package/components/notification/notification.component.d.ts +14 -0
  43. package/components/notification/notification.d.ts +3 -0
  44. package/components/notification/notification.directive.d.ts +7 -12
  45. package/components/notification/notification.options.d.ts +10 -7
  46. package/components/notification/notification.service.d.ts +17 -0
  47. package/components/root/root.component.d.ts +4 -6
  48. package/components/scrollbar/scroll-into-view.directive.d.ts +3 -2
  49. package/components/scrollbar/scrollbar.component.d.ts +2 -2
  50. package/components/scrollbar/scrollbar.directive.d.ts +2 -2
  51. package/components/scrollbar/scrollbar.options.d.ts +1 -1
  52. package/components/spin-button/spin-button.component.d.ts +8 -9
  53. package/components/textfield/index.d.ts +1 -3
  54. package/components/textfield/textfield-content.directive.d.ts +3 -2
  55. package/components/textfield/textfield-icon.d.ts +3 -3
  56. package/components/textfield/textfield-multi/textfield-item.component.d.ts +3 -2
  57. package/components/textfield/textfield-multi/textfield-multi.component.d.ts +9 -14
  58. package/components/textfield/textfield.component.d.ts +17 -29
  59. package/components/textfield/textfield.d.ts +2 -3
  60. package/components/textfield/textfield.directive.d.ts +13 -20
  61. package/components/textfield/textfield.options.d.ts +8 -11
  62. package/directives/alert/alert.directive.d.ts +11 -0
  63. package/directives/alert/alert.service.d.ts +12 -0
  64. package/directives/alert/index.d.ts +2 -0
  65. package/directives/appearance/appearance.directive.d.ts +5 -13
  66. package/directives/appearance/appearance.options.d.ts +1 -1
  67. package/directives/date-format/date-format.directive.d.ts +3 -7
  68. package/directives/dropdown/dropdown-content.directive.d.ts +9 -0
  69. package/directives/dropdown/dropdown-hover.options.d.ts +1 -3
  70. package/directives/dropdown/dropdown-position.directive.d.ts +1 -1
  71. package/directives/dropdown/dropdown.d.ts +2 -2
  72. package/directives/dropdown/dropdown.directive.d.ts +1 -2
  73. package/directives/dropdown/index.d.ts +1 -3
  74. package/directives/group/group.options.d.ts +1 -3
  75. package/directives/hint/hint-describe.directive.d.ts +4 -6
  76. package/directives/hint/hint-host.directive.d.ts +2 -2
  77. package/directives/hint/hint-hover.directive.d.ts +3 -4
  78. package/directives/hint/hint-manual.directive.d.ts +2 -2
  79. package/directives/hint/hint-options.directive.d.ts +3 -3
  80. package/directives/hint/hint-overflow.directive.d.ts +2 -2
  81. package/directives/hint/hint-position.directive.d.ts +4 -5
  82. package/directives/hint/hint-unstyled.component.d.ts +2 -7
  83. package/directives/hint/hint.component.d.ts +10 -11
  84. package/directives/hint/hint.directive.d.ts +9 -11
  85. package/directives/hint/index.d.ts +0 -2
  86. package/directives/icons/icons.bindings.d.ts +5 -0
  87. package/directives/icons/icons.directive.d.ts +8 -16
  88. package/directives/icons/index.d.ts +1 -0
  89. package/directives/index.d.ts +1 -1
  90. package/directives/number-format/number-format.directive.d.ts +3 -7
  91. package/directives/popup/popup.directive.d.ts +6 -5
  92. package/directives/popup/popup.service.d.ts +1 -1
  93. package/directives/popup/popups.component.d.ts +2 -2
  94. package/directives/title/title.directive.d.ts +2 -3
  95. package/fesm2022/taiga-ui-core-animations.mjs.map +1 -1
  96. package/fesm2022/taiga-ui-core-classes.mjs +5 -5
  97. package/fesm2022/taiga-ui-core-classes.mjs.map +1 -1
  98. package/fesm2022/taiga-ui-core-components-button.mjs +13 -21
  99. package/fesm2022/taiga-ui-core-components-button.mjs.map +1 -1
  100. package/fesm2022/taiga-ui-core-components-calendar.mjs +26 -36
  101. package/fesm2022/taiga-ui-core-components-calendar.mjs.map +1 -1
  102. package/fesm2022/taiga-ui-core-components-cell.mjs +45 -0
  103. package/fesm2022/taiga-ui-core-components-cell.mjs.map +1 -0
  104. package/fesm2022/taiga-ui-core-components-data-list.mjs +57 -219
  105. package/fesm2022/taiga-ui-core-components-data-list.mjs.map +1 -1
  106. package/fesm2022/taiga-ui-core-components-dialog.mjs +75 -113
  107. package/fesm2022/taiga-ui-core-components-dialog.mjs.map +1 -1
  108. package/fesm2022/taiga-ui-core-components-error.mjs +110 -26
  109. package/fesm2022/taiga-ui-core-components-error.mjs.map +1 -1
  110. package/fesm2022/taiga-ui-core-components-expand.mjs +34 -132
  111. package/fesm2022/taiga-ui-core-components-expand.mjs.map +1 -1
  112. package/fesm2022/taiga-ui-core-components-icon.mjs +22 -40
  113. package/fesm2022/taiga-ui-core-components-icon.mjs.map +1 -1
  114. package/fesm2022/taiga-ui-core-components-label.mjs +10 -13
  115. package/fesm2022/taiga-ui-core-components-label.mjs.map +1 -1
  116. package/fesm2022/taiga-ui-core-components-link.mjs +16 -25
  117. package/fesm2022/taiga-ui-core-components-link.mjs.map +1 -1
  118. package/fesm2022/taiga-ui-core-components-loader.mjs +17 -36
  119. package/fesm2022/taiga-ui-core-components-loader.mjs.map +1 -1
  120. package/fesm2022/taiga-ui-core-components-modal.mjs +89 -0
  121. package/fesm2022/taiga-ui-core-components-modal.mjs.map +1 -0
  122. package/fesm2022/taiga-ui-core-components-notification.mjs +107 -64
  123. package/fesm2022/taiga-ui-core-components-notification.mjs.map +1 -1
  124. package/fesm2022/taiga-ui-core-components-root.mjs +21 -54
  125. package/fesm2022/taiga-ui-core-components-root.mjs.map +1 -1
  126. package/fesm2022/taiga-ui-core-components-scrollbar.mjs +58 -67
  127. package/fesm2022/taiga-ui-core-components-scrollbar.mjs.map +1 -1
  128. package/fesm2022/taiga-ui-core-components-spin-button.mjs +16 -29
  129. package/fesm2022/taiga-ui-core-components-spin-button.mjs.map +1 -1
  130. package/fesm2022/taiga-ui-core-components-textfield.mjs +192 -405
  131. package/fesm2022/taiga-ui-core-components-textfield.mjs.map +1 -1
  132. package/fesm2022/taiga-ui-core-components.mjs +2 -2
  133. package/fesm2022/taiga-ui-core-directives-alert.mjs +73 -0
  134. package/fesm2022/taiga-ui-core-directives-alert.mjs.map +1 -0
  135. package/fesm2022/taiga-ui-core-directives-appearance.mjs +32 -69
  136. package/fesm2022/taiga-ui-core-directives-appearance.mjs.map +1 -1
  137. package/fesm2022/taiga-ui-core-directives-date-format.mjs +26 -20
  138. package/fesm2022/taiga-ui-core-directives-date-format.mjs.map +1 -1
  139. package/fesm2022/taiga-ui-core-directives-dropdown.mjs +110 -172
  140. package/fesm2022/taiga-ui-core-directives-dropdown.mjs.map +1 -1
  141. package/fesm2022/taiga-ui-core-directives-group.mjs +13 -20
  142. package/fesm2022/taiga-ui-core-directives-group.mjs.map +1 -1
  143. package/fesm2022/taiga-ui-core-directives-hint.mjs +150 -251
  144. package/fesm2022/taiga-ui-core-directives-hint.mjs.map +1 -1
  145. package/fesm2022/taiga-ui-core-directives-icons.mjs +35 -45
  146. package/fesm2022/taiga-ui-core-directives-icons.mjs.map +1 -1
  147. package/fesm2022/taiga-ui-core-directives-items-handlers.mjs +13 -16
  148. package/fesm2022/taiga-ui-core-directives-items-handlers.mjs.map +1 -1
  149. package/fesm2022/taiga-ui-core-directives-number-format.mjs +32 -20
  150. package/fesm2022/taiga-ui-core-directives-number-format.mjs.map +1 -1
  151. package/fesm2022/taiga-ui-core-directives-popup.mjs +20 -27
  152. package/fesm2022/taiga-ui-core-directives-popup.mjs.map +1 -1
  153. package/fesm2022/taiga-ui-core-directives-title.mjs +13 -19
  154. package/fesm2022/taiga-ui-core-directives-title.mjs.map +1 -1
  155. package/fesm2022/taiga-ui-core-directives.mjs +1 -1
  156. package/fesm2022/taiga-ui-core-pipes-auto-color.mjs +3 -4
  157. package/fesm2022/taiga-ui-core-pipes-auto-color.mjs.map +1 -1
  158. package/fesm2022/taiga-ui-core-pipes-calendar-sheet.mjs +3 -4
  159. package/fesm2022/taiga-ui-core-pipes-calendar-sheet.mjs.map +1 -1
  160. package/fesm2022/taiga-ui-core-pipes-flag.mjs +3 -4
  161. package/fesm2022/taiga-ui-core-pipes-flag.mjs.map +1 -1
  162. package/fesm2022/taiga-ui-core-pipes-format-date.mjs +3 -4
  163. package/fesm2022/taiga-ui-core-pipes-format-date.mjs.map +1 -1
  164. package/fesm2022/taiga-ui-core-pipes-format-number.mjs +21 -15
  165. package/fesm2022/taiga-ui-core-pipes-format-number.mjs.map +1 -1
  166. package/fesm2022/taiga-ui-core-pipes-initials.mjs +3 -4
  167. package/fesm2022/taiga-ui-core-pipes-initials.mjs.map +1 -1
  168. package/fesm2022/taiga-ui-core-pipes-month.mjs +5 -5
  169. package/fesm2022/taiga-ui-core-pipes-month.mjs.map +1 -1
  170. package/fesm2022/taiga-ui-core-pipes-order-week-days.mjs +3 -4
  171. package/fesm2022/taiga-ui-core-pipes-order-week-days.mjs.map +1 -1
  172. package/fesm2022/taiga-ui-core-pipes.mjs +0 -1
  173. package/fesm2022/taiga-ui-core-pipes.mjs.map +1 -1
  174. package/fesm2022/taiga-ui-core-services.mjs +18 -18
  175. package/fesm2022/taiga-ui-core-services.mjs.map +1 -1
  176. package/fesm2022/taiga-ui-core-tokens.mjs +45 -48
  177. package/fesm2022/taiga-ui-core-tokens.mjs.map +1 -1
  178. package/fesm2022/taiga-ui-core-utils-dom.mjs.map +1 -1
  179. package/fesm2022/taiga-ui-core-utils-format.mjs +1 -0
  180. package/fesm2022/taiga-ui-core-utils-format.mjs.map +1 -1
  181. package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs +50 -4
  182. package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs.map +1 -1
  183. package/package.json +68 -169
  184. package/pipes/format-number/format-number.pipe.d.ts +6 -4
  185. package/pipes/index.d.ts +0 -1
  186. package/styles/components/appearance.less +6 -0
  187. package/styles/components/button.less +0 -2
  188. package/styles/components/icon.less +32 -22
  189. package/styles/components/icons.less +16 -12
  190. package/styles/components/link.less +2 -3
  191. package/styles/mixins/appearance.less +1 -1
  192. package/styles/mixins/mixins.less +1 -7
  193. package/styles/mixins/mixins.scss +1 -7
  194. package/styles/mixins/slider.less +21 -16
  195. package/styles/mixins/slider.scss +1 -2
  196. package/styles/theme/appearance/outline.less +1 -2
  197. package/styles/theme/appearance/textfield.less +1 -2
  198. package/styles/theme/variables.less +2 -4
  199. package/tokens/common-icons.d.ts +1 -3
  200. package/tokens/date-format.d.ts +2 -3
  201. package/tokens/i18n.d.ts +7 -7
  202. package/tokens/icon-resolver.d.ts +1 -5
  203. package/tokens/index.d.ts +1 -0
  204. package/tokens/number-format.d.ts +2 -3
  205. package/tokens/validation-errors.d.ts +4 -0
  206. package/types/index.d.ts +0 -2
  207. package/utils/miscellaneous/index.d.ts +1 -0
  208. package/utils/miscellaneous/provide-taiga.d.ts +13 -0
  209. package/components/alert/alert.component.d.ts +0 -15
  210. package/components/alert/alert.directive.d.ts +0 -7
  211. package/components/alert/alert.interfaces.d.ts +0 -12
  212. package/components/alert/alert.service.d.ts +0 -7
  213. package/components/alert/alert.tokens.d.ts +0 -12
  214. package/components/alert/alerts.component.d.ts +0 -12
  215. package/components/alert/index.d.ts +0 -6
  216. package/components/data-list/data-list.directive.d.ts +0 -7
  217. package/components/data-list/option/option-legacy.component.d.ts +0 -24
  218. package/components/dialog/dialog.interfaces.d.ts +0 -34
  219. package/components/dialog/dialog.tokens.d.ts +0 -15
  220. package/components/dialog/dialogs.component.d.ts +0 -8
  221. package/components/expand/expand-content.directive.d.ts +0 -8
  222. package/components/expand/expand.d.ts +0 -6
  223. package/components/fullscreen/fullscreen.component.d.ts +0 -14
  224. package/components/fullscreen/index.d.ts +0 -1
  225. package/components/textfield/select.directive.d.ts +0 -19
  226. package/components/textfield/textfield-dropdown.directive.d.ts +0 -16
  227. package/directives/dropdown/dropdown-portal.directive.d.ts +0 -14
  228. package/directives/dropdown/dropdown.service.d.ts +0 -6
  229. package/directives/dropdown/dropdowns.component.d.ts +0 -9
  230. package/directives/hint/hint.service.d.ts +0 -13
  231. package/directives/hint/hints.component.d.ts +0 -12
  232. package/directives/surface/index.d.ts +0 -1
  233. package/directives/surface/surface.directive.d.ts +0 -8
  234. package/esm2022/animations/animations.mjs +0 -363
  235. package/esm2022/animations/index.mjs +0 -2
  236. package/esm2022/animations/taiga-ui-core-animations.mjs +0 -5
  237. package/esm2022/classes/accessors.mjs +0 -31
  238. package/esm2022/classes/driver.mjs +0 -36
  239. package/esm2022/classes/index.mjs +0 -4
  240. package/esm2022/classes/taiga-ui-core-classes.mjs +0 -5
  241. package/esm2022/classes/vehicle.mjs +0 -7
  242. package/esm2022/components/alert/alert.component.mjs +0 -43
  243. package/esm2022/components/alert/alert.directive.mjs +0 -21
  244. package/esm2022/components/alert/alert.interfaces.mjs +0 -2
  245. package/esm2022/components/alert/alert.service.mjs +0 -18
  246. package/esm2022/components/alert/alert.tokens.mjs +0 -51
  247. package/esm2022/components/alert/alerts.component.mjs +0 -33
  248. package/esm2022/components/alert/index.mjs +0 -6
  249. package/esm2022/components/alert/taiga-ui-core-components-alert.mjs +0 -5
  250. package/esm2022/components/button/button.directive.mjs +0 -43
  251. package/esm2022/components/button/button.options.mjs +0 -7
  252. package/esm2022/components/button/index.mjs +0 -3
  253. package/esm2022/components/button/taiga-ui-core-components-button.mjs +0 -5
  254. package/esm2022/components/calendar/calendar-sheet.component.mjs +0 -168
  255. package/esm2022/components/calendar/calendar-sheet.options.mjs +0 -12
  256. package/esm2022/components/calendar/calendar-spin.component.mjs +0 -53
  257. package/esm2022/components/calendar/calendar-year.component.mjs +0 -128
  258. package/esm2022/components/calendar/calendar.component.mjs +0 -147
  259. package/esm2022/components/calendar/index.mjs +0 -6
  260. package/esm2022/components/calendar/taiga-ui-core-components-calendar.mjs +0 -5
  261. package/esm2022/components/data-list/data-list.component.mjs +0 -139
  262. package/esm2022/components/data-list/data-list.directive.mjs +0 -19
  263. package/esm2022/components/data-list/data-list.mjs +0 -14
  264. package/esm2022/components/data-list/data-list.tokens.mjs +0 -18
  265. package/esm2022/components/data-list/index.mjs +0 -9
  266. package/esm2022/components/data-list/opt-group.directive.mjs +0 -21
  267. package/esm2022/components/data-list/option/option-content.mjs +0 -36
  268. package/esm2022/components/data-list/option/option-legacy.component.mjs +0 -90
  269. package/esm2022/components/data-list/option/option.directive.mjs +0 -109
  270. package/esm2022/components/data-list/taiga-ui-core-components-data-list.mjs +0 -5
  271. package/esm2022/components/dialog/dialog-close.service.mjs +0 -41
  272. package/esm2022/components/dialog/dialog.component.mjs +0 -63
  273. package/esm2022/components/dialog/dialog.directive.mjs +0 -21
  274. package/esm2022/components/dialog/dialog.factory.mjs +0 -15
  275. package/esm2022/components/dialog/dialog.interfaces.mjs +0 -2
  276. package/esm2022/components/dialog/dialog.service.mjs +0 -18
  277. package/esm2022/components/dialog/dialog.tokens.mjs +0 -33
  278. package/esm2022/components/dialog/dialogs.component.mjs +0 -29
  279. package/esm2022/components/dialog/index.mjs +0 -8
  280. package/esm2022/components/dialog/taiga-ui-core-components-dialog.mjs +0 -5
  281. package/esm2022/components/error/error.component.mjs +0 -34
  282. package/esm2022/components/error/index.mjs +0 -2
  283. package/esm2022/components/error/taiga-ui-core-components-error.mjs +0 -5
  284. package/esm2022/components/expand/expand-content.directive.mjs +0 -18
  285. package/esm2022/components/expand/expand.component.mjs +0 -124
  286. package/esm2022/components/expand/expand.mjs +0 -7
  287. package/esm2022/components/expand/index.mjs +0 -4
  288. package/esm2022/components/expand/taiga-ui-core-components-expand.mjs +0 -5
  289. package/esm2022/components/fullscreen/fullscreen.component.mjs +0 -60
  290. package/esm2022/components/fullscreen/index.mjs +0 -2
  291. package/esm2022/components/fullscreen/taiga-ui-core-components-fullscreen.mjs +0 -5
  292. package/esm2022/components/icon/icon.component.mjs +0 -44
  293. package/esm2022/components/icon/icon.pipe.mjs +0 -19
  294. package/esm2022/components/icon/index.mjs +0 -3
  295. package/esm2022/components/icon/taiga-ui-core-components-icon.mjs +0 -5
  296. package/esm2022/components/index.mjs +0 -18
  297. package/esm2022/components/label/index.mjs +0 -2
  298. package/esm2022/components/label/label.directive.mjs +0 -41
  299. package/esm2022/components/label/taiga-ui-core-components-label.mjs +0 -5
  300. package/esm2022/components/link/index.mjs +0 -3
  301. package/esm2022/components/link/link.directive.mjs +0 -47
  302. package/esm2022/components/link/link.options.mjs +0 -13
  303. package/esm2022/components/link/taiga-ui-core-components-link.mjs +0 -5
  304. package/esm2022/components/loader/index.mjs +0 -3
  305. package/esm2022/components/loader/loader.component.mjs +0 -46
  306. package/esm2022/components/loader/loader.options.mjs +0 -18
  307. package/esm2022/components/loader/taiga-ui-core-components-loader.mjs +0 -5
  308. package/esm2022/components/notification/index.mjs +0 -3
  309. package/esm2022/components/notification/notification.directive.mjs +0 -81
  310. package/esm2022/components/notification/notification.options.mjs +0 -23
  311. package/esm2022/components/notification/taiga-ui-core-components-notification.mjs +0 -5
  312. package/esm2022/components/root/index.mjs +0 -2
  313. package/esm2022/components/root/root.component.mjs +0 -85
  314. package/esm2022/components/root/taiga-ui-core-components-root.mjs +0 -5
  315. package/esm2022/components/scrollbar/index.mjs +0 -9
  316. package/esm2022/components/scrollbar/scroll-controls.component.mjs +0 -32
  317. package/esm2022/components/scrollbar/scroll-into-view.directive.mjs +0 -43
  318. package/esm2022/components/scrollbar/scroll-ref.directive.mjs +0 -19
  319. package/esm2022/components/scrollbar/scrollable.directive.mjs +0 -26
  320. package/esm2022/components/scrollbar/scrollbar.component.mjs +0 -72
  321. package/esm2022/components/scrollbar/scrollbar.directive.mjs +0 -93
  322. package/esm2022/components/scrollbar/scrollbar.options.mjs +0 -6
  323. package/esm2022/components/scrollbar/scrollbar.service.mjs +0 -46
  324. package/esm2022/components/scrollbar/taiga-ui-core-components-scrollbar.mjs +0 -5
  325. package/esm2022/components/spin-button/index.mjs +0 -2
  326. package/esm2022/components/spin-button/spin-button.component.mjs +0 -51
  327. package/esm2022/components/spin-button/taiga-ui-core-components-spin-button.mjs +0 -5
  328. package/esm2022/components/taiga-ui-core-components.mjs +0 -5
  329. package/esm2022/components/textfield/index.mjs +0 -16
  330. package/esm2022/components/textfield/select-like.directive.mjs +0 -42
  331. package/esm2022/components/textfield/select.directive.mjs +0 -64
  332. package/esm2022/components/textfield/taiga-ui-core-components-textfield.mjs +0 -5
  333. package/esm2022/components/textfield/textfield-accessor.mjs +0 -7
  334. package/esm2022/components/textfield/textfield-auxiliary.mjs +0 -7
  335. package/esm2022/components/textfield/textfield-content.directive.mjs +0 -22
  336. package/esm2022/components/textfield/textfield-dropdown.directive.mjs +0 -43
  337. package/esm2022/components/textfield/textfield-icon.mjs +0 -10
  338. package/esm2022/components/textfield/textfield-multi/textfield-item.component.mjs +0 -34
  339. package/esm2022/components/textfield/textfield-multi/textfield-multi.component.mjs +0 -137
  340. package/esm2022/components/textfield/textfield.component.mjs +0 -180
  341. package/esm2022/components/textfield/textfield.directive.mjs +0 -134
  342. package/esm2022/components/textfield/textfield.mjs +0 -19
  343. package/esm2022/components/textfield/textfield.options.mjs +0 -63
  344. package/esm2022/components/textfield/with-native-picker.directive.mjs +0 -24
  345. package/esm2022/directives/appearance/appearance.bindings.mjs +0 -15
  346. package/esm2022/directives/appearance/appearance.directive.mjs +0 -79
  347. package/esm2022/directives/appearance/appearance.options.mjs +0 -12
  348. package/esm2022/directives/appearance/index.mjs +0 -5
  349. package/esm2022/directives/appearance/taiga-ui-core-directives-appearance.mjs +0 -5
  350. package/esm2022/directives/appearance/with-appearance.mjs +0 -27
  351. package/esm2022/directives/date-format/date-format.directive.mjs +0 -31
  352. package/esm2022/directives/date-format/index.mjs +0 -2
  353. package/esm2022/directives/date-format/taiga-ui-core-directives-date-format.mjs +0 -5
  354. package/esm2022/directives/dropdown/dropdown-context.directive.mjs +0 -76
  355. package/esm2022/directives/dropdown/dropdown-hover.directive.mjs +0 -70
  356. package/esm2022/directives/dropdown/dropdown-hover.options.mjs +0 -17
  357. package/esm2022/directives/dropdown/dropdown-limit-width.mjs +0 -37
  358. package/esm2022/directives/dropdown/dropdown-manual.directive.mjs +0 -27
  359. package/esm2022/directives/dropdown/dropdown-open-legacy.directive.mjs +0 -33
  360. package/esm2022/directives/dropdown/dropdown-open.directive.mjs +0 -169
  361. package/esm2022/directives/dropdown/dropdown-options.directive.mjs +0 -73
  362. package/esm2022/directives/dropdown/dropdown-portal.directive.mjs +0 -34
  363. package/esm2022/directives/dropdown/dropdown-position-sided.directive.mjs +0 -69
  364. package/esm2022/directives/dropdown/dropdown-position.directive.mjs +0 -88
  365. package/esm2022/directives/dropdown/dropdown-selection.directive.mjs +0 -159
  366. package/esm2022/directives/dropdown/dropdown.bindings.mjs +0 -19
  367. package/esm2022/directives/dropdown/dropdown.component.mjs +0 -92
  368. package/esm2022/directives/dropdown/dropdown.directive.mjs +0 -110
  369. package/esm2022/directives/dropdown/dropdown.driver.mjs +0 -32
  370. package/esm2022/directives/dropdown/dropdown.mjs +0 -29
  371. package/esm2022/directives/dropdown/dropdown.providers.mjs +0 -10
  372. package/esm2022/directives/dropdown/dropdown.service.mjs +0 -15
  373. package/esm2022/directives/dropdown/dropdowns.component.mjs +0 -24
  374. package/esm2022/directives/dropdown/index.mjs +0 -22
  375. package/esm2022/directives/dropdown/taiga-ui-core-directives-dropdown.mjs +0 -5
  376. package/esm2022/directives/dropdown/with-dropdown-open.directive.mjs +0 -23
  377. package/esm2022/directives/group/group.directive.mjs +0 -53
  378. package/esm2022/directives/group/group.options.mjs +0 -15
  379. package/esm2022/directives/group/index.mjs +0 -3
  380. package/esm2022/directives/group/taiga-ui-core-directives-group.mjs +0 -5
  381. package/esm2022/directives/hint/hint-describe.directive.mjs +0 -50
  382. package/esm2022/directives/hint/hint-driver.directive.mjs +0 -19
  383. package/esm2022/directives/hint/hint-host.directive.mjs +0 -27
  384. package/esm2022/directives/hint/hint-hover.directive.mjs +0 -59
  385. package/esm2022/directives/hint/hint-manual.directive.mjs +0 -33
  386. package/esm2022/directives/hint/hint-options.directive.mjs +0 -86
  387. package/esm2022/directives/hint/hint-overflow.directive.mjs +0 -38
  388. package/esm2022/directives/hint/hint-pointer.directive.mjs +0 -33
  389. package/esm2022/directives/hint/hint-position.directive.mjs +0 -112
  390. package/esm2022/directives/hint/hint-unstyled.component.mjs +0 -39
  391. package/esm2022/directives/hint/hint.component.mjs +0 -127
  392. package/esm2022/directives/hint/hint.directive.mjs +0 -99
  393. package/esm2022/directives/hint/hint.mjs +0 -27
  394. package/esm2022/directives/hint/hint.providers.mjs +0 -9
  395. package/esm2022/directives/hint/hint.service.mjs +0 -29
  396. package/esm2022/directives/hint/hints.component.mjs +0 -34
  397. package/esm2022/directives/hint/index.mjs +0 -17
  398. package/esm2022/directives/hint/taiga-ui-core-directives-hint.mjs +0 -5
  399. package/esm2022/directives/icons/icons.directive.mjs +0 -66
  400. package/esm2022/directives/icons/index.mjs +0 -3
  401. package/esm2022/directives/icons/taiga-ui-core-directives-icons.mjs +0 -5
  402. package/esm2022/directives/icons/with-icons.mjs +0 -22
  403. package/esm2022/directives/index.mjs +0 -12
  404. package/esm2022/directives/items-handlers/index.mjs +0 -4
  405. package/esm2022/directives/items-handlers/items-handlers.directive.mjs +0 -63
  406. package/esm2022/directives/items-handlers/items-handlers.tokens.mjs +0 -27
  407. package/esm2022/directives/items-handlers/items-handlers.validator.mjs +0 -32
  408. package/esm2022/directives/items-handlers/taiga-ui-core-directives-items-handlers.mjs +0 -5
  409. package/esm2022/directives/number-format/index.mjs +0 -2
  410. package/esm2022/directives/number-format/number-format.directive.mjs +0 -31
  411. package/esm2022/directives/number-format/taiga-ui-core-directives-number-format.mjs +0 -5
  412. package/esm2022/directives/popup/index.mjs +0 -4
  413. package/esm2022/directives/popup/popup.directive.mjs +0 -31
  414. package/esm2022/directives/popup/popup.service.mjs +0 -15
  415. package/esm2022/directives/popup/popups.component.mjs +0 -20
  416. package/esm2022/directives/popup/taiga-ui-core-directives-popup.mjs +0 -5
  417. package/esm2022/directives/surface/index.mjs +0 -2
  418. package/esm2022/directives/surface/surface.directive.mjs +0 -44
  419. package/esm2022/directives/surface/taiga-ui-core-directives-surface.mjs +0 -5
  420. package/esm2022/directives/taiga-ui-core-directives.mjs +0 -5
  421. package/esm2022/directives/title/index.mjs +0 -2
  422. package/esm2022/directives/title/taiga-ui-core-directives-title.mjs +0 -5
  423. package/esm2022/directives/title/title.directive.mjs +0 -37
  424. package/esm2022/index.mjs +0 -9
  425. package/esm2022/pipes/auto-color/auto-color.pipe.mjs +0 -19
  426. package/esm2022/pipes/auto-color/index.mjs +0 -2
  427. package/esm2022/pipes/auto-color/taiga-ui-core-pipes-auto-color.mjs +0 -5
  428. package/esm2022/pipes/calendar-sheet/calendar-sheet.pipe.mjs +0 -54
  429. package/esm2022/pipes/calendar-sheet/index.mjs +0 -2
  430. package/esm2022/pipes/calendar-sheet/taiga-ui-core-pipes-calendar-sheet.mjs +0 -5
  431. package/esm2022/pipes/calendar-sheet/utils.mjs +0 -36
  432. package/esm2022/pipes/fallback-src/fallback-src.pipe.mjs +0 -23
  433. package/esm2022/pipes/fallback-src/index.mjs +0 -2
  434. package/esm2022/pipes/fallback-src/taiga-ui-core-pipes-fallback-src.mjs +0 -5
  435. package/esm2022/pipes/flag/flag.pipe.mjs +0 -26
  436. package/esm2022/pipes/flag/index.mjs +0 -2
  437. package/esm2022/pipes/flag/taiga-ui-core-pipes-flag.mjs +0 -5
  438. package/esm2022/pipes/format-date/format-date.pipe.mjs +0 -22
  439. package/esm2022/pipes/format-date/index.mjs +0 -2
  440. package/esm2022/pipes/format-date/taiga-ui-core-pipes-format-date.mjs +0 -5
  441. package/esm2022/pipes/format-number/format-number.pipe.mjs +0 -36
  442. package/esm2022/pipes/format-number/index.mjs +0 -2
  443. package/esm2022/pipes/format-number/taiga-ui-core-pipes-format-number.mjs +0 -5
  444. package/esm2022/pipes/index.mjs +0 -10
  445. package/esm2022/pipes/initials/index.mjs +0 -2
  446. package/esm2022/pipes/initials/initials.pipe.mjs +0 -23
  447. package/esm2022/pipes/initials/taiga-ui-core-pipes-initials.mjs +0 -5
  448. package/esm2022/pipes/month/index.mjs +0 -2
  449. package/esm2022/pipes/month/month.pipe.mjs +0 -23
  450. package/esm2022/pipes/month/taiga-ui-core-pipes-month.mjs +0 -5
  451. package/esm2022/pipes/order-week-days/index.mjs +0 -2
  452. package/esm2022/pipes/order-week-days/order-week-days.pipe.mjs +0 -30
  453. package/esm2022/pipes/order-week-days/taiga-ui-core-pipes-order-week-days.mjs +0 -5
  454. package/esm2022/pipes/taiga-ui-core-pipes.mjs +0 -5
  455. package/esm2022/services/breakpoint.service.mjs +0 -31
  456. package/esm2022/services/dark-theme.service.mjs +0 -24
  457. package/esm2022/services/format-date.service.mjs +0 -24
  458. package/esm2022/services/index.mjs +0 -6
  459. package/esm2022/services/position.service.mjs +0 -26
  460. package/esm2022/services/taiga-ui-core-services.mjs +0 -5
  461. package/esm2022/services/visual-viewport.service.mjs +0 -29
  462. package/esm2022/taiga-ui-core.mjs +0 -5
  463. package/esm2022/tokens/animations-speed.mjs +0 -9
  464. package/esm2022/tokens/assets-path.mjs +0 -11
  465. package/esm2022/tokens/auxiliary.mjs +0 -9
  466. package/esm2022/tokens/common-icons.mjs +0 -18
  467. package/esm2022/tokens/dark-mode.mjs +0 -41
  468. package/esm2022/tokens/date-format.mjs +0 -20
  469. package/esm2022/tokens/day-type-handler.mjs +0 -8
  470. package/esm2022/tokens/first-day-of-week.mjs +0 -9
  471. package/esm2022/tokens/i18n.mjs +0 -45
  472. package/esm2022/tokens/icon-resolver.mjs +0 -44
  473. package/esm2022/tokens/icon.mjs +0 -8
  474. package/esm2022/tokens/icons.mjs +0 -21
  475. package/esm2022/tokens/index.mjs +0 -21
  476. package/esm2022/tokens/media.mjs +0 -12
  477. package/esm2022/tokens/number-format.mjs +0 -24
  478. package/esm2022/tokens/reduced-motion.mjs +0 -7
  479. package/esm2022/tokens/scroll-ref.mjs +0 -6
  480. package/esm2022/tokens/selection-stream.mjs +0 -14
  481. package/esm2022/tokens/spin-icons.mjs +0 -8
  482. package/esm2022/tokens/taiga-ui-core-tokens.mjs +0 -5
  483. package/esm2022/tokens/theme.mjs +0 -5
  484. package/esm2022/tokens/viewport.mjs +0 -35
  485. package/esm2022/types/direction.mjs +0 -2
  486. package/esm2022/types/index.mjs +0 -2
  487. package/esm2022/types/interactive-state.mjs +0 -2
  488. package/esm2022/types/orientation.mjs +0 -2
  489. package/esm2022/types/point.mjs +0 -2
  490. package/esm2022/types/portal-item.mjs +0 -2
  491. package/esm2022/types/range-state.mjs +0 -2
  492. package/esm2022/types/size.mjs +0 -13
  493. package/esm2022/types/taiga-ui-core-types.mjs +0 -5
  494. package/esm2022/types/value-content-context.mjs +0 -2
  495. package/esm2022/utils/dom/check-fixed-position.mjs +0 -9
  496. package/esm2022/utils/dom/get-viewport.mjs +0 -24
  497. package/esm2022/utils/dom/get-word-range.mjs +0 -51
  498. package/esm2022/utils/dom/index.mjs +0 -4
  499. package/esm2022/utils/dom/taiga-ui-core-utils-dom.mjs +0 -5
  500. package/esm2022/utils/format/format-number.mjs +0 -47
  501. package/esm2022/utils/format/get-fractional-part-padded.mjs +0 -16
  502. package/esm2022/utils/format/index.mjs +0 -5
  503. package/esm2022/utils/format/number-to-string-without-exp.mjs +0 -18
  504. package/esm2022/utils/format/string-hash-to-hsl.mjs +0 -21
  505. package/esm2022/utils/format/taiga-ui-core-utils-format.mjs +0 -5
  506. package/esm2022/utils/index.mjs +0 -4
  507. package/esm2022/utils/miscellaneous/font-scaling.mjs +0 -11
  508. package/esm2022/utils/miscellaneous/index.mjs +0 -7
  509. package/esm2022/utils/miscellaneous/is-editing-key.mjs +0 -18
  510. package/esm2022/utils/miscellaneous/is-obscured.mjs +0 -8
  511. package/esm2022/utils/miscellaneous/override-options.mjs +0 -11
  512. package/esm2022/utils/miscellaneous/size-bigger.mjs +0 -19
  513. package/esm2022/utils/miscellaneous/taiga-ui-core-utils-miscellaneous.mjs +0 -5
  514. package/esm2022/utils/miscellaneous/to-animation-options.mjs +0 -16
  515. package/esm2022/utils/taiga-ui-core-utils.mjs +0 -5
  516. package/fesm2022/taiga-ui-core-components-alert.mjs +0 -149
  517. package/fesm2022/taiga-ui-core-components-alert.mjs.map +0 -1
  518. package/fesm2022/taiga-ui-core-components-fullscreen.mjs +0 -66
  519. package/fesm2022/taiga-ui-core-components-fullscreen.mjs.map +0 -1
  520. package/fesm2022/taiga-ui-core-directives-surface.mjs +0 -50
  521. package/fesm2022/taiga-ui-core-directives-surface.mjs.map +0 -1
  522. package/fesm2022/taiga-ui-core-pipes-fallback-src.mjs +0 -29
  523. package/fesm2022/taiga-ui-core-pipes-fallback-src.mjs.map +0 -1
  524. package/pipes/fallback-src/fallback-src.pipe.d.ts +0 -9
  525. package/pipes/fallback-src/index.d.ts +0 -1
  526. package/types/portal-item.d.ts +0 -9
  527. package/types/value-content-context.d.ts +0 -4
@@ -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
  }
@@ -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
  }
@@ -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,4 +1,3 @@
1
- import { InjectionToken, type Provider } from '@angular/core';
2
1
  export interface TuiCommonIcons {
3
2
  readonly check: string;
4
3
  readonly close: string;
@@ -7,5 +6,4 @@ export interface TuiCommonIcons {
7
6
  readonly search: string;
8
7
  readonly ellipsis: string;
9
8
  }
10
- export declare const TUI_COMMON_ICONS: InjectionToken<TuiCommonIcons>;
11
- export declare function tuiCommonIconsProvider(icons: Partial<TuiCommonIcons>): Provider;
9
+ export declare const TUI_COMMON_ICONS: import("@angular/core").InjectionToken<TuiCommonIcons>, tuiCommonIconsProvider: (item: Partial<TuiCommonIcons> | (() => Partial<TuiCommonIcons>)) => import("@angular/core").FactoryProvider;
@@ -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,5 @@ 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
- 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,15 +0,0 @@
1
- import { type TuiPopover } from '@taiga-ui/cdk/services';
2
- import { type TuiAlertOptions } from './alert.interfaces';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "@taiga-ui/cdk/directives/animated";
5
- export declare class TuiAlertComponent<O, I> {
6
- private readonly el;
7
- protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
8
- protected readonly close: import("@angular/core").Signal<string | undefined>;
9
- protected readonly position: string;
10
- protected readonly item: TuiPopover<TuiAlertOptions<I>, O>;
11
- protected readonly sub: import("rxjs").Subscription;
12
- get from(): string;
13
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiAlertComponent<any, any>, never>;
14
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiAlertComponent<any, any>, "tui-alert", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
15
- }
@@ -1,7 +0,0 @@
1
- import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
2
- import { type TuiAlertOptions } from './alert.interfaces';
3
- import * as i0 from "@angular/core";
4
- export declare class TuiAlert<T> extends TuiPopoverDirective<TuiAlertOptions<T>> {
5
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiAlert<any>, never>;
6
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAlert<any>, "ng-template[tuiAlert]", never, { "options": { "alias": "tuiAlertOptions"; "required": false; }; "open": { "alias": "tuiAlert"; "required": false; }; }, { "openChange": "tuiAlertChange"; }, never, never, true, never>;
7
- }
@@ -1,12 +0,0 @@
1
- import { type TuiPopoverContext } from '@taiga-ui/cdk/services';
2
- import { type TuiHandler } from '@taiga-ui/cdk/types';
3
- import { type TuiNotificationOptions } from '@taiga-ui/core/components/notification';
4
- import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
5
- export interface TuiAlertOptions<I = undefined> extends Omit<TuiNotificationOptions, 'size'> {
6
- readonly autoClose: TuiHandler<string, number> | number;
7
- readonly data: I;
8
- readonly closeable: boolean;
9
- readonly label: PolymorpheusContent<TuiAlertOptions<I>>;
10
- }
11
- export interface TuiAlertContext<O = void, I = undefined> extends TuiPopoverContext<O>, TuiAlertOptions<I> {
12
- }
@@ -1,7 +0,0 @@
1
- import { TuiPopoverService } from '@taiga-ui/cdk/services';
2
- import { type TuiAlertOptions } from './alert.interfaces';
3
- import * as i0 from "@angular/core";
4
- export declare class TuiAlertService extends TuiPopoverService<TuiAlertOptions<any>> {
5
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiAlertService, never>;
6
- static ɵprov: i0.ɵɵInjectableDeclaration<TuiAlertService>;
7
- }
@@ -1,12 +0,0 @@
1
- import { type FactoryProvider, InjectionToken } from '@angular/core';
2
- import { BehaviorSubject } from 'rxjs';
3
- import { type TuiAlertOptions } from './alert.interfaces';
4
- export declare const TUI_ALERT_DEFAULT_OPTIONS: Omit<TuiAlertOptions, 'appearance' | 'icon'>;
5
- export declare const TUI_ALERT_OPTIONS: InjectionToken<TuiAlertOptions<undefined>>;
6
- export declare const TUI_ALERT_POSITION: InjectionToken<string>;
7
- export declare const TUI_ALERTS: InjectionToken<BehaviorSubject<readonly any[]>>;
8
- /**
9
- * Grouping alerts by their component
10
- */
11
- export declare const TUI_ALERTS_GROUPED: InjectionToken<import("rxjs").Observable<(readonly any[])[]>>;
12
- export declare function tuiAlertOptionsProvider(options: Partial<TuiAlertOptions>): FactoryProvider;
@@ -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,6 +0,0 @@
1
- export * from './alert.component';
2
- export * from './alert.directive';
3
- export type * from './alert.interfaces';
4
- export * from './alert.service';
5
- export * from './alert.tokens';
6
- export * from './alerts.component';
@@ -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,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
- }
@@ -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
- }