@taiga-ui/core 4.52.0-canary.1ea42f6 → 4.52.0-canary.217a686

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 (335) hide show
  1. package/README.md +1 -1
  2. package/classes/accessors.d.ts +2 -2
  3. package/components/calendar/calendar-sheet.component.d.ts +1 -1
  4. package/components/calendar/calendar-sheet.options.d.ts +1 -3
  5. package/{pipes/calendar-sheet → components/calendar}/calendar-sheet.pipe.d.ts +2 -2
  6. package/components/calendar/calendar-spin.component.d.ts +1 -0
  7. package/components/calendar/calendar-year.component.d.ts +1 -1
  8. package/components/calendar/calendar.options.d.ts +9 -0
  9. package/components/calendar/index.d.ts +3 -0
  10. package/{pipes/order-week-days → components/calendar}/order-week-days.pipe.d.ts +1 -1
  11. package/components/data-list/data-list.component.d.ts +8 -12
  12. package/components/data-list/data-list.d.ts +3 -4
  13. package/components/data-list/data-list.tokens.d.ts +1 -23
  14. package/components/data-list/index.d.ts +3 -4
  15. package/components/data-list/opt-group.directive.d.ts +2 -2
  16. package/components/data-list/option-content.directive.d.ts +14 -0
  17. package/components/data-list/option-with-value.directive.d.ts +9 -0
  18. package/components/data-list/option.directive.d.ts +19 -0
  19. package/components/error/error.component.d.ts +1 -1
  20. package/components/expand/expand.component.d.ts +9 -28
  21. package/components/expand/index.d.ts +0 -2
  22. package/components/icon/icon.component.d.ts +2 -2
  23. package/components/index.d.ts +2 -3
  24. package/components/input/index.d.ts +2 -0
  25. package/components/input/input.d.ts +5 -0
  26. package/components/input/input.directive.d.ts +29 -0
  27. package/components/label/label.directive.d.ts +1 -1
  28. package/components/link/index.d.ts +0 -1
  29. package/components/link/link.directive.d.ts +8 -6
  30. package/components/loader/loader.component.d.ts +7 -7
  31. package/components/loader/loader.options.d.ts +1 -3
  32. package/components/notification/index.d.ts +3 -0
  33. package/components/notification/notification.component.d.ts +14 -0
  34. package/components/notification/notification.d.ts +3 -0
  35. package/components/notification/notification.directive.d.ts +7 -12
  36. package/components/notification/notification.options.d.ts +10 -7
  37. package/components/notification/notification.service.d.ts +17 -0
  38. package/components/root/root.component.d.ts +2 -3
  39. package/components/scrollbar/scroll-into-view.directive.d.ts +3 -2
  40. package/components/scrollbar/scroll-ref.directive.d.ts +2 -0
  41. package/components/scrollbar/scrollbar.component.d.ts +1 -5
  42. package/components/scrollbar/scrollbar.directive.d.ts +2 -2
  43. package/components/spin-button/spin-button.component.d.ts +9 -10
  44. package/components/textfield/index.d.ts +1 -4
  45. package/components/textfield/textfield-multi/textfield-item.component.d.ts +3 -2
  46. package/components/textfield/textfield-multi/textfield-multi.component.d.ts +9 -15
  47. package/components/textfield/textfield.component.d.ts +20 -34
  48. package/components/textfield/textfield.d.ts +2 -4
  49. package/components/textfield/textfield.options.d.ts +8 -11
  50. package/directives/appearance/appearance.directive.d.ts +1 -1
  51. package/directives/appearance/appearance.options.d.ts +1 -1
  52. package/directives/date-format/date-format.directive.d.ts +3 -7
  53. package/directives/group/group.directive.d.ts +7 -7
  54. package/directives/group/group.options.d.ts +1 -3
  55. package/directives/index.d.ts +0 -4
  56. package/directives/items-handlers/items-handlers.directive.d.ts +5 -9
  57. package/directives/items-handlers/items-handlers.tokens.d.ts +4 -4
  58. package/directives/number-format/number-format.directive.d.ts +3 -7
  59. package/fesm2022/taiga-ui-core-classes.mjs +9 -11
  60. package/fesm2022/taiga-ui-core-classes.mjs.map +1 -1
  61. package/fesm2022/taiga-ui-core-components-button.mjs +7 -7
  62. package/fesm2022/taiga-ui-core-components-button.mjs.map +1 -1
  63. package/fesm2022/taiga-ui-core-components-calendar.mjs +140 -36
  64. package/fesm2022/taiga-ui-core-components-calendar.mjs.map +1 -1
  65. package/fesm2022/taiga-ui-core-components-cell.mjs +7 -7
  66. package/fesm2022/taiga-ui-core-components-cell.mjs.map +1 -1
  67. package/fesm2022/taiga-ui-core-components-data-list.mjs +111 -280
  68. package/fesm2022/taiga-ui-core-components-data-list.mjs.map +1 -1
  69. package/fesm2022/taiga-ui-core-components-error.mjs +14 -13
  70. package/fesm2022/taiga-ui-core-components-error.mjs.map +1 -1
  71. package/fesm2022/taiga-ui-core-components-expand.mjs +33 -131
  72. package/fesm2022/taiga-ui-core-components-expand.mjs.map +1 -1
  73. package/fesm2022/taiga-ui-core-components-icon.mjs +10 -11
  74. package/fesm2022/taiga-ui-core-components-icon.mjs.map +1 -1
  75. package/fesm2022/taiga-ui-core-components-input.mjs +103 -0
  76. package/fesm2022/taiga-ui-core-components-input.mjs.map +1 -0
  77. package/fesm2022/taiga-ui-core-components-label.mjs +11 -13
  78. package/fesm2022/taiga-ui-core-components-label.mjs.map +1 -1
  79. package/fesm2022/taiga-ui-core-components-link.mjs +14 -31
  80. package/fesm2022/taiga-ui-core-components-link.mjs.map +1 -1
  81. package/fesm2022/taiga-ui-core-components-loader.mjs +16 -34
  82. package/fesm2022/taiga-ui-core-components-loader.mjs.map +1 -1
  83. package/fesm2022/taiga-ui-core-components-notification.mjs +104 -49
  84. package/fesm2022/taiga-ui-core-components-notification.mjs.map +1 -1
  85. package/fesm2022/taiga-ui-core-components-root.mjs +9 -25
  86. package/fesm2022/taiga-ui-core-components-root.mjs.map +1 -1
  87. package/fesm2022/taiga-ui-core-components-scrollbar.mjs +68 -82
  88. package/fesm2022/taiga-ui-core-components-scrollbar.mjs.map +1 -1
  89. package/fesm2022/taiga-ui-core-components-spin-button.mjs +18 -31
  90. package/fesm2022/taiga-ui-core-components-spin-button.mjs.map +1 -1
  91. package/fesm2022/taiga-ui-core-components-textfield.mjs +120 -419
  92. package/fesm2022/taiga-ui-core-components-textfield.mjs.map +1 -1
  93. package/fesm2022/{taiga-ui-core-directives-title.mjs → taiga-ui-core-components-title.mjs} +8 -8
  94. package/fesm2022/taiga-ui-core-components-title.mjs.map +1 -0
  95. package/fesm2022/taiga-ui-core-components.mjs +2 -3
  96. package/fesm2022/taiga-ui-core-components.mjs.map +1 -1
  97. package/fesm2022/taiga-ui-core-directives-appearance.mjs +16 -16
  98. package/fesm2022/taiga-ui-core-directives-appearance.mjs.map +1 -1
  99. package/fesm2022/taiga-ui-core-directives-date-format.mjs +26 -20
  100. package/fesm2022/taiga-ui-core-directives-date-format.mjs.map +1 -1
  101. package/fesm2022/taiga-ui-core-directives-group.mjs +23 -35
  102. package/fesm2022/taiga-ui-core-directives-group.mjs.map +1 -1
  103. package/fesm2022/taiga-ui-core-directives-icons.mjs +12 -12
  104. package/fesm2022/taiga-ui-core-directives-icons.mjs.map +1 -1
  105. package/fesm2022/taiga-ui-core-directives-items-handlers.mjs +18 -42
  106. package/fesm2022/taiga-ui-core-directives-items-handlers.mjs.map +1 -1
  107. package/fesm2022/taiga-ui-core-directives-number-format.mjs +32 -20
  108. package/fesm2022/taiga-ui-core-directives-number-format.mjs.map +1 -1
  109. package/fesm2022/taiga-ui-core-directives.mjs +0 -4
  110. package/fesm2022/taiga-ui-core-directives.mjs.map +1 -1
  111. package/fesm2022/taiga-ui-core-pipes-format-number.mjs +21 -15
  112. package/fesm2022/taiga-ui-core-pipes-format-number.mjs.map +1 -1
  113. package/fesm2022/taiga-ui-core-pipes.mjs +0 -7
  114. package/fesm2022/taiga-ui-core-pipes.mjs.map +1 -1
  115. package/fesm2022/taiga-ui-core-portals-alert.mjs +73 -0
  116. package/fesm2022/taiga-ui-core-portals-alert.mjs.map +1 -0
  117. package/fesm2022/taiga-ui-core-portals-dialog.mjs +158 -0
  118. package/fesm2022/taiga-ui-core-portals-dialog.mjs.map +1 -0
  119. package/fesm2022/{taiga-ui-core-directives-dropdown.mjs → taiga-ui-core-portals-dropdown.mjs} +191 -359
  120. package/fesm2022/taiga-ui-core-portals-dropdown.mjs.map +1 -0
  121. package/fesm2022/taiga-ui-core-portals-hint.mjs +609 -0
  122. package/fesm2022/taiga-ui-core-portals-hint.mjs.map +1 -0
  123. package/fesm2022/taiga-ui-core-portals-modal.mjs +89 -0
  124. package/fesm2022/taiga-ui-core-portals-modal.mjs.map +1 -0
  125. package/fesm2022/taiga-ui-core-portals-popup.mjs +56 -0
  126. package/fesm2022/taiga-ui-core-portals-popup.mjs.map +1 -0
  127. package/fesm2022/taiga-ui-core-portals.mjs +11 -0
  128. package/fesm2022/taiga-ui-core-portals.mjs.map +1 -0
  129. package/fesm2022/taiga-ui-core-services.mjs +15 -79
  130. package/fesm2022/taiga-ui-core-services.mjs.map +1 -1
  131. package/fesm2022/taiga-ui-core-tokens.mjs +51 -60
  132. package/fesm2022/taiga-ui-core-tokens.mjs.map +1 -1
  133. package/fesm2022/taiga-ui-core-utils-format.mjs +1 -22
  134. package/fesm2022/taiga-ui-core-utils-format.mjs.map +1 -1
  135. package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs +20 -20
  136. package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs.map +1 -1
  137. package/fesm2022/taiga-ui-core.mjs +1 -1
  138. package/index.d.ts +1 -1
  139. package/package.json +40 -62
  140. package/pipes/format-number/format-number.pipe.d.ts +6 -4
  141. package/pipes/index.d.ts +0 -7
  142. package/portals/alert/alert.directive.d.ts +11 -0
  143. package/portals/alert/alert.service.d.ts +12 -0
  144. package/portals/alert/index.d.ts +2 -0
  145. package/portals/dialog/dialog.component.d.ts +14 -0
  146. package/portals/dialog/dialog.directive.d.ts +8 -0
  147. package/{components → portals}/dialog/dialog.factory.d.ts +1 -1
  148. package/portals/dialog/dialog.options.d.ts +25 -0
  149. package/{components/dialog/dialog-close.service.d.ts → portals/dialog/dialog.providers.d.ts} +2 -0
  150. package/portals/dialog/dialog.service.d.ts +10 -0
  151. package/portals/dialog/index.d.ts +6 -0
  152. package/portals/dropdown/dropdown-content.directive.d.ts +9 -0
  153. package/{directives → portals}/dropdown/dropdown-hover.directive.d.ts +5 -10
  154. package/{directives → portals}/dropdown/dropdown-hover.options.d.ts +1 -3
  155. package/{directives → portals}/dropdown/dropdown-manual.directive.d.ts +2 -2
  156. package/portals/dropdown/dropdown-open.directive.d.ts +30 -0
  157. package/{directives → portals}/dropdown/dropdown-options.directive.d.ts +0 -4
  158. package/{directives → portals}/dropdown/dropdown-position-sided.directive.d.ts +3 -3
  159. package/{directives → portals}/dropdown/dropdown-position.directive.d.ts +5 -5
  160. package/{directives → portals}/dropdown/dropdown-selection.directive.d.ts +4 -5
  161. package/{directives → portals}/dropdown/dropdown.bindings.d.ts +0 -1
  162. package/{directives → portals}/dropdown/dropdown.d.ts +2 -3
  163. package/{directives → portals}/dropdown/dropdown.directive.d.ts +6 -8
  164. package/{directives → portals}/dropdown/index.d.ts +1 -4
  165. package/{directives → portals}/hint/hint-describe.directive.d.ts +4 -6
  166. package/{directives → portals}/hint/hint-host.directive.d.ts +2 -2
  167. package/{directives → portals}/hint/hint-hover.directive.d.ts +3 -4
  168. package/{directives → portals}/hint/hint-manual.directive.d.ts +2 -2
  169. package/{directives → portals}/hint/hint-options.directive.d.ts +3 -3
  170. package/{directives → portals}/hint/hint-overflow.directive.d.ts +2 -2
  171. package/{directives → portals}/hint/hint-position.directive.d.ts +6 -7
  172. package/{directives → portals}/hint/hint-unstyled.component.d.ts +2 -7
  173. package/portals/hint/hint.component.d.ts +29 -0
  174. package/portals/hint/hint.directive.d.ts +24 -0
  175. package/{directives → portals}/hint/index.d.ts +0 -2
  176. package/portals/index.d.ts +6 -0
  177. package/portals/modal/index.d.ts +2 -0
  178. package/portals/modal/modal.component.d.ts +17 -0
  179. package/portals/modal/modal.service.d.ts +13 -0
  180. package/portals/popup/popup.directive.d.ts +12 -0
  181. package/{directives → portals}/popup/popup.service.d.ts +1 -1
  182. package/{directives → portals}/popup/popups.component.d.ts +2 -2
  183. package/services/index.d.ts +0 -3
  184. package/styles/components/appearance.less +5 -0
  185. package/styles/components/button.less +10 -20
  186. package/styles/components/icon.less +11 -0
  187. package/styles/components/icons.less +2 -1
  188. package/styles/components/label.less +3 -12
  189. package/styles/components/link.less +9 -24
  190. package/styles/components/notification.less +21 -22
  191. package/styles/components/textfield.less +129 -211
  192. package/styles/components/title.less +8 -8
  193. package/styles/mixins/appearance.less +10 -26
  194. package/styles/mixins/appearance.scss +8 -24
  195. package/styles/mixins/date-picker.less +1 -1
  196. package/styles/mixins/mixins.less +0 -5
  197. package/styles/mixins/mixins.scss +0 -5
  198. package/styles/mixins/picker.less +1 -1
  199. package/styles/mixins/picker.scss +1 -1
  200. package/styles/mixins/slider.less +28 -24
  201. package/styles/mixins/slider.scss +23 -22
  202. package/styles/taiga-ui-local.less +0 -1
  203. package/styles/taiga-ui-local.scss +0 -1
  204. package/styles/taiga-ui-theme.less +0 -1
  205. package/styles/theme/appearance/outline.less +9 -18
  206. package/styles/theme/appearance/primary.less +2 -4
  207. package/styles/theme/appearance/secondary.less +6 -14
  208. package/styles/theme/appearance/status.less +0 -4
  209. package/styles/theme/appearance/table.less +36 -35
  210. package/styles/theme/appearance/textfield.less +30 -27
  211. package/styles/theme/appearance.less +0 -1
  212. package/styles/theme/variables.less +16 -19
  213. package/tokens/breakpoint.d.ts +4 -0
  214. package/tokens/common-icons.d.ts +3 -3
  215. package/tokens/date-format.d.ts +2 -3
  216. package/tokens/i18n.d.ts +7 -7
  217. package/tokens/icons.d.ts +0 -4
  218. package/tokens/index.d.ts +1 -4
  219. package/tokens/number-format.d.ts +2 -3
  220. package/types/index.d.ts +0 -3
  221. package/types/point.d.ts +1 -1
  222. package/types/size.d.ts +0 -11
  223. package/utils/format/index.d.ts +0 -1
  224. package/utils/miscellaneous/font-scaling.d.ts +2 -1
  225. package/utils/miscellaneous/get-duration.d.ts +2 -0
  226. package/utils/miscellaneous/index.d.ts +1 -1
  227. package/animations/animations.d.ts +0 -109
  228. package/animations/index.d.ts +0 -1
  229. package/components/alert/alert.component.d.ts +0 -15
  230. package/components/alert/alert.directive.d.ts +0 -7
  231. package/components/alert/alert.interfaces.d.ts +0 -12
  232. package/components/alert/alert.service.d.ts +0 -7
  233. package/components/alert/alert.tokens.d.ts +0 -12
  234. package/components/alert/alerts.component.d.ts +0 -12
  235. package/components/alert/index.d.ts +0 -6
  236. package/components/data-list/data-list.directive.d.ts +0 -7
  237. package/components/data-list/option/option-content.d.ts +0 -16
  238. package/components/data-list/option/option-legacy.component.d.ts +0 -24
  239. package/components/data-list/option/option.directive.d.ts +0 -27
  240. package/components/dialog/active-zone-adapter.directive.d.ts +0 -11
  241. package/components/dialog/dialog.component.d.ts +0 -20
  242. package/components/dialog/dialog.directive.d.ts +0 -7
  243. package/components/dialog/dialog.interfaces.d.ts +0 -34
  244. package/components/dialog/dialog.service.d.ts +0 -7
  245. package/components/dialog/dialog.tokens.d.ts +0 -15
  246. package/components/dialog/dialogs.component.d.ts +0 -8
  247. package/components/dialog/index.d.ts +0 -8
  248. package/components/expand/expand-content.directive.d.ts +0 -8
  249. package/components/expand/expand.d.ts +0 -6
  250. package/components/header/header.directive.d.ts +0 -17
  251. package/components/header/index.d.ts +0 -1
  252. package/components/link/link.options.d.ts +0 -12
  253. package/components/textfield/select.directive.d.ts +0 -19
  254. package/components/textfield/textfield-dropdown.directive.d.ts +0 -16
  255. package/components/textfield/textfield.directive.d.ts +0 -38
  256. package/directives/dropdown/dropdown-open-legacy.directive.d.ts +0 -12
  257. package/directives/dropdown/dropdown-open.directive.d.ts +0 -33
  258. package/directives/dropdown/dropdown-portal.directive.d.ts +0 -14
  259. package/directives/dropdown/dropdown.service.d.ts +0 -6
  260. package/directives/dropdown/dropdowns.component.d.ts +0 -9
  261. package/directives/hint/hint.component.d.ts +0 -30
  262. package/directives/hint/hint.directive.d.ts +0 -26
  263. package/directives/hint/hint.service.d.ts +0 -13
  264. package/directives/hint/hints.component.d.ts +0 -12
  265. package/directives/popup/popup.directive.d.ts +0 -11
  266. package/fesm2022/taiga-ui-core-animations.mjs +0 -370
  267. package/fesm2022/taiga-ui-core-animations.mjs.map +0 -1
  268. package/fesm2022/taiga-ui-core-components-alert.mjs +0 -149
  269. package/fesm2022/taiga-ui-core-components-alert.mjs.map +0 -1
  270. package/fesm2022/taiga-ui-core-components-dialog.mjs +0 -229
  271. package/fesm2022/taiga-ui-core-components-dialog.mjs.map +0 -1
  272. package/fesm2022/taiga-ui-core-components-header.mjs +0 -42
  273. package/fesm2022/taiga-ui-core-components-header.mjs.map +0 -1
  274. package/fesm2022/taiga-ui-core-directives-dropdown.mjs.map +0 -1
  275. package/fesm2022/taiga-ui-core-directives-hint.mjs +0 -709
  276. package/fesm2022/taiga-ui-core-directives-hint.mjs.map +0 -1
  277. package/fesm2022/taiga-ui-core-directives-popup.mjs +0 -63
  278. package/fesm2022/taiga-ui-core-directives-popup.mjs.map +0 -1
  279. package/fesm2022/taiga-ui-core-directives-title.mjs.map +0 -1
  280. package/fesm2022/taiga-ui-core-pipes-auto-color.mjs +0 -25
  281. package/fesm2022/taiga-ui-core-pipes-auto-color.mjs.map +0 -1
  282. package/fesm2022/taiga-ui-core-pipes-calendar-sheet.mjs +0 -94
  283. package/fesm2022/taiga-ui-core-pipes-calendar-sheet.mjs.map +0 -1
  284. package/fesm2022/taiga-ui-core-pipes-flag.mjs +0 -32
  285. package/fesm2022/taiga-ui-core-pipes-flag.mjs.map +0 -1
  286. package/fesm2022/taiga-ui-core-pipes-format-date.mjs +0 -28
  287. package/fesm2022/taiga-ui-core-pipes-format-date.mjs.map +0 -1
  288. package/fesm2022/taiga-ui-core-pipes-initials.mjs +0 -29
  289. package/fesm2022/taiga-ui-core-pipes-initials.mjs.map +0 -1
  290. package/fesm2022/taiga-ui-core-pipes-month.mjs +0 -29
  291. package/fesm2022/taiga-ui-core-pipes-month.mjs.map +0 -1
  292. package/fesm2022/taiga-ui-core-pipes-order-week-days.mjs +0 -36
  293. package/fesm2022/taiga-ui-core-pipes-order-week-days.mjs.map +0 -1
  294. package/pipes/auto-color/auto-color.pipe.d.ts +0 -7
  295. package/pipes/auto-color/index.d.ts +0 -1
  296. package/pipes/calendar-sheet/index.d.ts +0 -1
  297. package/pipes/calendar-sheet/utils.d.ts +0 -20
  298. package/pipes/flag/flag.pipe.d.ts +0 -14
  299. package/pipes/flag/index.d.ts +0 -1
  300. package/pipes/format-date/format-date.pipe.d.ts +0 -9
  301. package/pipes/format-date/index.d.ts +0 -1
  302. package/pipes/initials/index.d.ts +0 -1
  303. package/pipes/initials/initials.pipe.d.ts +0 -7
  304. package/pipes/month/index.d.ts +0 -1
  305. package/pipes/month/month.pipe.d.ts +0 -10
  306. package/pipes/order-week-days/index.d.ts +0 -1
  307. package/services/breakpoint.service.d.ts +0 -16
  308. package/services/dark-theme.service.d.ts +0 -10
  309. package/services/format-date.service.d.ts +0 -8
  310. package/styles/mixins/wrapper.less +0 -64
  311. package/styles/mixins/wrapper.scss +0 -61
  312. package/styles/theme/appearance/opposite.less +0 -17
  313. package/styles/theme/wrapper.less +0 -211
  314. package/tokens/day-type-handler.d.ts +0 -7
  315. package/tokens/first-day-of-week.d.ts +0 -5
  316. package/tokens/scroll-ref.d.ts +0 -2
  317. package/tokens/spin-icons.d.ts +0 -6
  318. package/types/portal-item.d.ts +0 -9
  319. package/types/range-state.d.ts +0 -4
  320. package/types/value-content-context.d.ts +0 -4
  321. package/utils/format/string-hash-to-hsl.d.ts +0 -6
  322. package/utils/miscellaneous/to-animation-options.d.ts +0 -4
  323. /package/{directives → components}/title/index.d.ts +0 -0
  324. /package/{directives → components}/title/title.directive.d.ts +0 -0
  325. /package/{directives → portals}/dropdown/dropdown-context.directive.d.ts +0 -0
  326. /package/{directives → portals}/dropdown/dropdown-limit-width.d.ts +0 -0
  327. /package/{directives → portals}/dropdown/dropdown.component.d.ts +0 -0
  328. /package/{directives → portals}/dropdown/dropdown.driver.d.ts +0 -0
  329. /package/{directives → portals}/dropdown/dropdown.providers.d.ts +0 -0
  330. /package/{directives → portals}/dropdown/with-dropdown-open.directive.d.ts +0 -0
  331. /package/{directives → portals}/hint/hint-driver.directive.d.ts +0 -0
  332. /package/{directives → portals}/hint/hint-pointer.directive.d.ts +0 -0
  333. /package/{directives → portals}/hint/hint.d.ts +0 -0
  334. /package/{directives → portals}/hint/hint.providers.d.ts +0 -0
  335. /package/{directives → portals}/popup/index.d.ts +0 -0
