@taiga-ui/kit 4.52.0-canary.932d3ef → 4.52.0-canary.9c7b1f0

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 (511) hide show
  1. package/README.md +1 -1
  2. package/components/accordion/accordion.component.d.ts +13 -0
  3. package/components/accordion/accordion.d.ts +4 -4
  4. package/components/accordion/accordion.directive.d.ts +11 -10
  5. package/components/accordion/index.d.ts +1 -3
  6. package/components/action-bar/action-bar.component.d.ts +5 -7
  7. package/components/action-bar/index.d.ts +0 -2
  8. package/components/avatar/avatar-labeled.component.d.ts +3 -3
  9. package/components/avatar/avatar-outline.directive.d.ts +3 -3
  10. package/components/avatar/avatar-stack.component.d.ts +2 -2
  11. package/components/avatar/avatar.directive.d.ts +4 -3
  12. package/components/badge/badge.directive.d.ts +2 -2
  13. package/components/badge/badge.options.d.ts +1 -3
  14. package/components/badge-notification/badge-notification.component.d.ts +2 -3
  15. package/components/badge-notification/badge-notification.options.d.ts +1 -3
  16. package/components/badged-content/badged-content.directive.d.ts +2 -3
  17. package/components/block/block.directive.d.ts +4 -4
  18. package/components/block/block.options.d.ts +2 -4
  19. package/components/breadcrumbs/breadcrumbs.component.d.ts +6 -7
  20. package/components/breadcrumbs/breadcrumbs.options.d.ts +1 -3
  21. package/components/button-loading/button-loading.component.d.ts +5 -5
  22. package/components/calendar-month/calendar-month.component.d.ts +1 -1
  23. package/components/calendar-range/calendar-range.component.d.ts +1 -3
  24. package/components/calendar-range/day-range-period.d.ts +2 -1
  25. package/components/carousel/carousel-autoscroll.directive.d.ts +1 -2
  26. package/components/carousel/carousel-scroll.directive.d.ts +1 -1
  27. package/components/carousel/carousel.component.d.ts +15 -18
  28. package/components/carousel/carousel.directive.d.ts +5 -4
  29. package/components/checkbox/checkbox.component.d.ts +7 -18
  30. package/components/checkbox/checkbox.options.d.ts +5 -9
  31. package/components/chip/chip.directive.d.ts +2 -4
  32. package/components/chip/chip.options.d.ts +1 -3
  33. package/components/combo-box/combo-box.d.ts +5 -0
  34. package/components/combo-box/combo-box.directive.d.ts +7 -9
  35. package/components/combo-box/index.d.ts +1 -0
  36. package/components/comment/comment.directive.d.ts +2 -2
  37. package/components/compass/compass.component.d.ts +2 -2
  38. package/components/confirm/confirm.component.d.ts +5 -3
  39. package/components/confirm/confirm.service.d.ts +3 -2
  40. package/{directives → components}/copy/copy.component.d.ts +4 -5
  41. package/{directives → components}/copy/copy.directive.d.ts +4 -6
  42. package/{directives → components}/copy/copy.options.d.ts +1 -1
  43. package/components/data-list-wrapper/data-list-group-wrapper.component.d.ts +4 -2
  44. package/components/data-list-wrapper/data-list-wrapper.component.d.ts +14 -22
  45. package/components/data-list-wrapper/{data-list-wrapper.module.d.ts → data-list-wrapper.d.ts} +1 -2
  46. package/components/data-list-wrapper/index.d.ts +1 -1
  47. package/components/drawer/drawer.component.d.ts +3 -4
  48. package/components/files/file/file.component.d.ts +16 -29
  49. package/components/files/file/file.options.d.ts +1 -1
  50. package/components/files/files/files.component.d.ts +7 -10
  51. package/components/files/input-files/input-files.component.d.ts +2 -2
  52. package/components/files/input-files/input-files.content.d.ts +7 -8
  53. package/components/files/input-files/input-files.directive.d.ts +2 -2
  54. package/components/files/input-files/input-files.options.d.ts +1 -3
  55. package/components/filter/filter.component.d.ts +9 -12
  56. package/components/fullscreen/fullscreen.component.d.ts +11 -0
  57. package/components/fullscreen/index.d.ts +1 -0
  58. package/components/index.d.ts +3 -5
  59. package/components/input-chip/input-chip.component.d.ts +9 -8
  60. package/components/input-chip/input-chip.d.ts +5 -1
  61. package/components/input-chip/input-chip.directive.d.ts +7 -12
  62. package/components/input-color/index.d.ts +1 -0
  63. package/components/input-color/input-color.component.d.ts +10 -14
  64. package/components/input-color/input-color.d.ts +5 -0
  65. package/components/input-date/input-date.component.d.ts +2 -2
  66. package/components/input-date/input-date.d.ts +4 -1
  67. package/components/input-date/input-date.directive.d.ts +21 -22
  68. package/components/input-date/input-date.options.d.ts +3 -3
  69. package/components/input-date-multi/input-date-multi.d.ts +1 -2
  70. package/components/input-date-multi/input-date-multi.directive.d.ts +10 -14
  71. package/components/input-date-range/input-date-range.d.ts +4 -1
  72. package/components/input-date-range/input-date-range.directive.d.ts +9 -10
  73. package/components/input-date-range/input-date-range.options.d.ts +2 -2
  74. package/components/input-date-time/input-date-time.d.ts +4 -1
  75. package/components/input-date-time/input-date-time.directive.d.ts +14 -14
  76. package/components/input-date-time/input-date-time.options.d.ts +2 -2
  77. package/components/input-inline/input-inline.component.d.ts +3 -2
  78. package/components/input-month/input-month.component.d.ts +3 -5
  79. package/components/input-month/input-month.d.ts +4 -1
  80. package/components/input-month/input-month.directive.d.ts +6 -5
  81. package/components/input-month-range/input-month-range.d.ts +4 -1
  82. package/components/input-month-range/input-month-range.directive.d.ts +6 -5
  83. package/components/input-number/index.d.ts +3 -0
  84. package/components/input-number/input-number.d.ts +7 -2
  85. package/components/input-number/input-number.directive.d.ts +11 -28
  86. package/components/input-number/input-number.options.d.ts +4 -7
  87. package/components/input-number/number-mask.directive.d.ts +42 -0
  88. package/components/input-number/quantum.directive.d.ts +10 -8
  89. package/components/input-number/step/input-number-step.component.d.ts +11 -10
  90. package/components/input-number/transformers/bigint.value-transformer.d.ts +11 -0
  91. package/components/input-number/transformers/number.value-transformer.d.ts +11 -0
  92. package/components/input-phone/index.d.ts +1 -0
  93. package/components/input-phone/input-phone.d.ts +5 -0
  94. package/components/input-phone/input-phone.directive.d.ts +12 -14
  95. package/components/input-phone-international/index.d.ts +1 -0
  96. package/components/input-phone-international/input-phone-international.component.d.ts +28 -36
  97. package/components/input-phone-international/input-phone-international.d.ts +5 -0
  98. package/components/input-phone-international/input-phone-international.options.d.ts +2 -3
  99. package/components/input-pin/index.d.ts +1 -0
  100. package/components/input-pin/input-pin.component.d.ts +6 -7
  101. package/components/input-pin/input-pin.d.ts +5 -0
  102. package/components/input-range/index.d.ts +0 -1
  103. package/components/input-range/input-range.component.d.ts +29 -62
  104. package/components/input-slider/input-slider.d.ts +4 -1
  105. package/components/input-slider/input-slider.directive.d.ts +6 -7
  106. package/components/input-time/input-time.component.d.ts +1 -3
  107. package/components/input-time/input-time.d.ts +4 -1
  108. package/components/input-time/input-time.directive.d.ts +9 -11
  109. package/components/input-year/input-year.d.ts +4 -1
  110. package/components/input-year/input-year.directive.d.ts +8 -10
  111. package/components/input-year/input-year.options.d.ts +2 -2
  112. package/components/items-with-more/items-with-more.component.d.ts +6 -6
  113. package/components/items-with-more/items-with-more.directive.d.ts +6 -6
  114. package/components/like/like.component.d.ts +4 -11
  115. package/components/like/like.options.d.ts +3 -4
  116. package/components/line-clamp/line-clamp-box.component.d.ts +3 -4
  117. package/components/line-clamp/line-clamp.component.d.ts +8 -10
  118. package/components/line-clamp/line-clamp.options.d.ts +1 -3
  119. package/components/multi-select/multi-select-group/multi-select-group.component.d.ts +6 -8
  120. package/components/multi-select/multi-select-native/multi-select-native.component.d.ts +5 -4
  121. package/components/multi-select/multi-select-option/multi-select-option.component.d.ts +1 -1
  122. package/components/notification-middle/notification-middle.component.d.ts +2 -2
  123. package/components/notification-middle/notification-middle.directive.d.ts +4 -3
  124. package/components/notification-middle/notification-middle.service.d.ts +7 -3
  125. package/components/pager/pager.component.d.ts +13 -13
  126. package/components/pagination/index.d.ts +1 -0
  127. package/components/pagination/pagination.component.d.ts +25 -54
  128. package/components/pagination/pagination.options.d.ts +7 -0
  129. package/components/pin/pin.directive.d.ts +2 -2
  130. package/components/preview/dialog/preview-dialog.component.d.ts +2 -2
  131. package/components/preview/dialog/preview-dialog.directive.d.ts +3 -3
  132. package/components/preview/dialog/preview-dialog.service.d.ts +5 -2
  133. package/components/preview/index.d.ts +1 -0
  134. package/components/preview/pagination/preview-pagination.component.d.ts +6 -10
  135. package/components/preview/preview.component.d.ts +6 -6
  136. package/components/preview/preview.d.ts +2 -1
  137. package/{tokens/preview-icons.d.ts → components/preview/preview.options.d.ts} +1 -3
  138. package/components/preview/zoom/preview-zoom.component.d.ts +11 -17
  139. package/components/progress/progress-bar/fixed-gradient/progress-fixed-gradient.directive.d.ts +1 -2
  140. package/components/progress/progress-bar/progress-bar.component.d.ts +3 -4
  141. package/components/progress/progress-bar/progress-color-segments.directive.d.ts +4 -4
  142. package/components/progress/progress-circle/progress-circle.component.d.ts +7 -11
  143. package/components/progress/progress-segmented/progress-segmented.directive.d.ts +2 -2
  144. package/components/progress/progress.options.d.ts +1 -3
  145. package/components/pulse/pulse.component.d.ts +2 -2
  146. package/components/push/push-alert.component.d.ts +4 -3
  147. package/components/push/push.component.d.ts +7 -8
  148. package/components/push/push.directive.d.ts +4 -6
  149. package/components/push/push.options.d.ts +5 -8
  150. package/components/push/push.service.d.ts +6 -2
  151. package/components/radio/radio.component.d.ts +8 -9
  152. package/components/radio/radio.directive.d.ts +2 -2
  153. package/components/radio/radio.options.d.ts +2 -5
  154. package/components/radio-list/radio-list.component.d.ts +11 -9
  155. package/components/range/range-change.directive.d.ts +1 -2
  156. package/components/range/range.component.d.ts +16 -25
  157. package/components/rating/rating.component.d.ts +5 -5
  158. package/components/rating/rating.options.d.ts +6 -6
  159. package/components/routable-dialog/generate-dialogable-route.d.ts +1 -1
  160. package/components/segmented/segmented.component.d.ts +4 -6
  161. package/components/segmented/segmented.directive.d.ts +6 -7
  162. package/components/select/native-select/native-select.component.d.ts +7 -8
  163. package/components/select/select.d.ts +4 -1
  164. package/components/select/select.directive.d.ts +4 -3
  165. package/components/slider/helpers/key-steps.d.ts +1 -2
  166. package/components/slider/helpers/slider-key-steps.directive.d.ts +15 -23
  167. package/components/slider/helpers/slider-readonly.directive.d.ts +2 -4
  168. package/components/slider/helpers/slider-thumb-label.component.d.ts +2 -4
  169. package/components/slider/slider.component.d.ts +4 -7
  170. package/components/slider/slider.options.d.ts +1 -6
  171. package/components/status/status.directive.d.ts +2 -2
  172. package/components/stepper/step.component.d.ts +14 -9
  173. package/components/stepper/stepper.component.d.ts +5 -12
  174. package/components/switch/switch.component.d.ts +8 -19
  175. package/components/switch/switch.options.d.ts +4 -8
  176. package/components/tabs/tabs-horizontal.directive.d.ts +4 -5
  177. package/components/tabs/tabs-vertical.directive.d.ts +2 -2
  178. package/components/tabs/tabs-with-more.component.d.ts +13 -17
  179. package/components/tabs/tabs.directive.d.ts +5 -7
  180. package/components/tabs/tabs.options.d.ts +1 -6
  181. package/components/textarea/index.d.ts +2 -1
  182. package/components/textarea/textarea.component.d.ts +10 -11
  183. package/components/textarea/textarea.d.ts +6 -0
  184. package/components/textarea/textarea.directive.d.ts +13 -0
  185. package/components/tiles/tile.component.d.ts +7 -10
  186. package/components/tiles/tile.service.d.ts +1 -1
  187. package/components/tiles/tiles.component.d.ts +4 -7
  188. package/components/toast/index.d.ts +5 -0
  189. package/components/toast/toast.component.d.ts +18 -0
  190. package/components/toast/toast.d.ts +3 -0
  191. package/components/toast/toast.directive.d.ts +7 -0
  192. package/components/toast/toast.options.d.ts +10 -0
  193. package/components/toast/toast.service.d.ts +17 -0
  194. package/components/tree/components/tree/tree.component.d.ts +7 -7
  195. package/components/tree/components/tree-item/tree-item.component.d.ts +1 -1
  196. package/components/tree/components/tree-item-content/tree-item-content.component.d.ts +8 -1
  197. package/components/tree/directives/tree-children.directive.d.ts +2 -2
  198. package/components/tree/directives/tree-controller.directive.d.ts +4 -5
  199. package/components/tree/directives/tree-item-controller.directive.d.ts +2 -2
  200. package/components/tree/directives/tree-node.directive.d.ts +5 -4
  201. package/components/tree/misc/tree.constants.d.ts +0 -3
  202. package/components/tree/misc/tree.tokens.d.ts +1 -6
  203. package/directives/appearance-proxy/appearance-proxy.directive.d.ts +10 -0
  204. package/directives/appearance-proxy/index.d.ts +1 -0
  205. package/directives/button-select/button-select.directive.d.ts +4 -4
  206. package/directives/chevron/chevron.directive.d.ts +2 -3
  207. package/directives/data-list-dropdown-manager/data-list-dropdown-manager.directive.d.ts +5 -5
  208. package/directives/fade/fade.directive.d.ts +6 -6
  209. package/directives/fluid-typography/fluid-typography.directive.d.ts +3 -6
  210. package/directives/fluid-typography/fluid-typography.options.d.ts +1 -3
  211. package/directives/highlight/highlight.directive.d.ts +4 -4
  212. package/directives/index.d.ts +1 -3
  213. package/directives/password/password.directive.d.ts +1 -1
  214. package/directives/present/present.directive.d.ts +2 -4
  215. package/directives/sensitive/sensitive.directive.d.ts +2 -2
  216. package/directives/shimmer/shimmer.directive.d.ts +3 -3
  217. package/directives/skeleton/skeleton.directive.d.ts +3 -3
  218. package/directives/tooltip/tooltip.directive.d.ts +3 -3
  219. package/directives/unfinished-validator/unfinished-validator.directive.d.ts +2 -2
  220. package/directives/unmask-handler/unmask-handler.directive.d.ts +3 -3
  221. package/fesm2022/taiga-ui-kit-components-accordion.mjs +69 -145
  222. package/fesm2022/taiga-ui-kit-components-accordion.mjs.map +1 -1
  223. package/fesm2022/taiga-ui-kit-components-action-bar.mjs +24 -40
  224. package/fesm2022/taiga-ui-kit-components-action-bar.mjs.map +1 -1
  225. package/fesm2022/taiga-ui-kit-components-avatar.mjs +54 -80
  226. package/fesm2022/taiga-ui-kit-components-avatar.mjs.map +1 -1
  227. package/fesm2022/taiga-ui-kit-components-badge-notification.mjs +11 -18
  228. package/fesm2022/taiga-ui-kit-components-badge-notification.mjs.map +1 -1
  229. package/fesm2022/taiga-ui-kit-components-badge.mjs +16 -27
  230. package/fesm2022/taiga-ui-kit-components-badge.mjs.map +1 -1
  231. package/fesm2022/taiga-ui-kit-components-badged-content.mjs +9 -12
  232. package/fesm2022/taiga-ui-kit-components-badged-content.mjs.map +1 -1
  233. package/fesm2022/taiga-ui-kit-components-block.mjs +20 -31
  234. package/fesm2022/taiga-ui-kit-components-block.mjs.map +1 -1
  235. package/fesm2022/taiga-ui-kit-components-breadcrumbs.mjs +19 -39
  236. package/fesm2022/taiga-ui-kit-components-breadcrumbs.mjs.map +1 -1
  237. package/fesm2022/taiga-ui-kit-components-button-loading.mjs +19 -27
  238. package/fesm2022/taiga-ui-kit-components-button-loading.mjs.map +1 -1
  239. package/fesm2022/taiga-ui-kit-components-calendar-month.mjs +6 -17
  240. package/fesm2022/taiga-ui-kit-components-calendar-month.mjs.map +1 -1
  241. package/fesm2022/taiga-ui-kit-components-calendar-range.mjs +25 -26
  242. package/fesm2022/taiga-ui-kit-components-calendar-range.mjs.map +1 -1
  243. package/fesm2022/taiga-ui-kit-components-carousel.mjs +70 -123
  244. package/fesm2022/taiga-ui-kit-components-carousel.mjs.map +1 -1
  245. package/fesm2022/taiga-ui-kit-components-checkbox.mjs +18 -76
  246. package/fesm2022/taiga-ui-kit-components-checkbox.mjs.map +1 -1
  247. package/fesm2022/taiga-ui-kit-components-chip.mjs +18 -34
  248. package/fesm2022/taiga-ui-kit-components-chip.mjs.map +1 -1
  249. package/fesm2022/taiga-ui-kit-components-combo-box.mjs +45 -50
  250. package/fesm2022/taiga-ui-kit-components-combo-box.mjs.map +1 -1
  251. package/fesm2022/taiga-ui-kit-components-comment.mjs +13 -20
  252. package/fesm2022/taiga-ui-kit-components-comment.mjs.map +1 -1
  253. package/fesm2022/taiga-ui-kit-components-compass.mjs +9 -11
  254. package/fesm2022/taiga-ui-kit-components-compass.mjs.map +1 -1
  255. package/fesm2022/taiga-ui-kit-components-confirm.mjs +14 -17
  256. package/fesm2022/taiga-ui-kit-components-confirm.mjs.map +1 -1
  257. package/fesm2022/taiga-ui-kit-components-copy.mjs +106 -0
  258. package/fesm2022/taiga-ui-kit-components-copy.mjs.map +1 -0
  259. package/fesm2022/taiga-ui-kit-components-data-list-wrapper.mjs +25 -78
  260. package/fesm2022/taiga-ui-kit-components-data-list-wrapper.mjs.map +1 -1
  261. package/fesm2022/taiga-ui-kit-components-drawer.mjs +15 -32
  262. package/fesm2022/taiga-ui-kit-components-drawer.mjs.map +1 -1
  263. package/fesm2022/taiga-ui-kit-components-files.mjs +118 -245
  264. package/fesm2022/taiga-ui-kit-components-files.mjs.map +1 -1
  265. package/fesm2022/taiga-ui-kit-components-filter.mjs +21 -34
  266. package/fesm2022/taiga-ui-kit-components-filter.mjs.map +1 -1
  267. package/fesm2022/taiga-ui-kit-components-fullscreen.mjs +44 -0
  268. package/fesm2022/taiga-ui-kit-components-fullscreen.mjs.map +1 -0
  269. package/fesm2022/taiga-ui-kit-components-input-chip.mjs +72 -81
  270. package/fesm2022/taiga-ui-kit-components-input-chip.mjs.map +1 -1
  271. package/fesm2022/taiga-ui-kit-components-input-color.mjs +30 -33
  272. package/fesm2022/taiga-ui-kit-components-input-color.mjs.map +1 -1
  273. package/fesm2022/taiga-ui-kit-components-input-date-multi.mjs +36 -53
  274. package/fesm2022/taiga-ui-kit-components-input-date-multi.mjs.map +1 -1
  275. package/fesm2022/taiga-ui-kit-components-input-date-range.mjs +37 -37
  276. package/fesm2022/taiga-ui-kit-components-input-date-range.mjs.map +1 -1
  277. package/fesm2022/taiga-ui-kit-components-input-date-time.mjs +42 -59
  278. package/fesm2022/taiga-ui-kit-components-input-date-time.mjs.map +1 -1
  279. package/fesm2022/taiga-ui-kit-components-input-date.mjs +58 -72
  280. package/fesm2022/taiga-ui-kit-components-input-date.mjs.map +1 -1
  281. package/fesm2022/taiga-ui-kit-components-input-inline.mjs +10 -13
  282. package/fesm2022/taiga-ui-kit-components-input-inline.mjs.map +1 -1
  283. package/fesm2022/taiga-ui-kit-components-input-month-range.mjs +30 -28
  284. package/fesm2022/taiga-ui-kit-components-input-month-range.mjs.map +1 -1
  285. package/fesm2022/taiga-ui-kit-components-input-month.mjs +43 -51
  286. package/fesm2022/taiga-ui-kit-components-input-month.mjs.map +1 -1
  287. package/fesm2022/taiga-ui-kit-components-input-number.mjs +270 -214
  288. package/fesm2022/taiga-ui-kit-components-input-number.mjs.map +1 -1
  289. package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs +126 -159
  290. package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs.map +1 -1
  291. package/fesm2022/taiga-ui-kit-components-input-phone.mjs +40 -46
  292. package/fesm2022/taiga-ui-kit-components-input-phone.mjs.map +1 -1
  293. package/fesm2022/taiga-ui-kit-components-input-pin.mjs +26 -24
  294. package/fesm2022/taiga-ui-kit-components-input-pin.mjs.map +1 -1
  295. package/fesm2022/taiga-ui-kit-components-input-range.mjs +68 -91
  296. package/fesm2022/taiga-ui-kit-components-input-range.mjs.map +1 -1
  297. package/fesm2022/taiga-ui-kit-components-input-slider.mjs +46 -50
  298. package/fesm2022/taiga-ui-kit-components-input-slider.mjs.map +1 -1
  299. package/fesm2022/taiga-ui-kit-components-input-time.mjs +64 -71
  300. package/fesm2022/taiga-ui-kit-components-input-time.mjs.map +1 -1
  301. package/fesm2022/taiga-ui-kit-components-input-year.mjs +33 -40
  302. package/fesm2022/taiga-ui-kit-components-input-year.mjs.map +1 -1
  303. package/fesm2022/taiga-ui-kit-components-items-with-more.mjs +50 -72
  304. package/fesm2022/taiga-ui-kit-components-items-with-more.mjs.map +1 -1
  305. package/fesm2022/taiga-ui-kit-components-like.mjs +40 -33
  306. package/fesm2022/taiga-ui-kit-components-like.mjs.map +1 -1
  307. package/fesm2022/taiga-ui-kit-components-line-clamp.mjs +38 -82
  308. package/fesm2022/taiga-ui-kit-components-line-clamp.mjs.map +1 -1
  309. package/fesm2022/taiga-ui-kit-components-message.mjs +9 -12
  310. package/fesm2022/taiga-ui-kit-components-message.mjs.map +1 -1
  311. package/fesm2022/taiga-ui-kit-components-multi-select.mjs +44 -60
  312. package/fesm2022/taiga-ui-kit-components-multi-select.mjs.map +1 -1
  313. package/fesm2022/taiga-ui-kit-components-notification-middle.mjs +38 -34
  314. package/fesm2022/taiga-ui-kit-components-notification-middle.mjs.map +1 -1
  315. package/fesm2022/taiga-ui-kit-components-pager.mjs +31 -45
  316. package/fesm2022/taiga-ui-kit-components-pager.mjs.map +1 -1
  317. package/fesm2022/taiga-ui-kit-components-pagination.mjs +75 -150
  318. package/fesm2022/taiga-ui-kit-components-pagination.mjs.map +1 -1
  319. package/fesm2022/taiga-ui-kit-components-pin.mjs +15 -19
  320. package/fesm2022/taiga-ui-kit-components-pin.mjs.map +1 -1
  321. package/fesm2022/taiga-ui-kit-components-preview.mjs +98 -158
  322. package/fesm2022/taiga-ui-kit-components-preview.mjs.map +1 -1
  323. package/fesm2022/taiga-ui-kit-components-progress.mjs +93 -117
  324. package/fesm2022/taiga-ui-kit-components-progress.mjs.map +1 -1
  325. package/fesm2022/taiga-ui-kit-components-pulse.mjs +7 -11
  326. package/fesm2022/taiga-ui-kit-components-pulse.mjs.map +1 -1
  327. package/fesm2022/taiga-ui-kit-components-push.mjs +54 -74
  328. package/fesm2022/taiga-ui-kit-components-push.mjs.map +1 -1
  329. package/fesm2022/taiga-ui-kit-components-radio-list.mjs +23 -35
  330. package/fesm2022/taiga-ui-kit-components-radio-list.mjs.map +1 -1
  331. package/fesm2022/taiga-ui-kit-components-radio.mjs +35 -41
  332. package/fesm2022/taiga-ui-kit-components-radio.mjs.map +1 -1
  333. package/fesm2022/taiga-ui-kit-components-range.mjs +42 -96
  334. package/fesm2022/taiga-ui-kit-components-range.mjs.map +1 -1
  335. package/fesm2022/taiga-ui-kit-components-rating.mjs +19 -28
  336. package/fesm2022/taiga-ui-kit-components-rating.mjs.map +1 -1
  337. package/fesm2022/taiga-ui-kit-components-routable-dialog.mjs +11 -7
  338. package/fesm2022/taiga-ui-kit-components-routable-dialog.mjs.map +1 -1
  339. package/fesm2022/taiga-ui-kit-components-segmented.mjs +32 -59
  340. package/fesm2022/taiga-ui-kit-components-segmented.mjs.map +1 -1
  341. package/fesm2022/taiga-ui-kit-components-select.mjs +81 -62
  342. package/fesm2022/taiga-ui-kit-components-select.mjs.map +1 -1
  343. package/fesm2022/taiga-ui-kit-components-slider.mjs +96 -122
  344. package/fesm2022/taiga-ui-kit-components-slider.mjs.map +1 -1
  345. package/fesm2022/taiga-ui-kit-components-status.mjs +12 -16
  346. package/fesm2022/taiga-ui-kit-components-status.mjs.map +1 -1
  347. package/fesm2022/taiga-ui-kit-components-stepper.mjs +61 -88
  348. package/fesm2022/taiga-ui-kit-components-stepper.mjs.map +1 -1
  349. package/fesm2022/taiga-ui-kit-components-switch.mjs +22 -64
  350. package/fesm2022/taiga-ui-kit-components-switch.mjs.map +1 -1
  351. package/fesm2022/taiga-ui-kit-components-tabs.mjs +96 -166
  352. package/fesm2022/taiga-ui-kit-components-tabs.mjs.map +1 -1
  353. package/fesm2022/taiga-ui-kit-components-textarea.mjs +62 -82
  354. package/fesm2022/taiga-ui-kit-components-textarea.mjs.map +1 -1
  355. package/fesm2022/taiga-ui-kit-components-tiles.mjs +38 -71
  356. package/fesm2022/taiga-ui-kit-components-tiles.mjs.map +1 -1
  357. package/fesm2022/taiga-ui-kit-components-toast.mjs +164 -0
  358. package/fesm2022/taiga-ui-kit-components-toast.mjs.map +1 -0
  359. package/fesm2022/taiga-ui-kit-components-tree.mjs +92 -127
  360. package/fesm2022/taiga-ui-kit-components-tree.mjs.map +1 -1
  361. package/fesm2022/taiga-ui-kit-components.mjs +3 -5
  362. package/fesm2022/taiga-ui-kit-components.mjs.map +1 -1
  363. package/fesm2022/taiga-ui-kit-directives-appearance-proxy.mjs +27 -0
  364. package/fesm2022/taiga-ui-kit-directives-appearance-proxy.mjs.map +1 -0
  365. package/fesm2022/taiga-ui-kit-directives-button-group.mjs +9 -12
  366. package/fesm2022/taiga-ui-kit-directives-button-group.mjs.map +1 -1
  367. package/fesm2022/taiga-ui-kit-directives-button-select.mjs +20 -19
  368. package/fesm2022/taiga-ui-kit-directives-button-select.mjs.map +1 -1
  369. package/fesm2022/taiga-ui-kit-directives-chevron.mjs +16 -22
  370. package/fesm2022/taiga-ui-kit-directives-chevron.mjs.map +1 -1
  371. package/fesm2022/taiga-ui-kit-directives-connected.mjs +9 -15
  372. package/fesm2022/taiga-ui-kit-directives-connected.mjs.map +1 -1
  373. package/fesm2022/taiga-ui-kit-directives-data-list-dropdown-manager.mjs +25 -53
  374. package/fesm2022/taiga-ui-kit-directives-data-list-dropdown-manager.mjs.map +1 -1
  375. package/fesm2022/taiga-ui-kit-directives-fade.mjs +28 -40
  376. package/fesm2022/taiga-ui-kit-directives-fade.mjs.map +1 -1
  377. package/fesm2022/taiga-ui-kit-directives-fluid-typography.mjs +14 -27
  378. package/fesm2022/taiga-ui-kit-directives-fluid-typography.mjs.map +1 -1
  379. package/fesm2022/taiga-ui-kit-directives-highlight.mjs +16 -21
  380. package/fesm2022/taiga-ui-kit-directives-highlight.mjs.map +1 -1
  381. package/fesm2022/taiga-ui-kit-directives-password.mjs +14 -16
  382. package/fesm2022/taiga-ui-kit-directives-password.mjs.map +1 -1
  383. package/fesm2022/taiga-ui-kit-directives-present.mjs +10 -18
  384. package/fesm2022/taiga-ui-kit-directives-present.mjs.map +1 -1
  385. package/fesm2022/taiga-ui-kit-directives-sensitive.mjs +13 -18
  386. package/fesm2022/taiga-ui-kit-directives-sensitive.mjs.map +1 -1
  387. package/fesm2022/taiga-ui-kit-directives-shimmer.mjs +24 -34
  388. package/fesm2022/taiga-ui-kit-directives-shimmer.mjs.map +1 -1
  389. package/fesm2022/taiga-ui-kit-directives-skeleton.mjs +28 -38
  390. package/fesm2022/taiga-ui-kit-directives-skeleton.mjs.map +1 -1
  391. package/fesm2022/taiga-ui-kit-directives-tooltip.mjs +17 -22
  392. package/fesm2022/taiga-ui-kit-directives-tooltip.mjs.map +1 -1
  393. package/fesm2022/taiga-ui-kit-directives-unfinished-validator.mjs +10 -14
  394. package/fesm2022/taiga-ui-kit-directives-unfinished-validator.mjs.map +1 -1
  395. package/fesm2022/taiga-ui-kit-directives-unmask-handler.mjs +10 -15
  396. package/fesm2022/taiga-ui-kit-directives-unmask-handler.mjs.map +1 -1
  397. package/fesm2022/taiga-ui-kit-directives.mjs +1 -3
  398. package/fesm2022/taiga-ui-kit-directives.mjs.map +1 -1
  399. package/fesm2022/taiga-ui-kit-pipes-auto-color.mjs +43 -0
  400. package/fesm2022/taiga-ui-kit-pipes-auto-color.mjs.map +1 -0
  401. package/fesm2022/taiga-ui-kit-pipes-emails.mjs +3 -4
  402. package/fesm2022/taiga-ui-kit-pipes-emails.mjs.map +1 -1
  403. package/fesm2022/taiga-ui-kit-pipes-filter-by-input.mjs +22 -36
  404. package/fesm2022/taiga-ui-kit-pipes-filter-by-input.mjs.map +1 -1
  405. package/fesm2022/taiga-ui-kit-pipes-flag.mjs +30 -0
  406. package/fesm2022/taiga-ui-kit-pipes-flag.mjs.map +1 -0
  407. package/fesm2022/taiga-ui-kit-pipes-hide-selected.mjs +23 -27
  408. package/fesm2022/taiga-ui-kit-pipes-hide-selected.mjs.map +1 -1
  409. package/fesm2022/taiga-ui-kit-pipes-initials.mjs +28 -0
  410. package/fesm2022/taiga-ui-kit-pipes-initials.mjs.map +1 -0
  411. package/fesm2022/taiga-ui-kit-pipes-sort-countries.mjs +10 -8
  412. package/fesm2022/taiga-ui-kit-pipes-sort-countries.mjs.map +1 -1
  413. package/fesm2022/taiga-ui-kit-pipes-stringify-content.mjs +3 -4
  414. package/fesm2022/taiga-ui-kit-pipes-stringify-content.mjs.map +1 -1
  415. package/fesm2022/taiga-ui-kit-pipes-stringify.mjs +3 -4
  416. package/fesm2022/taiga-ui-kit-pipes-stringify.mjs.map +1 -1
  417. package/fesm2022/taiga-ui-kit-pipes.mjs +3 -1
  418. package/fesm2022/taiga-ui-kit-pipes.mjs.map +1 -1
  419. package/fesm2022/taiga-ui-kit-tokens.mjs +4 -126
  420. package/fesm2022/taiga-ui-kit-tokens.mjs.map +1 -1
  421. package/fesm2022/taiga-ui-kit-utils.mjs +3 -15
  422. package/fesm2022/taiga-ui-kit-utils.mjs.map +1 -1
  423. package/package.json +49 -57
  424. package/pipes/auto-color/auto-color.pipe.d.ts +13 -0
  425. package/pipes/auto-color/index.d.ts +1 -0
  426. package/pipes/filter-by-input/filter-by-input.pipe.d.ts +5 -2
  427. package/pipes/flag/flag.pipe.d.ts +13 -0
  428. package/pipes/flag/index.d.ts +1 -0
  429. package/pipes/hide-selected/hide-selected.pipe.d.ts +2 -0
  430. package/pipes/index.d.ts +3 -1
  431. package/pipes/initials/index.d.ts +1 -0
  432. package/pipes/initials/initials.pipe.d.ts +7 -0
  433. package/pipes/sort-countries/sort-countries.pipe.d.ts +4 -3
  434. package/pipes/stringify-content/stringify-content.pipe.d.ts +2 -3
  435. package/styles/components/avatar.less +188 -0
  436. package/styles/components/badge.less +4 -3
  437. package/styles/components/block.less +4 -4
  438. package/styles/components/checkbox.less +14 -12
  439. package/styles/components/chip.less +15 -4
  440. package/styles/components/comment.less +1 -1
  441. package/styles/components/like.less +4 -9
  442. package/styles/components/message.less +1 -1
  443. package/styles/components/pin.less +6 -10
  444. package/styles/components/radio.less +1 -1
  445. package/styles/components/switch.less +12 -11
  446. package/styles/components/toast.less +44 -0
  447. package/tokens/i18n.d.ts +26 -26
  448. package/tokens/index.d.ts +0 -8
  449. package/utils/index.d.ts +0 -2
  450. package/utils/maskito.binding.d.ts +1 -1
  451. package/components/accordion/accordion-item-content.directive.d.ts +0 -6
  452. package/components/accordion/accordion-item-eager-content.directive.d.ts +0 -5
  453. package/components/accordion/accordion-item.component.d.ts +0 -25
  454. package/components/action-bar/action-bar.d.ts +0 -3
  455. package/components/action-bar/action-bar.directive.d.ts +0 -6
  456. package/components/elastic-container/elastic-container.component.d.ts +0 -8
  457. package/components/elastic-container/elastic-container.directive.d.ts +0 -7
  458. package/components/elastic-container/index.d.ts +0 -2
  459. package/components/floating-container/floating-container.directive.d.ts +0 -7
  460. package/components/floating-container/index.d.ts +0 -1
  461. package/components/input-password/index.d.ts +0 -2
  462. package/components/input-password/input-password.component.d.ts +0 -16
  463. package/components/input-password/input-password.options.d.ts +0 -24
  464. package/components/input-range/input-range.d.ts +0 -3
  465. package/components/pdf-viewer/index.d.ts +0 -4
  466. package/components/pdf-viewer/pdf-viewer.component.d.ts +0 -12
  467. package/components/pdf-viewer/pdf-viewer.directive.d.ts +0 -7
  468. package/components/pdf-viewer/pdf-viewer.options.d.ts +0 -13
  469. package/components/pdf-viewer/pdf-viewer.service.d.ts +0 -13
  470. package/components/slides/index.d.ts +0 -1
  471. package/components/slides/slides.directive.d.ts +0 -11
  472. package/components/textarea/textarea-limit.directive.d.ts +0 -27
  473. package/directives/button-close/button-close.directive.d.ts +0 -5
  474. package/directives/button-close/index.d.ts +0 -1
  475. package/directives/lazy-loading/index.d.ts +0 -2
  476. package/directives/lazy-loading/lazy-loading.directive.d.ts +0 -18
  477. package/directives/lazy-loading/lazy-loading.service.d.ts +0 -12
  478. package/fesm2022/taiga-ui-kit-components-elastic-container.mjs +0 -78
  479. package/fesm2022/taiga-ui-kit-components-elastic-container.mjs.map +0 -1
  480. package/fesm2022/taiga-ui-kit-components-floating-container.mjs +0 -43
  481. package/fesm2022/taiga-ui-kit-components-floating-container.mjs.map +0 -1
  482. package/fesm2022/taiga-ui-kit-components-input-password.mjs +0 -95
  483. package/fesm2022/taiga-ui-kit-components-input-password.mjs.map +0 -1
  484. package/fesm2022/taiga-ui-kit-components-pdf-viewer.mjs +0 -83
  485. package/fesm2022/taiga-ui-kit-components-pdf-viewer.mjs.map +0 -1
  486. package/fesm2022/taiga-ui-kit-components-preview-dialog.mjs +0 -64
  487. package/fesm2022/taiga-ui-kit-components-preview-dialog.mjs.map +0 -1
  488. package/fesm2022/taiga-ui-kit-components-slides.mjs +0 -57
  489. package/fesm2022/taiga-ui-kit-components-slides.mjs.map +0 -1
  490. package/fesm2022/taiga-ui-kit-directives-button-close.mjs +0 -39
  491. package/fesm2022/taiga-ui-kit-directives-button-close.mjs.map +0 -1
  492. package/fesm2022/taiga-ui-kit-directives-copy.mjs +0 -121
  493. package/fesm2022/taiga-ui-kit-directives-copy.mjs.map +0 -1
  494. package/fesm2022/taiga-ui-kit-directives-lazy-loading.mjs +0 -81
  495. package/fesm2022/taiga-ui-kit-directives-lazy-loading.mjs.map +0 -1
  496. package/fesm2022/taiga-ui-kit-pipes-field-error.mjs +0 -147
  497. package/fesm2022/taiga-ui-kit-pipes-field-error.mjs.map +0 -1
  498. package/pipes/field-error/field-error-content-pipe.d.ts +0 -14
  499. package/pipes/field-error/field-error-pipe.d.ts +0 -29
  500. package/pipes/field-error/index.d.ts +0 -2
  501. package/tokens/calendar-date-stream.d.ts +0 -10
  502. package/tokens/date-inputs-value-transformers.d.ts +0 -19
  503. package/tokens/input-date-options.d.ts +0 -15
  504. package/tokens/items-handlers.d.ts +0 -26
  505. package/tokens/mobile-calendar.d.ts +0 -6
  506. package/tokens/month-formatter.d.ts +0 -5
  507. package/tokens/validation-errors.d.ts +0 -5
  508. package/utils/phone.d.ts +0 -3
  509. package/utils/toggle-day.d.ts +0 -2
  510. /package/{directives → components}/copy/copy.d.ts +0 -0
  511. /package/{directives → components}/copy/index.d.ts +0 -0