@@ -0,0 +1,609 @@
1
+ import { __decorate } from 'tslib';
2
+ import * as i0 from '@angular/core';
3
+ import { InjectionToken, Directive, Optional, Self, SkipSelf, inject, Input, input, output, INJECTOR, ChangeDetectionStrategy, Component, TemplateRef, forwardRef, signal, computed } from '@angular/core';
4
+ import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
5
+ import { EMPTY_CLIENT_RECT } from '@taiga-ui/cdk/constants';
6
+ import * as i3 from '@taiga-ui/cdk/directives/active-zone';
7
+ import { TuiActiveZone } from '@taiga-ui/cdk/directives/active-zone';
8
+ import * as i2 from '@taiga-ui/cdk/directives/animated';
9
+ import { TuiAnimated } from '@taiga-ui/cdk/directives/animated';
10
+ import { TuiHoveredService } from '@taiga-ui/cdk/directives/hovered';
11
+ import { TUI_IS_MOBILE } from '@taiga-ui/cdk/tokens';
12
+ import { tuiInjectElement, tuiPointToClientRect } from '@taiga-ui/cdk/utils/dom';
13
+ import { tuiClamp } from '@taiga-ui/cdk/utils/math';
14
+ import { tuiPure, tuiSetSignal, tuiPx, tuiIsPresent } from '@taiga-ui/cdk/utils/miscellaneous';
15
+ import { TuiDriverDirective, TuiDriver, tuiAsDriver, TuiPositionAccessor, tuiFallbackAccessor, TuiRectAccessor, tuiAsVehicle, tuiAsRectAccessor, tuiPositionAccessorFor, tuiRectAccessorFor } from '@taiga-ui/core/classes';
16
+ import { tuiButtonOptionsProvider } from '@taiga-ui/core/components/button';
17
+ import * as i1 from '@taiga-ui/core/directives/appearance';
18
+ import { tuiAppearance, TuiAppearance } from '@taiga-ui/core/directives/appearance';
19
+ import { TuiPositionService, TuiVisualViewportService } from '@taiga-ui/core/services';
20
+ import { TUI_VIEWPORT } from '@taiga-ui/core/tokens';
21
+ import { tuiOverrideOptions, tuiIsObscured } from '@taiga-ui/core/utils/miscellaneous';
22
+ import { PolymorpheusComponent, PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
23
+ import { Subject, merge, switchMap, of, delay, takeUntil, repeat, filter, map, tap, takeWhile, distinctUntilChanged, fromEvent, debounce, timer, startWith, skip, BehaviorSubject } from 'rxjs';
24
+ import { TuiPopupService } from '@taiga-ui/core/portals/popup';
25
+ import { tuiProvide } from '@taiga-ui/cdk/utils/di';
26
+ import { DOCUMENT } from '@angular/common';
27
+ import { tuiIfMap, tuiTypedFromEvent, tuiZoneOptimized } from '@taiga-ui/cdk/observables';
28
+ import { tuiIsFocused } from '@taiga-ui/cdk/utils/focus';
29
+
30
+ /**
31
+ * A component to display a hint
32
+ */
33
+ const TUI_HINT_COMPONENT = new InjectionToken(ngDevMode ? 'TUI_HINT_COMPONENT' : '', {
34
+ factory: () => TuiHintComponent,
35
+ });
36
+
37
+ class TuiHintDriver extends TuiDriverDirective {
38
+ constructor() {
39
+ super(...arguments);
40
+ this.type = 'hint';
41
+ }
42
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintDriver, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
43
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: TuiHintDriver, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
44
+ }
45
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintDriver, decorators: [{
46
+ type: Directive
47
+ }] });
48
+
49
+ const TUI_HINT_DIRECTIONS = [
50
+ 'bottom-left',
51
+ 'bottom',
52
+ 'bottom-right',
53
+ 'top-left',
54
+ 'top',
55
+ 'top-right',
56
+ 'left-top',
57
+ 'left',
58
+ 'left-bottom',
59
+ 'right-top',
60
+ 'right',
61
+ 'right-bottom',
62
+ ];
63
+ /** Default values for hint options */
64
+ const TUI_HINT_DEFAULT_OPTIONS = {
65
+ direction: 'bottom-left',
66
+ showDelay: 500,
67
+ hideDelay: 200,
68
+ appearance: '',
69
+ /** TODO @deprecated use {@link TUI_TOOLTIP_OPTIONS} instead **/
70
+ icon: '@tui.circle-help',
71
+ };
72
+ /**
73
+ * Default parameters for hint directive
74
+ */
75
+ const TUI_HINT_OPTIONS = new InjectionToken(ngDevMode ? 'TUI_HINT_OPTIONS' : '', {
76
+ factory: () => TUI_HINT_DEFAULT_OPTIONS,
77
+ });
78
+ const tuiHintOptionsProvider = (override) => ({
79
+ provide: TUI_HINT_OPTIONS,
80
+ deps: [
81
+ [new Optional(), new Self(), TuiHintOptionsDirective],
82
+ [new Optional(), new SkipSelf(), TUI_HINT_OPTIONS],
83
+ ],
84
+ useFactory: tuiOverrideOptions(override, TUI_HINT_DEFAULT_OPTIONS),
85
+ });
86
+ /**
87
+ * @deprecated: drop in 5.0
88
+ */
89
+ class TuiHintOptionsDirective {
90
+ constructor() {
91
+ this.options = inject(TUI_HINT_OPTIONS, { skipSelf: true });
92
+ this.direction = this.options.direction;
93
+ this.appearance = this.options.appearance;
94
+ this.showDelay = this.options.showDelay;
95
+ this.hideDelay = this.options.hideDelay;
96
+ this.icon = this.options.icon;
97
+ this.change$ = new Subject();
98
+ }
99
+ ngOnChanges() {
100
+ this.change$.next();
101
+ }
102
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintOptionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
103
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: TuiHintOptionsDirective, isStandalone: true, selector: "[tuiHintContent]", inputs: { content: ["tuiHintContent", "content"], direction: ["tuiHintDirection", "direction"], appearance: ["tuiHintAppearance", "appearance"], showDelay: ["tuiHintShowDelay", "showDelay"], hideDelay: ["tuiHintHideDelay", "hideDelay"] }, providers: [tuiProvide(TUI_HINT_OPTIONS, TuiHintOptionsDirective)], usesOnChanges: true, ngImport: i0 }); }
104
+ }
105
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintOptionsDirective, decorators: [{
106
+ type: Directive,
107
+ args: [{
108
+ selector: '[tuiHintContent]',
109
+ providers: [tuiProvide(TUI_HINT_OPTIONS, TuiHintOptionsDirective)],
110
+ }]
111
+ }], propDecorators: { content: [{
112
+ type: Input,
113
+ args: ['tuiHintContent']
114
+ }], direction: [{
115
+ type: Input,
116
+ args: ['tuiHintDirection']
117
+ }], appearance: [{
118
+ type: Input,
119
+ args: ['tuiHintAppearance']
120
+ }], showDelay: [{
121
+ type: Input,
122
+ args: ['tuiHintShowDelay']
123
+ }], hideDelay: [{
124
+ type: Input,
125
+ args: ['tuiHintHideDelay']
126
+ }] } });
127
+
128
+ class TuiHintHover extends TuiDriver {
129
+ constructor() {
130
+ super((subscriber) => this.stream$.subscribe(subscriber));
131
+ this.isMobile = inject(TUI_IS_MOBILE);
132
+ this.el = tuiInjectElement();
133
+ this.hovered$ = inject(TuiHoveredService);
134
+ this.options = inject(TUI_HINT_OPTIONS);
135
+ this.visible = false;
136
+ this.toggle$ = new Subject();
137
+ this.stream$ = merge(this.toggle$.pipe(switchMap((show) => this.isMobile
138
+ ? of(show)
139
+ : of(show).pipe(delay(show ? 0 : this.hideDelay()))), takeUntil(this.hovered$), repeat()), this.hovered$.pipe(switchMap((show) => this.isMobile
140
+ ? of(show).pipe(delay(0))
141
+ : of(show).pipe(delay(show ? this.showDelay() : this.hideDelay()))), takeUntil(this.toggle$), repeat())).pipe(filter(() => this.enabled), map((value) => value &&
142
+ (this.el.hasAttribute('tuiHintPointer') || !tuiIsObscured(this.el))), tap((visible) => {
143
+ this.visible = visible;
144
+ }));
145
+ this.parent = inject(TuiHintHover, {
146
+ optional: true,
147
+ skipSelf: true,
148
+ });
149
+ this.showDelay = input(this.options.showDelay, {
150
+ alias: 'tuiHintShowDelay',
151
+ });
152
+ this.hideDelay = input(this.options.hideDelay, {
153
+ alias: 'tuiHintHideDelay',
154
+ });
155
+ this.type = 'hint';
156
+ this.enabled = true;
157
+ }
158
+ toggle(visible = !this.visible) {
159
+ this.toggle$.next(visible);
160
+ this.parent?.toggle(visible);
161
+ }
162
+ close() {
163
+ this.toggle$.next(false);
164
+ }
165
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintHover, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
166
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.17", type: TuiHintHover, isStandalone: true, inputs: { showDelay: { classPropertyName: "showDelay", publicName: "tuiHintShowDelay", isSignal: true, isRequired: false, transformFunction: null }, hideDelay: { classPropertyName: "hideDelay", publicName: "tuiHintHideDelay", isSignal: true, isRequired: false, transformFunction: null } }, providers: [tuiAsDriver(TuiHintHover), TuiHoveredService], exportAs: ["tuiHintHover"], usesInheritance: true, ngImport: i0 }); }
167
+ }
168
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintHover, decorators: [{
169
+ type: Directive,
170
+ args: [{
171
+ providers: [tuiAsDriver(TuiHintHover), TuiHoveredService],
172
+ exportAs: 'tuiHintHover',
173
+ }]
174
+ }], ctorParameters: () => [] });
175
+
176
+ const GAP$1 = 8;
177
+ const ARROW_OFFSET = 24;
178
+ const TOP = 1;
179
+ const LEFT = 0;
180
+ class TuiHintPosition extends TuiPositionAccessor {
181
+ constructor() {
182
+ super(...arguments);
183
+ this.el = tuiInjectElement();
184
+ this.viewport = inject(TUI_VIEWPORT);
185
+ this.accessor = tuiFallbackAccessor('hint')(inject(TuiRectAccessor, { optional: true }), { getClientRect: () => this.el.getBoundingClientRect() });
186
+ this.points = TUI_HINT_DIRECTIONS.reduce((acc, direction) => ({ ...acc, [direction]: [0, 0] }), {});
187
+ this.direction = input(inject(TUI_HINT_OPTIONS).direction, {
188
+ alias: 'tuiHintDirection',
189
+ });
190
+ this.offset = input(inject(TUI_IS_MOBILE) ? 16 : 8, {
191
+ alias: 'tuiHintOffset',
192
+ });
193
+ this.directionChange = output({
194
+ alias: 'tuiHintDirectionChange',
195
+ });
196
+ this.type = 'hint';
197
+ }
198
+ emitDirection(direction) {
199
+ this.directionChange.emit(direction);
200
+ }
201
+ getPosition({ width, height }) {
202
+ const direction = this.direction();
203
+ const hostRect = this.accessor.getClientRect();
204
+ const leftCenter = hostRect.left + hostRect.width / 2;
205
+ const topCenter = hostRect.top + hostRect.height / 2;
206
+ const rtl = this.el.matches('[dir="rtl"] :scope');
207
+ this.points['top-left'][TOP] = hostRect.top - height - this.offset();
208
+ this.points['top-left'][LEFT] = leftCenter - width + ARROW_OFFSET;
209
+ this.points.top[TOP] = this.points['top-left'][TOP];
210
+ this.points.top[LEFT] = leftCenter - width / 2;
211
+ this.points['top-right'][TOP] = this.points['top-left'][TOP];
212
+ this.points['top-right'][LEFT] = leftCenter - ARROW_OFFSET;
213
+ this.points['bottom-left'][TOP] = hostRect.bottom + this.offset();
214
+ this.points['bottom-left'][LEFT] = this.points['top-left'][LEFT];
215
+ this.points.bottom[TOP] = this.points['bottom-left'][TOP];
216
+ this.points.bottom[LEFT] = this.points.top[LEFT];
217
+ this.points['bottom-right'][TOP] = this.points['bottom-left'][TOP];
218
+ this.points['bottom-right'][LEFT] = this.points['top-right'][LEFT];
219
+ this.points['left-top'][TOP] = topCenter - height + ARROW_OFFSET;
220
+ this.points['left-top'][LEFT] = hostRect.left - width - this.offset();
221
+ this.points.left[TOP] = topCenter - height / 2;
222
+ this.points.left[LEFT] = this.points['left-top'][LEFT];
223
+ this.points['left-bottom'][TOP] = topCenter - ARROW_OFFSET;
224
+ this.points['left-bottom'][LEFT] = this.points['left-top'][LEFT];
225
+ this.points['right-top'][TOP] = this.points['left-top'][TOP];
226
+ this.points['right-top'][LEFT] = hostRect.right + this.offset();
227
+ this.points.right[TOP] = this.points.left[TOP];
228
+ this.points.right[LEFT] = this.points['right-top'][LEFT];
229
+ this.points['right-bottom'][TOP] = this.points['left-bottom'][TOP];
230
+ this.points['right-bottom'][LEFT] = this.points['right-top'][LEFT];
231
+ const array = Array.isArray(direction) ? direction : [direction];
232
+ const priority = array.map((direction) => adjust(direction, rtl));
233
+ const updated = priority
234
+ .concat(TUI_HINT_DIRECTIONS)
235
+ .find((dir) => this.checkPosition(this.points[dir], width, height)) ||
236
+ this.fallback;
237
+ this.emitDirection(adjust(updated, rtl));
238
+ return this.points[updated];
239
+ }
240
+ get fallback() {
241
+ return this.points.top[TOP] >
242
+ this.viewport.getClientRect().bottom - this.points.bottom[TOP]
243
+ ? 'top'
244
+ : 'bottom';
245
+ }
246
+ checkPosition([left, top], width, height) {
247
+ const viewport = this.viewport.getClientRect();
248
+ return (top > viewport.top + GAP$1 &&
249
+ left > viewport.left + GAP$1 &&
250
+ top + height < viewport.bottom - GAP$1 &&
251
+ left + width < viewport.right - GAP$1);
252
+ }
253
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintPosition, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
254
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.17", type: TuiHintPosition, isStandalone: true, inputs: { direction: { classPropertyName: "direction", publicName: "tuiHintDirection", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "tuiHintOffset", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { directionChange: "tuiHintDirectionChange" }, usesInheritance: true, ngImport: i0 }); }
255
+ }
256
+ __decorate([
257
+ tuiPure
258
+ ], TuiHintPosition.prototype, "emitDirection", null);
259
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintPosition, decorators: [{
260
+ type: Directive
261
+ }], propDecorators: { emitDirection: [] } });
262
+ function adjust(direction, rtl) {
263
+ if (rtl && direction.includes('left')) {
264
+ return direction.replace('left', 'right');
265
+ }
266
+ if (rtl && direction.includes('right')) {
267
+ return direction.replace('right', 'left');
268
+ }
269
+ return direction;
270
+ }
271
+
272
+ class TuiHintDirective {
273
+ constructor() {
274
+ this.service = inject(TuiPopupService);
275
+ this.content = input(null, { alias: 'tuiHint' });
276
+ this.context = input(undefined, { alias: 'tuiHintContext' });
277
+ this.appearance = input(inject(TUI_HINT_OPTIONS).appearance, {
278
+ alias: 'tuiHintAppearance',
279
+ });
280
+ this.visible = output({ alias: 'tuiHintVisible' });
281
+ this.component = inject((PolymorpheusComponent));
282
+ this.el = tuiInjectElement();
283
+ this.type = 'hint';
284
+ }
285
+ ngOnChanges() {
286
+ if (!this.content()) {
287
+ this.toggle(false);
288
+ }
289
+ }
290
+ ngOnDestroy() {
291
+ this.toggle(false);
292
+ }
293
+ getClientRect() {
294
+ return this.el.getBoundingClientRect();
295
+ }
296
+ toggle(show) {
297
+ if (show && this.content() && !this.ref) {
298
+ this.ref = this.service.add(this.component);
299
+ this.visible.emit(true);
300
+ }
301
+ else if (this.ref) {
302
+ this.ref.destroy();
303
+ this.ref = undefined;
304
+ this.visible.emit(false);
305
+ }
306
+ }
307
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
308
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.17", type: TuiHintDirective, isStandalone: true, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: { content: { classPropertyName: "content", publicName: "tuiHint", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "tuiHintContext", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "tuiHintAppearance", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "tuiHintVisible" }, providers: [
309
+ tuiAsVehicle(TuiHintDirective),
310
+ {
311
+ provide: PolymorpheusComponent,
312
+ deps: [TUI_HINT_COMPONENT, INJECTOR],
313
+ useClass: PolymorpheusComponent,
314
+ },
315
+ ], usesOnChanges: true, hostDirectives: [{ directive: TuiHintDriver }, { directive: TuiHintHover, inputs: ["tuiHintHideDelay", "tuiHintHideDelay", "tuiHintShowDelay", "tuiHintShowDelay"] }, { directive: TuiHintPosition, inputs: ["tuiHintDirection", "tuiHintDirection", "tuiHintOffset", "tuiHintOffset"], outputs: ["tuiHintDirectionChange", "tuiHintDirectionChange"] }], ngImport: i0 }); }
316
+ }
317
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintDirective, decorators: [{
318
+ type: Directive,
319
+ args: [{
320
+ selector: '[tuiHint]:not(ng-container):not(ng-template)',
321
+ providers: [
322
+ tuiAsVehicle(TuiHintDirective),
323
+ {
324
+ provide: PolymorpheusComponent,
325
+ deps: [TUI_HINT_COMPONENT, INJECTOR],
326
+ useClass: PolymorpheusComponent,
327
+ },
328
+ ],
329
+ hostDirectives: [
330
+ TuiHintDriver,
331
+ {
332
+ directive: TuiHintHover,
333
+ inputs: ['tuiHintHideDelay', 'tuiHintShowDelay'],
334
+ },
335
+ {
336
+ directive: TuiHintPosition,
337
+ inputs: ['tuiHintDirection', 'tuiHintOffset'],
338
+ outputs: ['tuiHintDirectionChange'],
339
+ },
340
+ ],
341
+ }]
342
+ }] });
343
+
344
+ class TuiHintPointer extends TuiHintHover {
345
+ constructor() {
346
+ super(...arguments);
347
+ this.currentRect = EMPTY_CLIENT_RECT;
348
+ }
349
+ getClientRect() {
350
+ return this.currentRect;
351
+ }
352
+ onMove({ clientX, clientY }) {
353
+ this.currentRect = tuiPointToClientRect(clientX, clientY);
354
+ }
355
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintPointer, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
356
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: TuiHintPointer, isStandalone: true, selector: "[tuiHint][tuiHintPointer]", host: { listeners: { "mousemove.zoneless": "onMove($event)" } }, providers: [tuiAsRectAccessor(TuiHintPointer), tuiAsDriver(TuiHintPointer)], usesInheritance: true, ngImport: i0 }); }
357
+ }
358
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintPointer, decorators: [{
359
+ type: Directive,
360
+ args: [{
361
+ selector: '[tuiHint][tuiHintPointer]',
362
+ providers: [tuiAsRectAccessor(TuiHintPointer), tuiAsDriver(TuiHintPointer)],
363
+ host: {
364
+ '(mousemove.zoneless)': 'onMove($event)',
365
+ },
366
+ }]
367
+ }] });
368
+
369
+ class TuiHintUnstyledComponent {
370
+ constructor() {
371
+ this.hint = inject(TuiHintDirective);
372
+ }
373
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintUnstyledComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
374
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: TuiHintUnstyledComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '<ng-container *polymorpheusOutlet="hint.content()" />', isInline: true, dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
375
+ }
376
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintUnstyledComponent, decorators: [{
377
+ type: Component,
378
+ args: [{
379
+ imports: [PolymorpheusOutlet],
380
+ template: '<ng-container *polymorpheusOutlet="hint.content()" />',
381
+ changeDetection: ChangeDetectionStrategy.OnPush,
382
+ }]
383
+ }] });
384
+ class TuiHintUnstyled {
385
+ constructor() {
386
+ const hint = inject((TuiHintDirective));
387
+ tuiSetSignal(hint.content, inject((TemplateRef)));
388
+ hint.component = new PolymorpheusComponent(TuiHintUnstyledComponent, inject(INJECTOR));
389
+ }
390
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintUnstyled, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
391
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: TuiHintUnstyled, isStandalone: true, selector: "ng-template[tuiHint]", ngImport: i0 }); }
392
+ }
393
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintUnstyled, decorators: [{
394
+ type: Directive,
395
+ args: [{
396
+ selector: 'ng-template[tuiHint]',
397
+ }]
398
+ }], ctorParameters: () => [] });
399
+
400
+ const TUI_HINT_PROVIDERS = [
401
+ TuiPositionService,
402
+ TuiHoveredService,
403
+ tuiPositionAccessorFor('hint', TuiHintPosition),
404
+ tuiRectAccessorFor('hint', forwardRef(() => TuiHintDirective)),
405
+ ];
406
+ const GAP = 8;
407
+ class TuiHintComponent {
408
+ constructor() {
409
+ this.el = tuiInjectElement();
410
+ this.hover = inject(TuiHintHover);
411
+ this.vvs = inject(TuiVisualViewportService);
412
+ this.viewport = inject(TUI_VIEWPORT);
413
+ this.pointer = inject(TuiHintPointer, { optional: true });
414
+ this.accessor = inject(TuiRectAccessor);
415
+ this.hint = inject(TuiHintDirective);
416
+ this.isMobile = inject(TUI_IS_MOBILE);
417
+ this.content = this.hint.component.component === TuiHintUnstyledComponent
418
+ ? signal('')
419
+ : this.hint.content;
420
+ this.theme = this.hint.el
421
+ .closest('[tuiTheme]')
422
+ ?.getAttribute('tuiTheme');
423
+ this.appearance = tuiAppearance(this.hint.appearance);
424
+ inject(TuiPositionService)
425
+ .pipe(takeWhile(() => this.hint.el.isConnected), map((point) => this.vvs.correct(point)), takeUntilDestroyed())
426
+ .subscribe({
427
+ next: (point) => this.update(...point),
428
+ complete: () => this.hover.close(),
429
+ });
430
+ inject(TuiHoveredService)
431
+ .pipe(takeUntilDestroyed())
432
+ .subscribe((hover) => this.hover.toggle(hover));
433
+ }
434
+ onClick(target) {
435
+ if ((!target.closest(this.el.tagName) && !this.hint.el.contains(target)) ||
436
+ tuiIsObscured(this.hint.el)) {
437
+ this.hover.toggle(false);
438
+ }
439
+ }
440
+ apply(top, left, beakTop, beakLeft) {
441
+ this.el.style.top = top;
442
+ this.el.style.left = left;
443
+ this.el.style.setProperty('--t-top', `${beakTop}%`);
444
+ this.el.style.setProperty('--t-left', `${beakLeft}%`);
445
+ this.el.style.setProperty('--t-rotate', !beakLeft || Math.ceil(beakLeft) === 100 ? '90deg' : '0deg');
446
+ }
447
+ update(left, top) {
448
+ const { clientHeight, clientWidth } = this.el;
449
+ const rect = this.accessor.getClientRect();
450
+ if (rect === EMPTY_CLIENT_RECT || !clientHeight || !clientWidth) {
451
+ return;
452
+ }
453
+ const viewport = this.viewport.getClientRect();
454
+ const safeLeft = tuiClamp(Math.max(GAP, left), viewport.left + GAP, Math.max(GAP, viewport.width + viewport.left - clientWidth - GAP));
455
+ const [beakTop, beakLeft] = this.vvs.correct([
456
+ rect.top + rect.height / 2 - top,
457
+ rect.left + rect.width / 2 - safeLeft,
458
+ ]);
459
+ this.apply(tuiPx(Math.round(top)), tuiPx(Math.round(safeLeft)), Math.round((tuiClamp(beakTop, 0, clientHeight) / clientHeight) * 100), Math.round((tuiClamp(beakLeft, 0, clientWidth) / clientWidth) * 100));
460
+ }
461
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
462
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: TuiHintComponent, isStandalone: true, selector: "tui-hint", host: { attributes: { "role": "tooltip" }, listeners: { "document:click": "onClick($event.target)" }, properties: { "class._untouchable": "pointer", "class._mobile": "isMobile", "attr.tuiTheme": "theme" } }, providers: [TUI_HINT_PROVIDERS, tuiButtonOptionsProvider({ size: 's' })], hostDirectives: [{ directive: i1.TuiAppearance }, { directive: i2.TuiAnimated }, { directive: i3.TuiActiveZone }], ngImport: i0, template: `
463
+ <ng-content />
464
+ <span
465
+ *polymorpheusOutlet="content() as text; context: hint.context()"
466
+ [innerHTML]="text"
467
+ ></span>
468
+ `, isInline: true, styles: [":host{position:absolute;max-inline-size:min(20rem,calc(100% - 1rem));padding:.75rem 1rem;background:var(--tui-background-accent-1);border-radius:var(--tui-radius-l);color:var(--tui-text-primary-on-accent-1);box-sizing:border-box;font:var(--tui-font-body-s);white-space:pre-line;overflow-wrap:break-word;transform-origin:var(--t-left) var(--t-top);--tui-background-elevation-2: var(--tui-background-elevation-3)}:host.tui-enter,:host.tui-leave{animation-name:tuiFade}:host :host-context(tui-root._mobile).tui-enter{animation:tuiFade var(--tui-duration) ease-in-out,tuiScale var(--tui-duration) cubic-bezier(.34,1.56,.64,1)}:host :host-context(tui-root._mobile).tui-leave{animation:tuiFade var(--tui-duration) ease-in-out reverse,tuiScale var(--tui-duration) ease-in-out reverse}:host:before{content:\"\";position:absolute;top:var(--t-top);left:var(--t-left);inline-size:.75rem;block-size:.5rem;background:inherit;-webkit-mask-image:url('data:image/svg+xml,<svg viewBox=\"0 0 12 8\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.61336 1.69607L2.44882 2.96493C1.84795 3.61964 0.949361 3.99951 0.00053941 4C0.000359608 4 0.000179805 4 0 4C0.000179863 4 0.000359764 4 0.000539623 4C0.949362 4.00049 1.84795 4.38036 2.44882 5.03506L3.61336 6.30394C4.55981 7.33517 5.03303 7.85079 5.63254 7.96535C5.87433 8.01155 6.12436 8.01155 6.36616 7.96535C6.96567 7.85079 7.43889 7.33517 8.38534 6.30393L9.54988 5.03507C10.1511 4.37994 11.0505 4 12 4C11.0505 4 10.1511 3.62006 9.54988 2.96493L8.38534 1.69606C7.43889 0.664826 6.96567 0.149207 6.36616 0.0346517C6.12436 -0.0115506 5.87433 -0.0115506 5.63254 0.0346517C5.03303 0.149207 4.55981 0.664827 3.61336 1.69607Z\" /></svg>');mask-image:url('data:image/svg+xml,<svg viewBox=\"0 0 12 8\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.61336 1.69607L2.44882 2.96493C1.84795 3.61964 0.949361 3.99951 0.00053941 4C0.000359608 4 0.000179805 4 0 4C0.000179863 4 0.000359764 4 0.000539623 4C0.949362 4.00049 1.84795 4.38036 2.44882 5.03506L3.61336 6.30394C4.55981 7.33517 5.03303 7.85079 5.63254 7.96535C5.87433 8.01155 6.12436 8.01155 6.36616 7.96535C6.96567 7.85079 7.43889 7.33517 8.38534 6.30393L9.54988 5.03507C10.1511 4.37994 11.0505 4 12 4C11.0505 4 10.1511 3.62006 9.54988 2.96493L8.38534 1.69606C7.43889 0.664826 6.96567 0.149207 6.36616 0.0346517C6.12436 -0.0115506 5.87433 -0.0115506 5.63254 0.0346517C5.03303 0.149207 4.55981 0.664827 3.61336 1.69607Z\" /></svg>');transition:none;transform:translate(-50%,-50%) rotate(var(--t-rotate))}:host._mobile{font:var(--tui-font-body-m)}:host._mobile:before{inline-size:1.5rem;block-size:1.125rem;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 18\"><path d=\"M7.22854 3.81615L4.89971 6.6711C3.69732 8.14514 1.8988 9 0 9C1.8988 9 3.69732 9.85486 4.89971 11.3289L7.22854 14.1839L7.22854 14.1839C9.12123 16.5041 10.0676 17.6643 11.2665 17.922C11.75 18.026 12.25 18.026 12.7335 17.922C13.9324 17.6643 14.8788 16.5041 16.7715 14.1839L19.1003 11.3289C20.3027 9.85486 22.1012 9 24 9C22.1012 9 20.3027 8.14514 19.1003 6.6711L16.7715 3.81614C14.8788 1.49586 13.9324 0.335716 12.7335 0.0779663C12.25 -0.0259888 11.75 -0.0259888 11.2665 0.0779663C10.0676 0.335716 9.12123 1.49586 7.22854 3.81614L7.22854 3.81615Z\" /></svg>');mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 18\"><path d=\"M7.22854 3.81615L4.89971 6.6711C3.69732 8.14514 1.8988 9 0 9C1.8988 9 3.69732 9.85486 4.89971 11.3289L7.22854 14.1839L7.22854 14.1839C9.12123 16.5041 10.0676 17.6643 11.2665 17.922C11.75 18.026 12.25 18.026 12.7335 17.922C13.9324 17.6643 14.8788 16.5041 16.7715 14.1839L19.1003 11.3289C20.3027 9.85486 22.1012 9 24 9C22.1012 9 20.3027 8.14514 19.1003 6.6711L16.7715 3.81614C14.8788 1.49586 13.9324 0.335716 12.7335 0.0779663C12.25 -0.0259888 11.75 -0.0259888 11.2665 0.0779663C10.0676 0.335716 9.12123 1.49586 7.22854 3.81614L7.22854 3.81615Z\" /></svg>')}:host:not([style*=top]){visibility:hidden}:host._untouchable{pointer-events:none}:host ::ng-deep [tuiTitle]{margin-block-end:.75rem}:host ::ng-deep [tuiTitle]+footer{margin-block-start:.75rem}:host ::ng-deep [tuiIconButton][data-appearance=icon][data-size=xs]{float:inline-end;margin-inline-end:-.25rem}:host ::ng-deep img{display:block;border-radius:var(--tui-radius-m)}:host ::ng-deep footer{display:flex;justify-content:flex-end;gap:.5rem;inline-size:18rem;max-inline-size:100%;margin:1rem 0 .25rem}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
469
+ }
470
+ __decorate([
471
+ tuiPure
472
+ ], TuiHintComponent.prototype, "apply", null);
473
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintComponent, decorators: [{
474
+ type: Component,
475
+ args: [{ selector: 'tui-hint', imports: [PolymorpheusOutlet], template: `
476
+ <ng-content />
477
+ <span
478
+ *polymorpheusOutlet="content() as text; context: hint.context()"
479
+ [innerHTML]="text"
480
+ ></span>
481
+ `, changeDetection: ChangeDetectionStrategy.OnPush, providers: [TUI_HINT_PROVIDERS, tuiButtonOptionsProvider({ size: 's' })], hostDirectives: [TuiAppearance, TuiAnimated, TuiActiveZone], host: {
482
+ role: 'tooltip',
483
+ '[class._untouchable]': 'pointer',
484
+ '[class._mobile]': 'isMobile',
485
+ '[attr.tuiTheme]': 'theme',
486
+ '(document:click)': 'onClick($event.target)',
487
+ }, styles: [":host{position:absolute;max-inline-size:min(20rem,calc(100% - 1rem));padding:.75rem 1rem;background:var(--tui-background-accent-1);border-radius:var(--tui-radius-l);color:var(--tui-text-primary-on-accent-1);box-sizing:border-box;font:var(--tui-font-body-s);white-space:pre-line;overflow-wrap:break-word;transform-origin:var(--t-left) var(--t-top);--tui-background-elevation-2: var(--tui-background-elevation-3)}:host.tui-enter,:host.tui-leave{animation-name:tuiFade}:host :host-context(tui-root._mobile).tui-enter{animation:tuiFade var(--tui-duration) ease-in-out,tuiScale var(--tui-duration) cubic-bezier(.34,1.56,.64,1)}:host :host-context(tui-root._mobile).tui-leave{animation:tuiFade var(--tui-duration) ease-in-out reverse,tuiScale var(--tui-duration) ease-in-out reverse}:host:before{content:\"\";position:absolute;top:var(--t-top);left:var(--t-left);inline-size:.75rem;block-size:.5rem;background:inherit;-webkit-mask-image:url('data:image/svg+xml,<svg viewBox=\"0 0 12 8\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.61336 1.69607L2.44882 2.96493C1.84795 3.61964 0.949361 3.99951 0.00053941 4C0.000359608 4 0.000179805 4 0 4C0.000179863 4 0.000359764 4 0.000539623 4C0.949362 4.00049 1.84795 4.38036 2.44882 5.03506L3.61336 6.30394C4.55981 7.33517 5.03303 7.85079 5.63254 7.96535C5.87433 8.01155 6.12436 8.01155 6.36616 7.96535C6.96567 7.85079 7.43889 7.33517 8.38534 6.30393L9.54988 5.03507C10.1511 4.37994 11.0505 4 12 4C11.0505 4 10.1511 3.62006 9.54988 2.96493L8.38534 1.69606C7.43889 0.664826 6.96567 0.149207 6.36616 0.0346517C6.12436 -0.0115506 5.87433 -0.0115506 5.63254 0.0346517C5.03303 0.149207 4.55981 0.664827 3.61336 1.69607Z\" /></svg>');mask-image:url('data:image/svg+xml,<svg viewBox=\"0 0 12 8\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.61336 1.69607L2.44882 2.96493C1.84795 3.61964 0.949361 3.99951 0.00053941 4C0.000359608 4 0.000179805 4 0 4C0.000179863 4 0.000359764 4 0.000539623 4C0.949362 4.00049 1.84795 4.38036 2.44882 5.03506L3.61336 6.30394C4.55981 7.33517 5.03303 7.85079 5.63254 7.96535C5.87433 8.01155 6.12436 8.01155 6.36616 7.96535C6.96567 7.85079 7.43889 7.33517 8.38534 6.30393L9.54988 5.03507C10.1511 4.37994 11.0505 4 12 4C11.0505 4 10.1511 3.62006 9.54988 2.96493L8.38534 1.69606C7.43889 0.664826 6.96567 0.149207 6.36616 0.0346517C6.12436 -0.0115506 5.87433 -0.0115506 5.63254 0.0346517C5.03303 0.149207 4.55981 0.664827 3.61336 1.69607Z\" /></svg>');transition:none;transform:translate(-50%,-50%) rotate(var(--t-rotate))}:host._mobile{font:var(--tui-font-body-m)}:host._mobile:before{inline-size:1.5rem;block-size:1.125rem;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 18\"><path d=\"M7.22854 3.81615L4.89971 6.6711C3.69732 8.14514 1.8988 9 0 9C1.8988 9 3.69732 9.85486 4.89971 11.3289L7.22854 14.1839L7.22854 14.1839C9.12123 16.5041 10.0676 17.6643 11.2665 17.922C11.75 18.026 12.25 18.026 12.7335 17.922C13.9324 17.6643 14.8788 16.5041 16.7715 14.1839L19.1003 11.3289C20.3027 9.85486 22.1012 9 24 9C22.1012 9 20.3027 8.14514 19.1003 6.6711L16.7715 3.81614C14.8788 1.49586 13.9324 0.335716 12.7335 0.0779663C12.25 -0.0259888 11.75 -0.0259888 11.2665 0.0779663C10.0676 0.335716 9.12123 1.49586 7.22854 3.81614L7.22854 3.81615Z\" /></svg>');mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 18\"><path d=\"M7.22854 3.81615L4.89971 6.6711C3.69732 8.14514 1.8988 9 0 9C1.8988 9 3.69732 9.85486 4.89971 11.3289L7.22854 14.1839L7.22854 14.1839C9.12123 16.5041 10.0676 17.6643 11.2665 17.922C11.75 18.026 12.25 18.026 12.7335 17.922C13.9324 17.6643 14.8788 16.5041 16.7715 14.1839L19.1003 11.3289C20.3027 9.85486 22.1012 9 24 9C22.1012 9 20.3027 8.14514 19.1003 6.6711L16.7715 3.81614C14.8788 1.49586 13.9324 0.335716 12.7335 0.0779663C12.25 -0.0259888 11.75 -0.0259888 11.2665 0.0779663C10.0676 0.335716 9.12123 1.49586 7.22854 3.81614L7.22854 3.81615Z\" /></svg>')}:host:not([style*=top]){visibility:hidden}:host._untouchable{pointer-events:none}:host ::ng-deep [tuiTitle]{margin-block-end:.75rem}:host ::ng-deep [tuiTitle]+footer{margin-block-start:.75rem}:host ::ng-deep [tuiIconButton][data-appearance=icon][data-size=xs]{float:inline-end;margin-inline-end:-.25rem}:host ::ng-deep img{display:block;border-radius:var(--tui-radius-m)}:host ::ng-deep footer{display:flex;justify-content:flex-end;gap:.5rem;inline-size:18rem;max-inline-size:100%;margin:1rem 0 .25rem}\n"] }]
488
+ }], ctorParameters: () => [], propDecorators: { apply: [] } });
489
+
490
+ class TuiHintDescribe extends TuiDriver {
491
+ constructor() {
492
+ super((subscriber) => this.stream$.subscribe(subscriber));
493
+ this.doc = inject(DOCUMENT);
494
+ this.el = tuiInjectElement();
495
+ this.element = computed((id = this.id()) => id ? this.doc.querySelector(`#${id}`) || this.el : this.el);
496
+ this.id = input('', { alias: 'tuiHintDescribe' });
497
+ this.type = 'hint';
498
+ this.stream$ = toObservable(this.id).pipe(distinctUntilChanged(), tuiIfMap(() => fromEvent(this.doc, 'keydown', { capture: true }), tuiIsPresent), switchMap(() => this.focused
499
+ ? of(false)
500
+ : merge(tuiTypedFromEvent(this.doc, 'keyup'), tuiTypedFromEvent(this.element(), 'blur')).pipe(map(() => this.focused))), debounce((visible) => (visible ? timer(1000) : of(null))), startWith(false), distinctUntilChanged(), skip(1), tuiZoneOptimized());
501
+ }
502
+ get focused() {
503
+ return tuiIsFocused(this.element());
504
+ }
505
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintDescribe, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
506
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.17", type: TuiHintDescribe, isStandalone: true, selector: "[tuiHintDescribe]", inputs: { id: { classPropertyName: "id", publicName: "tuiHintDescribe", isSignal: true, isRequired: false, transformFunction: null } }, providers: [tuiAsDriver(TuiHintDescribe)], usesInheritance: true, ngImport: i0 }); }
507
+ }
508
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintDescribe, decorators: [{
509
+ type: Directive,
510
+ args: [{
511
+ selector: '[tuiHintDescribe]',
512
+ providers: [tuiAsDriver(TuiHintDescribe)],
513
+ }]
514
+ }], ctorParameters: () => [] });
515
+
516
+ class TuiHintHost extends TuiRectAccessor {
517
+ constructor() {
518
+ super(...arguments);
519
+ this.tuiHintHost = input();
520
+ this.type = 'hint';
521
+ }
522
+ getClientRect() {
523
+ return this.tuiHintHost()?.getBoundingClientRect() || EMPTY_CLIENT_RECT;
524
+ }
525
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintHost, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
526
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.17", type: TuiHintHost, isStandalone: true, selector: "[tuiHint][tuiHintHost]", inputs: { tuiHintHost: { classPropertyName: "tuiHintHost", publicName: "tuiHintHost", isSignal: true, isRequired: false, transformFunction: null } }, providers: [tuiAsRectAccessor(TuiHintHost)], usesInheritance: true, ngImport: i0 }); }
527
+ }
528
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintHost, decorators: [{
529
+ type: Directive,
530
+ args: [{
531
+ selector: '[tuiHint][tuiHintHost]',
532
+ providers: [tuiAsRectAccessor(TuiHintHost)],
533
+ }]
534
+ }] });
535
+
536
+ class TuiHintManual extends TuiDriver {
537
+ constructor() {
538
+ super((subscriber) => this.stream$.subscribe(subscriber));
539
+ this.hover = inject(TuiHintHover);
540
+ this.stream$ = new BehaviorSubject(false);
541
+ this.visible = input(false, { alias: 'tuiHintManual' });
542
+ this.type = 'hint';
543
+ this.hover.enabled = false;
544
+ }
545
+ ngOnChanges() {
546
+ this.stream$.next(!!this.visible());
547
+ this.hover.enabled = this.visible() === null;
548
+ }
549
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintManual, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
550
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.17", type: TuiHintManual, isStandalone: true, selector: "[tuiHint][tuiHintManual]", inputs: { visible: { classPropertyName: "visible", publicName: "tuiHintManual", isSignal: true, isRequired: false, transformFunction: null } }, providers: [tuiAsDriver(TuiHintManual)], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
551
+ }
552
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintManual, decorators: [{
553
+ type: Directive,
554
+ args: [{
555
+ selector: '[tuiHint][tuiHintManual]',
556
+ providers: [tuiAsDriver(TuiHintManual)],
557
+ }]
558
+ }], ctorParameters: () => [] });
559
+
560
+ class TuiHintOverflow {
561
+ constructor() {
562
+ this.hint = inject(TuiHintDirective);
563
+ this.content = input('', { alias: 'tuiHintOverflow' });
564
+ }
565
+ onMouseEnter({ scrollWidth, clientWidth, textContent }) {
566
+ tuiSetSignal(this.hint.content, scrollWidth > clientWidth && this.content() !== null
567
+ ? this.content() || textContent
568
+ : '');
569
+ }
570
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintOverflow, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
571
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.17", type: TuiHintOverflow, isStandalone: true, selector: "[tuiHintOverflow]", inputs: { content: { classPropertyName: "content", publicName: "tuiHintOverflow", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "onMouseEnter($event.currentTarget)" } }, hostDirectives: [{ directive: TuiHintDirective, inputs: ["tuiHintAppearance", "tuiHintAppearance"] }], ngImport: i0 }); }
572
+ }
573
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiHintOverflow, decorators: [{
574
+ type: Directive,
575
+ args: [{
576
+ selector: '[tuiHintOverflow]',
577
+ hostDirectives: [
578
+ {
579
+ directive: TuiHintDirective,
580
+ inputs: ['tuiHintAppearance'],
581
+ },
582
+ ],
583
+ host: {
584
+ '(mouseenter)': 'onMouseEnter($event.currentTarget)',
585
+ },
586
+ }]
587
+ }] });
588
+
589
+ const TuiHint = [
590
+ TuiHintComponent,
591
+ TuiHintDirective,
592
+ TuiHintOptionsDirective,
593
+ TuiHintUnstyled,
594
+ TuiHintDriver,
595
+ TuiHintPosition,
596
+ TuiHintHover,
597
+ TuiHintOverflow,
598
+ TuiHintDescribe,
599
+ TuiHintHost,
600
+ TuiHintManual,
601
+ TuiHintPointer,
602
+ ];
603
+
604
+ /**
605
+ * Generated bundle index. Do not edit.
606
+ */
607
+
608
+ export { TUI_HINT_COMPONENT, TUI_HINT_DEFAULT_OPTIONS, TUI_HINT_DIRECTIONS, TUI_HINT_OPTIONS, TUI_HINT_PROVIDERS, TuiHint, TuiHintComponent, TuiHintDescribe, TuiHintDirective, TuiHintDriver, TuiHintHost, TuiHintHover, TuiHintManual, TuiHintOptionsDirective, TuiHintOverflow, TuiHintPointer, TuiHintPosition, TuiHintUnstyled, TuiHintUnstyledComponent, tuiHintOptionsProvider };
609
+ //# sourceMappingURL=taiga-ui-core-portals-hint.mjs.map