@@ -1,95 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { InjectionToken, inject, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
3
- import { toSignal } from '@angular/core/rxjs-interop';
4
- import { tuiFallbackValueProvider } from '@taiga-ui/cdk/tokens';
5
- import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
6
- import { tuiProvideOptions, tuiIsString } from '@taiga-ui/cdk/utils/miscellaneous';
7
- import { TuiIcon } from '@taiga-ui/core/components/icon';
8
- import * as i1 from '@taiga-ui/core/components/textfield';
9
- import { TUI_TEXTFIELD_OPTIONS, TuiTextfieldContent, TuiWithTextfield } from '@taiga-ui/core/components/textfield';
10
- import { TuiTooltip } from '@taiga-ui/kit/directives';
11
- import { TUI_PASSWORD_TEXTS } from '@taiga-ui/kit/tokens';
12
-
13
- /**
14
- * @deprecated use {@link TuiPassword} with {@link TuiTextfield}
15
- */
16
- const TUI_INPUT_PASSWORD_DEFAULT_OPTIONS = {
17
- icons: {
18
- hide: '@tui.eye-off',
19
- show: '@tui.eye',
20
- },
21
- };
22
- /**
23
- * @deprecated use {@link TuiPassword} with {@link TuiTextfield}
24
- */
25
- const TUI_INPUT_PASSWORD_OPTIONS = new InjectionToken(ngDevMode ? 'TUI_INPUT_PASSWORD_OPTIONS' : '', {
26
- factory: () => TUI_INPUT_PASSWORD_DEFAULT_OPTIONS,
27
- });
28
- /**
29
- * @deprecated use {@link TuiPassword} with {@link TuiTextfield}
30
- */
31
- function tuiInputPasswordOptionsProvider(options) {
32
- return tuiProvideOptions(TUI_INPUT_PASSWORD_OPTIONS, options, TUI_INPUT_PASSWORD_DEFAULT_OPTIONS);
33
- }
34
-
35
- /**
36
- * @deprecated use {@link TuiPassword} with {@link TuiTextfield}
37
- */
38
- class TuiInputPassword {
39
- constructor() {
40
- this.options = inject(TUI_INPUT_PASSWORD_OPTIONS);
41
- this.texts = toSignal(inject(TUI_PASSWORD_TEXTS), {
42
- initialValue: ['', ''],
43
- });
44
- this.el = tuiInjectElement();
45
- this.size = inject(TUI_TEXTFIELD_OPTIONS).size;
46
- this.hidden = signal(true);
47
- this.text = computed(() => this.hidden() ? this.texts()[0] : this.texts()[1]);
48
- this.icon = computed((size = this.size()) => {
49
- const icon = this.hidden() ? this.options.icons.show : this.options.icons.hide;
50
- return tuiIsString(icon) ? icon : icon(size);
51
- });
52
- }
53
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiInputPassword, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
54
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TuiInputPassword, isStandalone: true, selector: "input[tuiInputPassword]", host: { attributes: { "ngSkipHydration": "true" }, properties: { "type": "hidden() ? \"password\" : \"text\"" } }, providers: [tuiFallbackValueProvider('')], hostDirectives: [{ directive: i1.TuiWithTextfield }], ngImport: i0, template: `
55
- <tui-icon
56
- *tuiTextfieldContent
57
- [icon]="icon()"
58
- [style.border]="size() === 's' ? null : 'none'"
59
- [tuiTooltip]="text()"
60
- (click)="hidden.set(!hidden())"
61
- (mousedown.capture.prevent.stop)="el.focus()"
62
- />
63
- `, isInline: true, dependencies: [{ kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }, { kind: "directive", type: TuiTextfieldContent, selector: "ng-template[tuiTextfieldContent]" }, { kind: "directive", type: TuiTooltip, selector: "tui-icon[tuiTooltip]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
64
- }
65
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiInputPassword, decorators: [{
66
- type: Component,
67
- args: [{
68
- selector: 'input[tuiInputPassword]',
69
- imports: [TuiIcon, TuiTextfieldContent, TuiTooltip],
70
- template: `
71
- <tui-icon
72
- *tuiTextfieldContent
73
- [icon]="icon()"
74
- [style.border]="size() === 's' ? null : 'none'"
75
- [tuiTooltip]="text()"
76
- (click)="hidden.set(!hidden())"
77
- (mousedown.capture.prevent.stop)="el.focus()"
78
- />
79
- `,
80
- changeDetection: ChangeDetectionStrategy.OnPush,
81
- providers: [tuiFallbackValueProvider('')],
82
- hostDirectives: [TuiWithTextfield],
83
- host: {
84
- ngSkipHydration: 'true',
85
- '[type]': 'hidden() ? "password" : "text"',
86
- },
87
- }]
88
- }] });
89
-
90
- /**
91
- * Generated bundle index. Do not edit.
92
- */
93
-
94
- export { TUI_INPUT_PASSWORD_DEFAULT_OPTIONS, TUI_INPUT_PASSWORD_OPTIONS, TuiInputPassword, tuiInputPasswordOptionsProvider };
95
- //# sourceMappingURL=taiga-ui-kit-components-input-password.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"taiga-ui-kit-components-input-password.mjs","sources":["../../../projects/kit/components/input-password/input-password.options.ts","../../../projects/kit/components/input-password/input-password.component.ts","../../../projects/kit/components/input-password/taiga-ui-kit-components-input-password.ts"],"sourcesContent":["import {InjectionToken, type Provider} from '@angular/core';\nimport {type TuiStringHandler} from '@taiga-ui/cdk/types';\nimport {tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\n\n/**\n * @deprecated use {@link TuiPassword} with {@link TuiTextfield}\n */\nexport interface TuiInputPasswordOptions {\n readonly icons: Readonly<{\n hide: TuiStringHandler<TuiSizeL | TuiSizeS> | string;\n show: TuiStringHandler<TuiSizeL | TuiSizeS> | string;\n }>;\n}\n\n/**\n * @deprecated use {@link TuiPassword} with {@link TuiTextfield}\n */\nexport const TUI_INPUT_PASSWORD_DEFAULT_OPTIONS: TuiInputPasswordOptions = {\n icons: {\n hide: '@tui.eye-off',\n show: '@tui.eye',\n },\n};\n\n/**\n * @deprecated use {@link TuiPassword} with {@link TuiTextfield}\n */\nexport const TUI_INPUT_PASSWORD_OPTIONS = new InjectionToken(\n ngDevMode ? 'TUI_INPUT_PASSWORD_OPTIONS' : '',\n {\n factory: () => TUI_INPUT_PASSWORD_DEFAULT_OPTIONS,\n },\n);\n\n/**\n * @deprecated use {@link TuiPassword} with {@link TuiTextfield}\n */\nexport function tuiInputPasswordOptionsProvider(\n options: Partial<TuiInputPasswordOptions>,\n): Provider {\n return tuiProvideOptions(\n TUI_INPUT_PASSWORD_OPTIONS,\n options,\n TUI_INPUT_PASSWORD_DEFAULT_OPTIONS,\n );\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n computed,\n inject,\n signal,\n} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {tuiFallbackValueProvider} from '@taiga-ui/cdk/tokens';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiIsString} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiIcon} from '@taiga-ui/core/components/icon';\nimport {\n TUI_TEXTFIELD_OPTIONS,\n TuiTextfieldContent,\n TuiWithTextfield,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiTooltip} from '@taiga-ui/kit/directives';\nimport {TUI_PASSWORD_TEXTS} from '@taiga-ui/kit/tokens';\n\nimport {TUI_INPUT_PASSWORD_OPTIONS} from './input-password.options';\n\n/**\n * @deprecated use {@link TuiPassword} with {@link TuiTextfield}\n */\n@Component({\n selector: 'input[tuiInputPassword]',\n imports: [TuiIcon, TuiTextfieldContent, TuiTooltip],\n template: `\n <tui-icon\n *tuiTextfieldContent\n [icon]=\"icon()\"\n [style.border]=\"size() === 's' ? null : 'none'\"\n [tuiTooltip]=\"text()\"\n (click)=\"hidden.set(!hidden())\"\n (mousedown.capture.prevent.stop)=\"el.focus()\"\n />\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [tuiFallbackValueProvider('')],\n hostDirectives: [TuiWithTextfield],\n host: {\n ngSkipHydration: 'true',\n '[type]': 'hidden() ? \"password\" : \"text\"',\n },\n})\nexport class TuiInputPassword {\n private readonly options = inject(TUI_INPUT_PASSWORD_OPTIONS);\n private readonly texts = toSignal(inject(TUI_PASSWORD_TEXTS), {\n initialValue: ['', ''] as const,\n });\n\n protected readonly el = tuiInjectElement<HTMLInputElement>();\n protected readonly size = inject(TUI_TEXTFIELD_OPTIONS).size;\n protected readonly hidden = signal(true);\n protected readonly text = computed(() =>\n this.hidden() ? this.texts()[0] : this.texts()[1],\n );\n\n protected readonly icon = computed((size = this.size()) => {\n const icon = this.hidden() ? this.options.icons.show : this.options.icons.hide;\n\n return tuiIsString(icon) ? icon : icon(size);\n });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -1,83 +0,0 @@
1
- import { AsyncPipe } from '@angular/common';
2
- import * as i0 from '@angular/core';
3
- import { inject, ChangeDetectionStrategy, Component, InjectionToken, Injectable, Directive } from '@angular/core';
4
- import * as i1 from '@taiga-ui/cdk/directives/animated';
5
- import { TuiAnimated } from '@taiga-ui/cdk/directives/animated';
6
- import { TuiButton } from '@taiga-ui/core/components/button';
7
- import { TUI_CLOSE_WORD, TUI_COMMON_ICONS } from '@taiga-ui/core/tokens';
8
- import { injectContext, PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
9
- import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
10
- import { TuiPopoverService, tuiAsPopover } from '@taiga-ui/cdk/services';
11
- import { TUI_DIALOGS } from '@taiga-ui/core/components/dialog';
12
- import { tuiProvideOptions } from '@taiga-ui/cdk/utils/miscellaneous';
13
-
14
- class TuiPdfViewerComponent {
15
- constructor() {
16
- this.closeWord$ = inject(TUI_CLOSE_WORD);
17
- this.icons = inject(TUI_COMMON_ICONS);
18
- this.context = injectContext();
19
- }
20
- onKeyDownEsc() {
21
- this.context.$implicit.complete();
22
- }
23
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPdfViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
24
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TuiPdfViewerComponent, isStandalone: true, selector: "tui-pdf-viewer", host: { listeners: { "document:keydown.esc": "onKeyDownEsc()" } }, hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0, template: "<header class=\"t-header\">\n <h2\n automation-id=\"tui-pdf-viewer__label\"\n class=\"t-title\"\n >\n {{ context.label }}\n </h2>\n <div class=\"t-actions\">\n <ng-container *polymorpheusOutlet=\"context.actions as text; context: context\">\n {{ text }}\n </ng-container>\n </div>\n <button\n appearance=\"\"\n size=\"s\"\n tuiIconButton\n type=\"button\"\n class=\"t-close\"\n [iconStart]=\"icons.close\"\n [style.border-radius.%]=\"100\"\n (click)=\"context.$implicit.complete()\"\n >\n {{ closeWord$ | async }}\n </button>\n</header>\n<section class=\"t-content\">\n <iframe\n *polymorpheusOutlet=\"context.content as content; context: context\"\n title=\"pdf\"\n class=\"t-iframe\"\n [src]=\"content\"\n ></iframe>\n</section>\n", styles: [":host{display:block;inline-size:100%;block-size:100%;box-sizing:border-box;color:#fff;background:#333639;padding-block-start:env(safe-area-inset-top);padding-block-end:env(safe-area-inset-bottom)}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}.t-header{display:flex;align-items:center;block-size:4rem;padding:0 1rem 0 1.5625rem;box-shadow:inset 0 -1px #535659}.t-title{margin:0;font:var(--tui-font-text-m);white-space:nowrap;text-overflow:ellipsis;padding-inline-end:.3125rem;overflow:hidden}.t-actions{display:flex;margin-inline-start:auto}.t-close{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-start:.75rem;color:#fff;background:#ffffff52}.t-close:hover{background:#fff6}.t-content{block-size:calc(100% - 4rem);overflow:hidden}.t-iframe{inline-size:100%;block-size:100%}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
25
- }
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPdfViewerComponent, decorators: [{
27
- type: Component,
28
- args: [{ selector: 'tui-pdf-viewer', imports: [AsyncPipe, PolymorpheusOutlet, TuiButton], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [TuiAnimated], host: {
29
- '(document:keydown.esc)': 'onKeyDownEsc()',
30
- }, template: "<header class=\"t-header\">\n <h2\n automation-id=\"tui-pdf-viewer__label\"\n class=\"t-title\"\n >\n {{ context.label }}\n </h2>\n <div class=\"t-actions\">\n <ng-container *polymorpheusOutlet=\"context.actions as text; context: context\">\n {{ text }}\n </ng-container>\n </div>\n <button\n appearance=\"\"\n size=\"s\"\n tuiIconButton\n type=\"button\"\n class=\"t-close\"\n [iconStart]=\"icons.close\"\n [style.border-radius.%]=\"100\"\n (click)=\"context.$implicit.complete()\"\n >\n {{ closeWord$ | async }}\n </button>\n</header>\n<section class=\"t-content\">\n <iframe\n *polymorpheusOutlet=\"context.content as content; context: context\"\n title=\"pdf\"\n class=\"t-iframe\"\n [src]=\"content\"\n ></iframe>\n</section>\n", styles: [":host{display:block;inline-size:100%;block-size:100%;box-sizing:border-box;color:#fff;background:#333639;padding-block-start:env(safe-area-inset-top);padding-block-end:env(safe-area-inset-bottom)}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}.t-header{display:flex;align-items:center;block-size:4rem;padding:0 1rem 0 1.5625rem;box-shadow:inset 0 -1px #535659}.t-title{margin:0;font:var(--tui-font-text-m);white-space:nowrap;text-overflow:ellipsis;padding-inline-end:.3125rem;overflow:hidden}.t-actions{display:flex;margin-inline-start:auto}.t-close{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-start:.75rem;color:#fff;background:#ffffff52}.t-close:hover{background:#fff6}.t-content{block-size:calc(100% - 4rem);overflow:hidden}.t-iframe{inline-size:100%;block-size:100%}\n"] }]
31
- }] });
32
-
33
- const TUI_PDF_VIEWER_DEFAULT_OPTIONS = {
34
- label: '',
35
- actions: '',
36
- data: undefined,
37
- };
38
- /**
39
- * Default parameters for PdfViewer component
40
- */
41
- const TUI_PDF_VIEWER_OPTIONS = new InjectionToken(ngDevMode ? 'TUI_PDF_VIEWER_OPTIONS' : '', {
42
- factory: () => TUI_PDF_VIEWER_DEFAULT_OPTIONS,
43
- });
44
- function tuiPdfViewerOptionsProvider(options) {
45
- return tuiProvideOptions(TUI_PDF_VIEWER_OPTIONS, options, TUI_PDF_VIEWER_DEFAULT_OPTIONS);
46
- }
47
-
48
- class TuiPdfViewerService extends TuiPopoverService {
49
- open(content, options = {}) {
50
- return super.open(content, options);
51
- }
52
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPdfViewerService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
53
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPdfViewerService, providedIn: 'root', useFactory: () => new TuiPdfViewerService(TUI_DIALOGS, TuiPdfViewerComponent, inject(TUI_PDF_VIEWER_OPTIONS)) }); }
54
- }
55
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPdfViewerService, decorators: [{
56
- type: Injectable,
57
- args: [{
58
- providedIn: 'root',
59
- useFactory: () => new TuiPdfViewerService(TUI_DIALOGS, TuiPdfViewerComponent, inject(TUI_PDF_VIEWER_OPTIONS)),
60
- }]
61
- }] });
62
-
63
- class TuiPdfViewerDirective extends TuiPopoverDirective {
64
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPdfViewerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
65
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiPdfViewerDirective, isStandalone: true, selector: "ng-template[tuiPdfViewer]", inputs: { options: ["tuiPdfViewerOptions", "options"], open: ["tuiPdfViewer", "open"] }, outputs: { openChange: "tuiPdfViewerChange" }, providers: [tuiAsPopover(TuiPdfViewerService)], usesInheritance: true, ngImport: i0 }); }
66
- }
67
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPdfViewerDirective, decorators: [{
68
- type: Directive,
69
- args: [{
70
- standalone: true,
71
- selector: 'ng-template[tuiPdfViewer]',
72
- inputs: ['options: tuiPdfViewerOptions', 'open: tuiPdfViewer'],
73
- outputs: ['openChange: tuiPdfViewerChange'],
74
- providers: [tuiAsPopover(TuiPdfViewerService)],
75
- }]
76
- }] });
77
-
78
- /**
79
- * Generated bundle index. Do not edit.
80
- */
81
-
82
- export { TUI_PDF_VIEWER_DEFAULT_OPTIONS, TUI_PDF_VIEWER_OPTIONS, TuiPdfViewerComponent, TuiPdfViewerDirective, TuiPdfViewerService, tuiPdfViewerOptionsProvider };
83
- //# sourceMappingURL=taiga-ui-kit-components-pdf-viewer.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"taiga-ui-kit-components-pdf-viewer.mjs","sources":["../../../projects/kit/components/pdf-viewer/pdf-viewer.component.ts","../../../projects/kit/components/pdf-viewer/pdf-viewer.template.html","../../../projects/kit/components/pdf-viewer/pdf-viewer.options.ts","../../../projects/kit/components/pdf-viewer/pdf-viewer.service.ts","../../../projects/kit/components/pdf-viewer/pdf-viewer.directive.ts","../../../projects/kit/components/pdf-viewer/taiga-ui-kit-components-pdf-viewer.ts"],"sourcesContent":["import {AsyncPipe} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, inject} from '@angular/core';\nimport {TuiAnimated} from '@taiga-ui/cdk/directives/animated';\nimport {type TuiPopover} from '@taiga-ui/cdk/services';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport {TUI_CLOSE_WORD, TUI_COMMON_ICONS} from '@taiga-ui/core/tokens';\nimport {injectContext, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {type TuiPdfViewerOptions} from './pdf-viewer.options';\n\n@Component({\n selector: 'tui-pdf-viewer',\n imports: [AsyncPipe, PolymorpheusOutlet, TuiButton],\n templateUrl: './pdf-viewer.template.html',\n styleUrls: ['./pdf-viewer.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [TuiAnimated],\n host: {\n '(document:keydown.esc)': 'onKeyDownEsc()',\n },\n})\nexport class TuiPdfViewerComponent<I, O> {\n protected readonly closeWord$ = inject(TUI_CLOSE_WORD);\n protected readonly icons = inject(TUI_COMMON_ICONS);\n protected readonly context = injectContext<TuiPopover<TuiPdfViewerOptions<I>, O>>();\n\n protected onKeyDownEsc(): void {\n this.context.$implicit.complete();\n }\n}\n","<header class=\"t-header\">\n <h2\n automation-id=\"tui-pdf-viewer__label\"\n class=\"t-title\"\n >\n {{ context.label }}\n </h2>\n <div class=\"t-actions\">\n <ng-container *polymorpheusOutlet=\"context.actions as text; context: context\">\n {{ text }}\n </ng-container>\n </div>\n <button\n appearance=\"\"\n size=\"s\"\n tuiIconButton\n type=\"button\"\n class=\"t-close\"\n [iconStart]=\"icons.close\"\n [style.border-radius.%]=\"100\"\n (click)=\"context.$implicit.complete()\"\n >\n {{ closeWord$ | async }}\n </button>\n</header>\n<section class=\"t-content\">\n <iframe\n *polymorpheusOutlet=\"context.content as content; context: context\"\n title=\"pdf\"\n class=\"t-iframe\"\n [src]=\"content\"\n ></iframe>\n</section>\n","import {InjectionToken, type Provider} from '@angular/core';\nimport {tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\nexport const TUI_PDF_VIEWER_DEFAULT_OPTIONS: TuiPdfViewerOptions = {\n label: '',\n actions: '',\n data: undefined,\n};\n\n/**\n * Default parameters for PdfViewer component\n */\nexport const TUI_PDF_VIEWER_OPTIONS = new InjectionToken(\n ngDevMode ? 'TUI_PDF_VIEWER_OPTIONS' : '',\n {\n factory: () => TUI_PDF_VIEWER_DEFAULT_OPTIONS,\n },\n);\n\nexport function tuiPdfViewerOptionsProvider(\n options: Partial<TuiPdfViewerOptions>,\n): Provider {\n return tuiProvideOptions(\n TUI_PDF_VIEWER_OPTIONS,\n options,\n TUI_PDF_VIEWER_DEFAULT_OPTIONS,\n );\n}\n\nexport interface TuiPdfViewerOptions<I = undefined> {\n readonly actions: PolymorpheusContent<TuiPdfViewerOptions<I>>;\n readonly data: I;\n readonly label: string;\n}\n","import {inject, Injectable} from '@angular/core';\nimport {type SafeResourceUrl} from '@angular/platform-browser';\nimport {type TuiPopoverContext, TuiPopoverService} from '@taiga-ui/cdk/services';\nimport {TUI_DIALOGS} from '@taiga-ui/core/components/dialog';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\nimport {type Observable} from 'rxjs';\n\nimport {TuiPdfViewerComponent} from './pdf-viewer.component';\nimport {TUI_PDF_VIEWER_OPTIONS, type TuiPdfViewerOptions} from './pdf-viewer.options';\n\ntype Content<G> = PolymorpheusContent<\n TuiPdfViewerOptions<unknown> & TuiPopoverContext<G>\n>;\n\n@Injectable({\n providedIn: 'root',\n useFactory: () =>\n new TuiPdfViewerService(\n TUI_DIALOGS,\n TuiPdfViewerComponent,\n inject(TUI_PDF_VIEWER_OPTIONS),\n ),\n})\nexport class TuiPdfViewerService extends TuiPopoverService<TuiPdfViewerOptions<unknown>> {\n public override open<G>(\n content: Content<G> | SafeResourceUrl,\n options: Partial<TuiPdfViewerOptions<any>> = {},\n ): Observable<G> {\n return super.open(content as Content<G>, options);\n }\n}\n","import {Directive} from '@angular/core';\nimport {TuiPopoverDirective} from '@taiga-ui/cdk/directives/popover';\nimport {tuiAsPopover} from '@taiga-ui/cdk/services';\n\nimport {type TuiPdfViewerOptions} from './pdf-viewer.options';\nimport {TuiPdfViewerService} from './pdf-viewer.service';\n\n@Directive({\n standalone: true,\n selector: 'ng-template[tuiPdfViewer]',\n inputs: ['options: tuiPdfViewerOptions', 'open: tuiPdfViewer'],\n outputs: ['openChange: tuiPdfViewerChange'],\n providers: [tuiAsPopover(TuiPdfViewerService)],\n})\nexport class TuiPdfViewerDirective<T> extends TuiPopoverDirective<\n TuiPdfViewerOptions<T>\n> {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -1,64 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { ChangeDetectionStrategy, ViewEncapsulation, Component, Injectable, Directive } from '@angular/core';
3
- import * as i1 from '@taiga-ui/cdk/directives/animated';
4
- import { TuiAnimated } from '@taiga-ui/cdk/directives/animated';
5
- import { injectContext, PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
6
- import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
7
- import { TuiPopoverService, tuiAsPopover } from '@taiga-ui/cdk/services';
8
- import { TUI_DIALOGS } from '@taiga-ui/core/components/dialog';
9
-
10
- class TuiPreviewDialog {
11
- constructor() {
12
- this.context = injectContext();
13
- }
14
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPreviewDialog, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
15
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TuiPreviewDialog, isStandalone: true, selector: "tui-preview-dialog", host: { listeners: { "document:keydown.esc.prevent": "context.$implicit.complete()" } }, hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0, template: `
16
- <ng-container *polymorpheusOutlet="context.content as text; context: context">
17
- {{ text }}
18
- </ng-container>
19
- `, isInline: true, styles: ["tui-preview-dialog{inline-size:100%;block-size:100%}tui-preview-dialog.tui-enter,tui-preview-dialog.tui-leave{animation-name:tuiFade,tuiSlide}[tuiAppearance][data-appearance=preview-action]{background:#686868f5;color:#fff}@media (hover: hover) and (pointer: fine){[tuiAppearance][data-appearance=preview-action]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){background:#9f9f9fdb}}@media (hover: hover) and (pointer: fine){[tuiAppearance][data-appearance=preview-action]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){background:#9f9f9fdb}}[tuiAppearance][data-appearance=preview-action][data-state=hover]{background:#9f9f9fdb}@media (hover: hover) and (pointer: fine){[tuiAppearance][data-appearance=preview-action][tuiWrapper]:hover:not(._no-hover),[tuiAppearance][data-appearance=preview-action][tuiWrapper][data-state=hover]{background:#9f9f9fdb}}[tuiAppearance][data-appearance=preview-action]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){background:#9f9f9fbf}[tuiAppearance][data-appearance=preview-action]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){background:#9f9f9fbf}[tuiAppearance][data-appearance=preview-action][data-state=active]{background:#9f9f9fbf}[tuiAppearance][data-appearance=preview-action][tuiWrapper]:active:not(._no-active),[tuiAppearance][data-appearance=preview-action][tuiWrapper][data-state=active],[tuiAppearance][data-appearance=preview-action][tuiWrapper][data-state=active]:hover{background:#9f9f9fbf}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
20
- }
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPreviewDialog, decorators: [{
22
- type: Component,
23
- args: [{ selector: 'tui-preview-dialog', imports: [PolymorpheusOutlet], template: `
24
- <ng-container *polymorpheusOutlet="context.content as text; context: context">
25
- {{ text }}
26
- </ng-container>
27
- `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [TuiAnimated], host: {
28
- '(document:keydown.esc.prevent)': 'context.$implicit.complete()',
29
- }, styles: ["tui-preview-dialog{inline-size:100%;block-size:100%}tui-preview-dialog.tui-enter,tui-preview-dialog.tui-leave{animation-name:tuiFade,tuiSlide}[tuiAppearance][data-appearance=preview-action]{background:#686868f5;color:#fff}@media (hover: hover) and (pointer: fine){[tuiAppearance][data-appearance=preview-action]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){background:#9f9f9fdb}}@media (hover: hover) and (pointer: fine){[tuiAppearance][data-appearance=preview-action]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){background:#9f9f9fdb}}[tuiAppearance][data-appearance=preview-action][data-state=hover]{background:#9f9f9fdb}@media (hover: hover) and (pointer: fine){[tuiAppearance][data-appearance=preview-action][tuiWrapper]:hover:not(._no-hover),[tuiAppearance][data-appearance=preview-action][tuiWrapper][data-state=hover]{background:#9f9f9fdb}}[tuiAppearance][data-appearance=preview-action]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){background:#9f9f9fbf}[tuiAppearance][data-appearance=preview-action]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){background:#9f9f9fbf}[tuiAppearance][data-appearance=preview-action][data-state=active]{background:#9f9f9fbf}[tuiAppearance][data-appearance=preview-action][tuiWrapper]:active:not(._no-active),[tuiAppearance][data-appearance=preview-action][tuiWrapper][data-state=active],[tuiAppearance][data-appearance=preview-action][tuiWrapper][data-state=active]:hover{background:#9f9f9fbf}\n"] }]
30
- }] });
31
-
32
- class TuiPreviewDialogService extends TuiPopoverService {
33
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPreviewDialogService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
34
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPreviewDialogService, providedIn: 'root', useFactory: () => new TuiPreviewDialogService(TUI_DIALOGS, TuiPreviewDialog) }); }
35
- }
36
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPreviewDialogService, decorators: [{
37
- type: Injectable,
38
- args: [{
39
- providedIn: 'root',
40
- useFactory: () => new TuiPreviewDialogService(TUI_DIALOGS, TuiPreviewDialog),
41
- }]
42
- }] });
43
-
44
- class TuiPreviewDialogDirective extends TuiPopoverDirective {
45
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPreviewDialogDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
46
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiPreviewDialogDirective, isStandalone: true, selector: "ng-template[tuiPreviewDialog]", inputs: { open: ["tuiPreviewDialog", "open"] }, outputs: { openChange: "tuiPreviewDialogChange" }, providers: [tuiAsPopover(TuiPreviewDialogService)], usesInheritance: true, ngImport: i0 }); }
47
- }
48
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPreviewDialogDirective, decorators: [{
49
- type: Directive,
50
- args: [{
51
- standalone: true,
52
- selector: 'ng-template[tuiPreviewDialog]',
53
- inputs: ['open: tuiPreviewDialog'],
54
- outputs: ['openChange: tuiPreviewDialogChange'],
55
- providers: [tuiAsPopover(TuiPreviewDialogService)],
56
- }]
57
- }] });
58
-
59
- /**
60
- * Generated bundle index. Do not edit.
61
- */
62
-
63
- export { TuiPreviewDialog, TuiPreviewDialogDirective, TuiPreviewDialogService };
64
- //# sourceMappingURL=taiga-ui-kit-components-preview-dialog.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"taiga-ui-kit-components-preview-dialog.mjs","sources":["../../../projects/kit/components/preview/dialog/preview-dialog.component.ts","../../../projects/kit/components/preview/dialog/preview-dialog.service.ts","../../../projects/kit/components/preview/dialog/preview-dialog.directive.ts","../../../projects/kit/components/preview/dialog/taiga-ui-kit-components-preview-dialog.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\nimport {TuiAnimated} from '@taiga-ui/cdk/directives/animated';\nimport {type TuiPopover} from '@taiga-ui/cdk/services';\nimport {injectContext, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\n@Component({\n selector: 'tui-preview-dialog',\n imports: [PolymorpheusOutlet],\n template: `\n <ng-container *polymorpheusOutlet=\"context.content as text; context: context\">\n {{ text }}\n </ng-container>\n `,\n styleUrls: ['./preview-dialog.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [TuiAnimated],\n host: {\n '(document:keydown.esc.prevent)': 'context.$implicit.complete()',\n },\n})\nexport class TuiPreviewDialog {\n protected readonly context = injectContext<TuiPopover<void, void>>();\n}\n","import {Injectable} from '@angular/core';\nimport {TuiPopoverService} from '@taiga-ui/cdk/services';\nimport {TUI_DIALOGS} from '@taiga-ui/core/components/dialog';\n\nimport {TuiPreviewDialog} from './preview-dialog.component';\n\n@Injectable({\n providedIn: 'root',\n useFactory: () => new TuiPreviewDialogService(TUI_DIALOGS, TuiPreviewDialog),\n})\nexport class TuiPreviewDialogService extends TuiPopoverService<unknown> {}\n","import {Directive} from '@angular/core';\nimport {TuiPopoverDirective} from '@taiga-ui/cdk/directives/popover';\nimport {tuiAsPopover} from '@taiga-ui/cdk/services';\n\nimport {TuiPreviewDialogService} from './preview-dialog.service';\n\n@Directive({\n standalone: true,\n selector: 'ng-template[tuiPreviewDialog]',\n inputs: ['open: tuiPreviewDialog'],\n outputs: ['openChange: tuiPreviewDialogChange'],\n providers: [tuiAsPopover(TuiPreviewDialogService)],\n})\nexport class TuiPreviewDialogDirective extends TuiPopoverDirective<unknown> {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -1,57 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { ChangeDetectionStrategy, ViewEncapsulation, Component, Input, Directive } from '@angular/core';
3
- import * as i1 from '@taiga-ui/cdk/directives/animated';
4
- import { TuiAnimatedParent } from '@taiga-ui/cdk/directives/animated';
5
- import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
6
- import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
7
-
8
- class TuiSlidesStyles {
9
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiSlidesStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
10
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TuiSlidesStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-slides" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiSlides]{display:grid;isolation:isolate}[tuiSlides][data-direction=\"-1\"]>*{--tui-from: translateX(-2rem)}[tuiSlides][data-direction=\"-1\"]>*.tui-leave{--tui-from: translateX(1rem)}[tuiSlides][data-direction=\"1\"]>*{--tui-from: translateX(2rem)}[tuiSlides][data-direction=\"1\"]>*.tui-leave{--tui-from: translateX(-1rem)}[tuiSlides]>*{grid-area:1 / 1;align-self:start;mix-blend-mode:plus-lighter;animation-name:tuiFade,tuiSlide;animation-duration:var(--tui-duration);animation-timing-function:ease-in-out;--tui-from: translateY(0)}[tuiSlides]>*.tui-slide:not(.tui-leave){animation-name:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
11
- }
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiSlidesStyles, decorators: [{
13
- type: Component,
14
- args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
15
- class: 'tui-slides',
16
- }, styles: ["[tuiSlides]{display:grid;isolation:isolate}[tuiSlides][data-direction=\"-1\"]>*{--tui-from: translateX(-2rem)}[tuiSlides][data-direction=\"-1\"]>*.tui-leave{--tui-from: translateX(1rem)}[tuiSlides][data-direction=\"1\"]>*{--tui-from: translateX(2rem)}[tuiSlides][data-direction=\"1\"]>*.tui-leave{--tui-from: translateX(-1rem)}[tuiSlides]>*{grid-area:1 / 1;align-self:start;mix-blend-mode:plus-lighter;animation-name:tuiFade,tuiSlide;animation-duration:var(--tui-duration);animation-timing-function:ease-in-out;--tui-from: translateY(0)}[tuiSlides]>*.tui-slide:not(.tui-leave){animation-name:none}\n"] }]
17
- }] });
18
- class TuiSlides {
19
- constructor() {
20
- this.el = tuiInjectElement();
21
- this.nothing = tuiWithStyles(TuiSlidesStyles);
22
- this.direction = '';
23
- }
24
- get sign() {
25
- return Math.sign(this.direction || 0);
26
- }
27
- onAnimation(target) {
28
- Array.from(this.el.children)
29
- .find((element) => element === target)
30
- ?.classList.add('tui-slide');
31
- }
32
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiSlides, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
33
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiSlides, isStandalone: true, selector: "[tuiSlides]", inputs: { direction: ["tuiSlides", "direction"] }, host: { attributes: { "tuiSlides": "" }, listeners: { "animationend": "onAnimation($event.target)" }, properties: { "attr.data-direction": "sign" } }, hostDirectives: [{ directive: i1.TuiAnimatedParent }], ngImport: i0 }); }
34
- }
35
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiSlides, decorators: [{
36
- type: Directive,
37
- args: [{
38
- standalone: true,
39
- selector: '[tuiSlides]',
40
- hostDirectives: [TuiAnimatedParent],
41
- host: {
42
- tuiSlides: '',
43
- '[attr.data-direction]': 'sign',
44
- '(animationend)': 'onAnimation($event.target)',
45
- },
46
- }]
47
- }], propDecorators: { direction: [{
48
- type: Input,
49
- args: ['tuiSlides']
50
- }] } });
51
-
52
- /**
53
- * Generated bundle index. Do not edit.
54
- */
55
-
56
- export { TuiSlides };
57
- //# sourceMappingURL=taiga-ui-kit-components-slides.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"taiga-ui-kit-components-slides.mjs","sources":["../../../projects/kit/components/slides/slides.directive.ts","../../../projects/kit/components/slides/taiga-ui-kit-components-slides.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n Directive,\n Input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TuiAnimatedParent} from '@taiga-ui/cdk/directives/animated';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\n\n@Component({\n standalone: true,\n template: '',\n styleUrls: ['./slides.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-slides',\n },\n})\nclass TuiSlidesStyles {}\n\n@Directive({\n standalone: true,\n selector: '[tuiSlides]',\n hostDirectives: [TuiAnimatedParent],\n host: {\n tuiSlides: '',\n '[attr.data-direction]': 'sign',\n '(animationend)': 'onAnimation($event.target)',\n },\n})\nexport class TuiSlides {\n private readonly el = tuiInjectElement();\n\n protected readonly nothing = tuiWithStyles(TuiSlidesStyles);\n\n @Input('tuiSlides')\n public direction: number | '' = '';\n\n protected get sign(): number {\n return Math.sign(this.direction || 0);\n }\n\n protected onAnimation(target: Element): void {\n Array.from(this.el.children)\n .find((element) => element === target)\n ?.classList.add('tui-slide');\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAWA,MAUM,eAAe,CAAA;+GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,gHARP,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,ylBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAQV,eAAe,EAAA,UAAA,EAAA,CAAA;kBAVpB,SAAS;iCACM,IAAI,EAAA,QAAA,EACN,EAAE,EAAA,aAAA,EAEG,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA;AACF,wBAAA,KAAK,EAAE,YAAY;AACtB,qBAAA,EAAA,MAAA,EAAA,CAAA,ylBAAA,CAAA,EAAA;;MAcQ,SAAS,CAAA;AAVtB,IAAA,WAAA,GAAA;QAWqB,IAAE,CAAA,EAAA,GAAG,gBAAgB,EAAE;AAErB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,eAAe,CAAC;QAGpD,IAAS,CAAA,SAAA,GAAgB,EAAE;AAWrC;AATG,IAAA,IAAc,IAAI,GAAA;QACd,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC;;AAG/B,IAAA,WAAW,CAAC,MAAe,EAAA;QACjC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ;aACtB,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,KAAK,MAAM;AACrC,cAAE,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC;;+GAf3B,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,cAAA,EAAA,4BAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAT,SAAS,EAAA,UAAA,EAAA,CAAA;kBAVrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,aAAa;oBACvB,cAAc,EAAE,CAAC,iBAAiB,CAAC;AACnC,oBAAA,IAAI,EAAE;AACF,wBAAA,SAAS,EAAE,EAAE;AACb,wBAAA,uBAAuB,EAAE,MAAM;AAC/B,wBAAA,gBAAgB,EAAE,4BAA4B;AACjD,qBAAA;AACJ,iBAAA;8BAOU,SAAS,EAAA,CAAA;sBADf,KAAK;uBAAC,WAAW;;;ACtCtB;;AAEG;;;;"}
@@ -1,39 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { inject, Directive } from '@angular/core';
3
- import { tuiButtonOptionsProvider } from '@taiga-ui/core/components/button';
4
- import { TUI_ICON_START, TUI_COMMON_ICONS } from '@taiga-ui/core/tokens';
5
-
6
- class TuiButtonClose {
7
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiButtonClose, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
8
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiButtonClose, isStandalone: true, selector: "[tuiIconButton][tuiButtonClose]", host: { properties: { "style.--t-radius.%": "100" } }, providers: [
9
- tuiButtonOptionsProvider({ appearance: 'neutral', size: 's' }),
10
- {
11
- provide: TUI_ICON_START,
12
- useFactory: () => inject(TUI_COMMON_ICONS).close,
13
- },
14
- ], ngImport: i0 }); }
15
- }
16
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiButtonClose, decorators: [{
17
- type: Directive,
18
- args: [{
19
- standalone: true,
20
- selector: '[tuiIconButton][tuiButtonClose]',
21
- providers: [
22
- tuiButtonOptionsProvider({ appearance: 'neutral', size: 's' }),
23
- {
24
- provide: TUI_ICON_START,
25
- useFactory: () => inject(TUI_COMMON_ICONS).close,
26
- },
27
- ],
28
- host: {
29
- '[style.--t-radius.%]': '100',
30
- },
31
- }]
32
- }] });
33
-
34
- /**
35
- * Generated bundle index. Do not edit.
36
- */
37
-
38
- export { TuiButtonClose };
39
- //# sourceMappingURL=taiga-ui-kit-directives-button-close.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"taiga-ui-kit-directives-button-close.mjs","sources":["../../../projects/kit/directives/button-close/button-close.directive.ts","../../../projects/kit/directives/button-close/taiga-ui-kit-directives-button-close.ts"],"sourcesContent":["import {Directive, inject} from '@angular/core';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {TUI_COMMON_ICONS, TUI_ICON_START} from '@taiga-ui/core/tokens';\n\n@Directive({\n standalone: true,\n selector: '[tuiIconButton][tuiButtonClose]',\n providers: [\n tuiButtonOptionsProvider({appearance: 'neutral', size: 's'}),\n {\n provide: TUI_ICON_START,\n useFactory: () => inject(TUI_COMMON_ICONS).close,\n },\n ],\n host: {\n '[style.--t-radius.%]': '100',\n },\n})\nexport class TuiButtonClose {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAkBa,cAAc,CAAA;+GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,EAXZ,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iCAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,KAAA,EAAA,EAAA,EAAA,SAAA,EAAA;YACP,wBAAwB,CAAC,EAAC,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAC,CAAC;AAC5D,YAAA;AACI,gBAAA,OAAO,EAAE,cAAc;gBACvB,UAAU,EAAE,MAAM,MAAM,CAAC,gBAAgB,CAAC,CAAC,KAAK;AACnD,aAAA;AACJ,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAKQ,cAAc,EAAA,UAAA,EAAA,CAAA;kBAd1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,iCAAiC;AAC3C,oBAAA,SAAS,EAAE;wBACP,wBAAwB,CAAC,EAAC,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAC,CAAC;AAC5D,wBAAA;AACI,4BAAA,OAAO,EAAE,cAAc;4BACvB,UAAU,EAAE,MAAM,MAAM,CAAC,gBAAgB,CAAC,CAAC,KAAK;AACnD,yBAAA;AACJ,qBAAA;AACD,oBAAA,IAAI,EAAE;AACF,wBAAA,sBAAsB,EAAE,KAAK;AAChC,qBAAA;AACJ,iBAAA;;;ACjBD;;AAEG;;;;"}
@@ -1,121 +0,0 @@
1
- import * as i1 from '@angular/cdk/clipboard';
2
- import { ClipboardModule } from '@angular/cdk/clipboard';
3
- import * as i0 from '@angular/core';
4
- import { inject, Input, ChangeDetectionStrategy, Component, computed, Directive } from '@angular/core';
5
- import { toSignal } from '@angular/core/rxjs-interop';
6
- import { TUI_FALSE_HANDLER } from '@taiga-ui/cdk/constants';
7
- import { tuiIsString, tuiDirectiveBinding } from '@taiga-ui/cdk/utils/miscellaneous';
8
- import { TuiButton } from '@taiga-ui/core/components/button';
9
- import { TuiIcon } from '@taiga-ui/core/components/icon';
10
- import { TUI_NOTIFICATION_OPTIONS } from '@taiga-ui/core/components/notification';
11
- import * as i2 from '@taiga-ui/core/directives/hint';
12
- import { TuiHint, TuiHintDirective } from '@taiga-ui/core/directives/hint';
13
- import { TUI_COPY_TEXTS } from '@taiga-ui/kit/tokens';
14
- import { BehaviorSubject, switchMap, timer, map, startWith, Subject } from 'rxjs';
15
- import { tuiCreateOptions } from '@taiga-ui/cdk/utils/di';
16
- import { DOCUMENT } from '@angular/common';
17
- import { TuiTextfieldComponent } from '@taiga-ui/core/components/textfield';
18
- import * as i1$1 from '@taiga-ui/core/directives/appearance';
19
- import { TUI_APPEARANCE_OPTIONS, TuiWithAppearance } from '@taiga-ui/core/directives/appearance';
20
- import { TuiIcons } from '@taiga-ui/core/directives/icons';
21
-
22
- const [TUI_COPY_OPTIONS, tuiCopyOptionsProvider] = tuiCreateOptions({ icon: '@tui.copy' });
23
-
24
- class TuiCopyComponent {
25
- constructor() {
26
- this.notification = inject(TUI_NOTIFICATION_OPTIONS);
27
- this.options = inject(TUI_COPY_OPTIONS);
28
- this.copied$ = new BehaviorSubject(false);
29
- this.texts = toSignal(inject(TUI_COPY_TEXTS));
30
- this.hint = toSignal(this.copied$.pipe(switchMap((copied) => timer(2000).pipe(map(TUI_FALSE_HANDLER), startWith(copied)))));
31
- this.size = 'm';
32
- }
33
- get icon() {
34
- return tuiIsString(this.options.icon)
35
- ? this.options.icon
36
- : this.options.icon(this.size);
37
- }
38
- get check() {
39
- return tuiIsString(this.notification.icon)
40
- ? this.notification.icon
41
- : this.notification.icon('positive');
42
- }
43
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiCopyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
44
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TuiCopyComponent, isStandalone: true, selector: "tui-copy", inputs: { size: "size" }, host: { listeners: { "pointerdown": "copied$.next(false)" }, properties: { "attr.data-size": "size" } }, ngImport: i0, template: "<span\n #content\n tuiHintAppearance=\"dark\"\n tuiHintDirection=\"top\"\n class=\"t-content\"\n [cdkCopyToClipboard]=\"content.textContent ?? ''\"\n [tuiHint]=\"template\"\n [tuiHintManual]=\"!!hint()\"\n (cdkCopyToClipboardCopied)=\"copied$.next($event)\"\n>\n <ng-content />\n</span>\n<button\n appearance=\"icon\"\n size=\"xs\"\n tuiIconButton\n type=\"button\"\n class=\"t-button\"\n [attr.aria-label]=\"texts()?.[0]\"\n [cdkCopyToClipboard]=\"content.textContent ?? ''\"\n [iconStart]=\"icon\"\n (cdkCopyToClipboardCopied)=\"copied$.next($event)\"\n></button>\n<ng-template #template>\n <tui-icon\n class=\"t-icon\"\n [icon]=\"check\"\n />\n {{ texts()?.[1] }}\n</ng-template>\n", styles: [":host{cursor:pointer}:host[data-size=m]{--t-size: min( calc(1em + 1px) , 1rem)}:host[data-size=l]{--t-size: max(calc(1em / 1.57), min(max(calc(1em / 1.18), 1.25rem), 1.5rem))}@media (hover: hover) and (pointer: fine){:host:hover .t-content{opacity:var(--tui-disabled-opacity);-webkit-mask-position:0;mask-position:0}:host:hover .t-button{opacity:1}}:host:has(.t-button:focus-visible) .t-content{opacity:var(--tui-disabled-opacity);-webkit-mask-position:0;mask-position:0}.t-content{transition-property:opacity,mask;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;mask:linear-gradient(to var(--tui-inline-start),transparent calc(1.25 * var(--t-size)),black calc(2 * var(--t-size))) no-repeat,linear-gradient(to var(--tui-inline-end),black,black calc(2 * var(--t-size)),transparent calc(2 * var(--t-size))) no-repeat;-webkit-mask-position:calc(var(--tui-inline) * 2 * var(--t-size)),0;mask-position:calc(var(--tui-inline) * 2 * var(--t-size)),0}.t-button{opacity:0;border-radius:0;font-size:inherit!important;margin-inline-start:calc(-1 * var(--t-size));--t-size: inherit}.t-button:before{font-size:var(--t-size)}.t-button:focus-visible{opacity:1}.t-icon{font-size:1rem;margin-inline-end:.25rem;vertical-align:sub;color:var(--tui-text-positive)}\n"], dependencies: [{ kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i1.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i2.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"], outputs: ["tuiHintVisible"] }, { kind: "directive", type: i2.TuiHintManual, selector: "[tuiHint][tuiHintManual]", inputs: ["tuiHintManual"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
45
- }
46
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiCopyComponent, decorators: [{
47
- type: Component,
48
- args: [{ selector: 'tui-copy', imports: [ClipboardModule, TuiButton, TuiHint, TuiIcon], changeDetection: ChangeDetectionStrategy.OnPush, host: {
49
- '[attr.data-size]': 'size',
50
- '(pointerdown)': 'copied$.next(false)',
51
- }, template: "<span\n #content\n tuiHintAppearance=\"dark\"\n tuiHintDirection=\"top\"\n class=\"t-content\"\n [cdkCopyToClipboard]=\"content.textContent ?? ''\"\n [tuiHint]=\"template\"\n [tuiHintManual]=\"!!hint()\"\n (cdkCopyToClipboardCopied)=\"copied$.next($event)\"\n>\n <ng-content />\n</span>\n<button\n appearance=\"icon\"\n size=\"xs\"\n tuiIconButton\n type=\"button\"\n class=\"t-button\"\n [attr.aria-label]=\"texts()?.[0]\"\n [cdkCopyToClipboard]=\"content.textContent ?? ''\"\n [iconStart]=\"icon\"\n (cdkCopyToClipboardCopied)=\"copied$.next($event)\"\n></button>\n<ng-template #template>\n <tui-icon\n class=\"t-icon\"\n [icon]=\"check\"\n />\n {{ texts()?.[1] }}\n</ng-template>\n", styles: [":host{cursor:pointer}:host[data-size=m]{--t-size: min( calc(1em + 1px) , 1rem)}:host[data-size=l]{--t-size: max(calc(1em / 1.57), min(max(calc(1em / 1.18), 1.25rem), 1.5rem))}@media (hover: hover) and (pointer: fine){:host:hover .t-content{opacity:var(--tui-disabled-opacity);-webkit-mask-position:0;mask-position:0}:host:hover .t-button{opacity:1}}:host:has(.t-button:focus-visible) .t-content{opacity:var(--tui-disabled-opacity);-webkit-mask-position:0;mask-position:0}.t-content{transition-property:opacity,mask;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;mask:linear-gradient(to var(--tui-inline-start),transparent calc(1.25 * var(--t-size)),black calc(2 * var(--t-size))) no-repeat,linear-gradient(to var(--tui-inline-end),black,black calc(2 * var(--t-size)),transparent calc(2 * var(--t-size))) no-repeat;-webkit-mask-position:calc(var(--tui-inline) * 2 * var(--t-size)),0;mask-position:calc(var(--tui-inline) * 2 * var(--t-size)),0}.t-button{opacity:0;border-radius:0;font-size:inherit!important;margin-inline-start:calc(-1 * var(--t-size));--t-size: inherit}.t-button:before{font-size:var(--t-size)}.t-button:focus-visible{opacity:1}.t-icon{font-size:1rem;margin-inline-end:.25rem;vertical-align:sub;color:var(--tui-text-positive)}\n"] }]
52
- }], propDecorators: { size: [{
53
- type: Input
54
- }] } });
55
-
56
- class TuiCopyDirective {
57
- constructor() {
58
- this.options = inject(TUI_COPY_OPTIONS);
59
- this.copied$ = new Subject();
60
- this.doc = inject(DOCUMENT);
61
- this.textfield = inject(TuiTextfieldComponent);
62
- this.hint = tuiDirectiveBinding(TuiHintDirective, 'tuiHint', toSignal(inject(TUI_COPY_TEXTS).pipe(switchMap(([copy, copied]) => this.copied$.pipe(switchMap(() => timer(3000).pipe(map(() => copy), startWith(copied))), startWith(copy)))), { initialValue: '' }));
63
- this.icons = tuiDirectiveBinding(TuiIcons, 'iconStart', computed((size = this.textfield.options.size()) => tuiIsString(this.options.icon) ? this.options.icon : this.options.icon(size)));
64
- this.tuiCopy = '';
65
- }
66
- get disabled() {
67
- return !this.textfield.input?.nativeElement.value;
68
- }
69
- copy() {
70
- this.textfield.input?.nativeElement.select();
71
- this.doc.execCommand('copy');
72
- this.copied$.next();
73
- }
74
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiCopyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
75
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiCopyDirective, isStandalone: true, selector: "tui-icon[tuiCopy]", inputs: { tuiCopy: "tuiCopy" }, host: { listeners: { "click": "copy()" }, properties: { "style.pointer-events": "disabled ? \"none\" : null", "style.opacity": "disabled ? \"var(--tui-disabled-opacity)\" : null", "style.border-width.rem": "textfield.options.size() === \"l\" ? null : 0.25" }, styleAttribute: "cursor: pointer" }, providers: [
76
- {
77
- provide: TUI_APPEARANCE_OPTIONS,
78
- useValue: { appearance: 'icon' },
79
- },
80
- ], hostDirectives: [{ directive: i1$1.TuiWithAppearance }, { directive: i2.TuiHintDirective, inputs: ["tuiHintAppearance", "tuiHintAppearance", "tuiHintContext", "tuiHintContext"] }], ngImport: i0 }); }
81
- }
82
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiCopyDirective, decorators: [{
83
- type: Directive,
84
- args: [{
85
- standalone: true,
86
- selector: 'tui-icon[tuiCopy]',
87
- providers: [
88
- {
89
- provide: TUI_APPEARANCE_OPTIONS,
90
- useValue: { appearance: 'icon' },
91
- },
92
- ],
93
- hostDirectives: [
94
- TuiWithAppearance,
95
- {
96
- directive: TuiHintDirective,
97
- inputs: ['tuiHintAppearance', 'tuiHintContext'],
98
- },
99
- ],
100
- host: {
101
- style: 'cursor: pointer',
102
- '(click)': 'copy()',
103
- '[style.pointer-events]': 'disabled ? "none" : null',
104
- '[style.opacity]': 'disabled ? "var(--tui-disabled-opacity)" : null',
105
- '[style.border-width.rem]': 'textfield.options.size() === "l" ? null : 0.25',
106
- },
107
- }]
108
- }], propDecorators: { tuiCopy: [{
109
- type: Input
110
- }] } });
111
-
112
- const TuiCopy = [TuiCopyComponent, TuiCopyDirective];
113
-
114
- // TODO: Move to components in v5
115
-
116
- /**
117
- * Generated bundle index. Do not edit.
118
- */
119
-
120
- export { TUI_COPY_OPTIONS, TuiCopy, TuiCopyComponent, TuiCopyDirective, tuiCopyOptionsProvider };
121
- //# sourceMappingURL=taiga-ui-kit-directives-copy.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"taiga-ui-kit-directives-copy.mjs","sources":["../../../projects/kit/directives/copy/copy.options.ts","../../../projects/kit/directives/copy/copy.component.ts","../../../projects/kit/directives/copy/copy.template.html","../../../projects/kit/directives/copy/copy.directive.ts","../../../projects/kit/directives/copy/copy.ts","../../../projects/kit/directives/copy/index.ts","../../../projects/kit/directives/copy/taiga-ui-kit-directives-copy.ts"],"sourcesContent":["import {type TuiStringHandler} from '@taiga-ui/cdk/types';\nimport {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\n\nexport interface TuiCopyOptions {\n readonly icon: TuiStringHandler<TuiSizeL | TuiSizeS> | string;\n}\n\nexport const [TUI_COPY_OPTIONS, tuiCopyOptionsProvider] =\n tuiCreateOptions<TuiCopyOptions>({icon: '@tui.copy'});\n","import {ClipboardModule} from '@angular/cdk/clipboard';\nimport {ChangeDetectionStrategy, Component, inject, Input} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {TUI_FALSE_HANDLER} from '@taiga-ui/cdk/constants';\nimport {tuiIsString} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport {TuiIcon} from '@taiga-ui/core/components/icon';\nimport {TUI_NOTIFICATION_OPTIONS} from '@taiga-ui/core/components/notification';\nimport {TuiHint} from '@taiga-ui/core/directives/hint';\nimport {type TuiSizeL} from '@taiga-ui/core/types';\nimport {TUI_COPY_TEXTS} from '@taiga-ui/kit/tokens';\nimport {BehaviorSubject, map, startWith, switchMap, timer} from 'rxjs';\n\nimport {TUI_COPY_OPTIONS} from './copy.options';\n\n@Component({\n selector: 'tui-copy',\n imports: [ClipboardModule, TuiButton, TuiHint, TuiIcon],\n templateUrl: './copy.template.html',\n styleUrls: ['./copy.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[attr.data-size]': 'size',\n '(pointerdown)': 'copied$.next(false)',\n },\n})\nexport class TuiCopyComponent {\n protected readonly notification = inject(TUI_NOTIFICATION_OPTIONS);\n protected readonly options = inject(TUI_COPY_OPTIONS);\n protected readonly copied$ = new BehaviorSubject<boolean>(false);\n protected readonly texts = toSignal(inject(TUI_COPY_TEXTS));\n protected readonly hint = toSignal(\n this.copied$.pipe(\n switchMap((copied) =>\n timer(2000).pipe(map(TUI_FALSE_HANDLER), startWith(copied)),\n ),\n ),\n );\n\n @Input()\n public size: TuiSizeL = 'm';\n\n protected get icon(): string {\n return tuiIsString(this.options.icon)\n ? this.options.icon\n : this.options.icon(this.size);\n }\n\n protected get check(): string {\n return tuiIsString(this.notification.icon)\n ? this.notification.icon\n : this.notification.icon('positive');\n }\n}\n","<span\n #content\n tuiHintAppearance=\"dark\"\n tuiHintDirection=\"top\"\n class=\"t-content\"\n [cdkCopyToClipboard]=\"content.textContent ?? ''\"\n [tuiHint]=\"template\"\n [tuiHintManual]=\"!!hint()\"\n (cdkCopyToClipboardCopied)=\"copied$.next($event)\"\n>\n <ng-content />\n</span>\n<button\n appearance=\"icon\"\n size=\"xs\"\n tuiIconButton\n type=\"button\"\n class=\"t-button\"\n [attr.aria-label]=\"texts()?.[0]\"\n [cdkCopyToClipboard]=\"content.textContent ?? ''\"\n [iconStart]=\"icon\"\n (cdkCopyToClipboardCopied)=\"copied$.next($event)\"\n></button>\n<ng-template #template>\n <tui-icon\n class=\"t-icon\"\n [icon]=\"check\"\n />\n {{ texts()?.[1] }}\n</ng-template>\n","import {DOCUMENT} from '@angular/common';\nimport {computed, Directive, inject, Input} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {tuiDirectiveBinding, tuiIsString} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\nimport {\n TUI_APPEARANCE_OPTIONS,\n TuiWithAppearance,\n} from '@taiga-ui/core/directives/appearance';\nimport {TuiHintDirective} from '@taiga-ui/core/directives/hint';\nimport {TuiIcons} from '@taiga-ui/core/directives/icons';\nimport {TUI_COPY_TEXTS} from '@taiga-ui/kit/tokens';\nimport {map, startWith, Subject, switchMap, timer} from 'rxjs';\n\nimport {TUI_COPY_OPTIONS} from './copy.options';\n\n@Directive({\n standalone: true,\n selector: 'tui-icon[tuiCopy]',\n providers: [\n {\n provide: TUI_APPEARANCE_OPTIONS,\n useValue: {appearance: 'icon'},\n },\n ],\n hostDirectives: [\n TuiWithAppearance,\n {\n directive: TuiHintDirective,\n inputs: ['tuiHintAppearance', 'tuiHintContext'],\n },\n ],\n host: {\n style: 'cursor: pointer',\n '(click)': 'copy()',\n '[style.pointer-events]': 'disabled ? \"none\" : null',\n '[style.opacity]': 'disabled ? \"var(--tui-disabled-opacity)\" : null',\n '[style.border-width.rem]': 'textfield.options.size() === \"l\" ? null : 0.25',\n },\n})\nexport class TuiCopyDirective {\n private readonly options = inject(TUI_COPY_OPTIONS);\n private readonly copied$ = new Subject<void>();\n private readonly doc = inject(DOCUMENT);\n\n protected readonly textfield = inject(TuiTextfieldComponent);\n protected readonly hint = tuiDirectiveBinding(\n TuiHintDirective,\n 'tuiHint',\n toSignal(\n inject(TUI_COPY_TEXTS).pipe(\n switchMap(([copy, copied]) =>\n this.copied$.pipe(\n switchMap(() =>\n timer(3000).pipe(\n map(() => copy),\n startWith(copied),\n ),\n ),\n startWith(copy),\n ),\n ),\n ),\n {initialValue: ''},\n ),\n );\n\n protected readonly icons = tuiDirectiveBinding(\n TuiIcons,\n 'iconStart',\n computed((size = this.textfield.options.size()) =>\n tuiIsString(this.options.icon) ? this.options.icon : this.options.icon(size),\n ),\n );\n\n @Input()\n public tuiCopy = '';\n\n protected get disabled(): boolean {\n return !this.textfield.input?.nativeElement.value;\n }\n\n protected copy(): void {\n this.textfield.input?.nativeElement.select();\n this.doc.execCommand('copy');\n this.copied$.next();\n }\n}\n","import {TuiCopyComponent} from './copy.component';\nimport {TuiCopyDirective} from './copy.directive';\n\nexport const TuiCopy = [TuiCopyComponent, TuiCopyDirective] as const;\n","// TODO: Move to components in v5\nexport * from './copy';\nexport * from './copy.component';\nexport * from './copy.directive';\nexport * from './copy.options';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}