@taiga-ui/kit 2.33.0 → 2.34.0

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 (469) hide show
  1. package/abstract/taiga-ui-kit-abstract.metadata.json +1 -1
  2. package/bundles/taiga-ui-kit-abstract.umd.js +2 -2
  3. package/bundles/taiga-ui-kit-abstract.umd.js.map +1 -1
  4. package/bundles/taiga-ui-kit-abstract.umd.min.js +1 -1
  5. package/bundles/taiga-ui-kit-abstract.umd.min.js.map +1 -1
  6. package/bundles/taiga-ui-kit-components-accordion.umd.js +2 -2
  7. package/bundles/taiga-ui-kit-components-accordion.umd.js.map +1 -1
  8. package/bundles/taiga-ui-kit-components-accordion.umd.min.js +1 -1
  9. package/bundles/taiga-ui-kit-components-accordion.umd.min.js.map +1 -1
  10. package/bundles/taiga-ui-kit-components-arrow.umd.js +14 -1
  11. package/bundles/taiga-ui-kit-components-arrow.umd.js.map +1 -1
  12. package/bundles/taiga-ui-kit-components-arrow.umd.min.js +1 -1
  13. package/bundles/taiga-ui-kit-components-arrow.umd.min.js.map +1 -1
  14. package/bundles/taiga-ui-kit-components-avatar.umd.js +2 -2
  15. package/bundles/taiga-ui-kit-components-avatar.umd.js.map +1 -1
  16. package/bundles/taiga-ui-kit-components-avatar.umd.min.js +2 -2
  17. package/bundles/taiga-ui-kit-components-avatar.umd.min.js.map +1 -1
  18. package/bundles/taiga-ui-kit-components-badge.umd.js +2 -2
  19. package/bundles/taiga-ui-kit-components-badge.umd.js.map +1 -1
  20. package/bundles/taiga-ui-kit-components-badge.umd.min.js +1 -1
  21. package/bundles/taiga-ui-kit-components-badge.umd.min.js.map +1 -1
  22. package/bundles/taiga-ui-kit-components-badged-content.umd.js +2 -2
  23. package/bundles/taiga-ui-kit-components-badged-content.umd.js.map +1 -1
  24. package/bundles/taiga-ui-kit-components-badged-content.umd.min.js +2 -2
  25. package/bundles/taiga-ui-kit-components-badged-content.umd.min.js.map +1 -1
  26. package/bundles/taiga-ui-kit-components-breadcrumbs.umd.js +2 -2
  27. package/bundles/taiga-ui-kit-components-breadcrumbs.umd.js.map +1 -1
  28. package/bundles/taiga-ui-kit-components-breadcrumbs.umd.min.js +1 -1
  29. package/bundles/taiga-ui-kit-components-breadcrumbs.umd.min.js.map +1 -1
  30. package/bundles/taiga-ui-kit-components-carousel.umd.js.map +1 -1
  31. package/bundles/taiga-ui-kit-components-carousel.umd.min.js.map +1 -1
  32. package/bundles/taiga-ui-kit-components-checkbox-block.umd.js +2 -2
  33. package/bundles/taiga-ui-kit-components-checkbox-block.umd.js.map +1 -1
  34. package/bundles/taiga-ui-kit-components-checkbox-block.umd.min.js +2 -2
  35. package/bundles/taiga-ui-kit-components-checkbox-block.umd.min.js.map +1 -1
  36. package/bundles/taiga-ui-kit-components-checkbox-labeled.umd.js +2 -2
  37. package/bundles/taiga-ui-kit-components-checkbox-labeled.umd.js.map +1 -1
  38. package/bundles/taiga-ui-kit-components-checkbox-labeled.umd.min.js +1 -1
  39. package/bundles/taiga-ui-kit-components-checkbox-labeled.umd.min.js.map +1 -1
  40. package/bundles/taiga-ui-kit-components-checkbox.umd.js +2 -2
  41. package/bundles/taiga-ui-kit-components-checkbox.umd.js.map +1 -1
  42. package/bundles/taiga-ui-kit-components-checkbox.umd.min.js +1 -1
  43. package/bundles/taiga-ui-kit-components-checkbox.umd.min.js.map +1 -1
  44. package/bundles/taiga-ui-kit-components-combo-box.umd.js +63 -21
  45. package/bundles/taiga-ui-kit-components-combo-box.umd.js.map +1 -1
  46. package/bundles/taiga-ui-kit-components-combo-box.umd.min.js +2 -2
  47. package/bundles/taiga-ui-kit-components-combo-box.umd.min.js.map +1 -1
  48. package/bundles/taiga-ui-kit-components-data-list-wrapper.umd.js +17 -11
  49. package/bundles/taiga-ui-kit-components-data-list-wrapper.umd.js.map +1 -1
  50. package/bundles/taiga-ui-kit-components-data-list-wrapper.umd.min.js +2 -2
  51. package/bundles/taiga-ui-kit-components-data-list-wrapper.umd.min.js.map +1 -1
  52. package/bundles/taiga-ui-kit-components-field-error.umd.js +10 -15
  53. package/bundles/taiga-ui-kit-components-field-error.umd.js.map +1 -1
  54. package/bundles/taiga-ui-kit-components-field-error.umd.min.js +1 -1
  55. package/bundles/taiga-ui-kit-components-field-error.umd.min.js.map +1 -1
  56. package/bundles/taiga-ui-kit-components-filter.umd.js +2 -2
  57. package/bundles/taiga-ui-kit-components-filter.umd.js.map +1 -1
  58. package/bundles/taiga-ui-kit-components-filter.umd.min.js +1 -1
  59. package/bundles/taiga-ui-kit-components-filter.umd.min.js.map +1 -1
  60. package/bundles/taiga-ui-kit-components-input-count.umd.js +7 -2
  61. package/bundles/taiga-ui-kit-components-input-count.umd.js.map +1 -1
  62. package/bundles/taiga-ui-kit-components-input-count.umd.min.js +1 -1
  63. package/bundles/taiga-ui-kit-components-input-count.umd.min.js.map +1 -1
  64. package/bundles/taiga-ui-kit-components-input-password.umd.js +5 -0
  65. package/bundles/taiga-ui-kit-components-input-password.umd.js.map +1 -1
  66. package/bundles/taiga-ui-kit-components-input-password.umd.min.js +1 -1
  67. package/bundles/taiga-ui-kit-components-input-password.umd.min.js.map +1 -1
  68. package/bundles/taiga-ui-kit-components-input-range.umd.js +1 -1
  69. package/bundles/taiga-ui-kit-components-input-range.umd.min.js +1 -1
  70. package/bundles/taiga-ui-kit-components-input-range.umd.min.js.map +1 -1
  71. package/bundles/taiga-ui-kit-components-input-slider.umd.js +1 -1
  72. package/bundles/taiga-ui-kit-components-input-slider.umd.min.js +2 -2
  73. package/bundles/taiga-ui-kit-components-input-slider.umd.min.js.map +1 -1
  74. package/bundles/taiga-ui-kit-components-input-tag.umd.js +42 -13
  75. package/bundles/taiga-ui-kit-components-input-tag.umd.js.map +1 -1
  76. package/bundles/taiga-ui-kit-components-input-tag.umd.min.js +2 -2
  77. package/bundles/taiga-ui-kit-components-input-tag.umd.min.js.map +1 -1
  78. package/bundles/taiga-ui-kit-components-input-time.umd.js +5 -0
  79. package/bundles/taiga-ui-kit-components-input-time.umd.js.map +1 -1
  80. package/bundles/taiga-ui-kit-components-input-time.umd.min.js +1 -1
  81. package/bundles/taiga-ui-kit-components-input-time.umd.min.js.map +1 -1
  82. package/bundles/taiga-ui-kit-components-marker-icon.umd.js +2 -2
  83. package/bundles/taiga-ui-kit-components-marker-icon.umd.js.map +1 -1
  84. package/bundles/taiga-ui-kit-components-marker-icon.umd.min.js +1 -1
  85. package/bundles/taiga-ui-kit-components-marker-icon.umd.min.js.map +1 -1
  86. package/bundles/taiga-ui-kit-components-multi-select.umd.js +34 -13
  87. package/bundles/taiga-ui-kit-components-multi-select.umd.js.map +1 -1
  88. package/bundles/taiga-ui-kit-components-multi-select.umd.min.js +2 -2
  89. package/bundles/taiga-ui-kit-components-multi-select.umd.min.js.map +1 -1
  90. package/bundles/taiga-ui-kit-components-radio-block.umd.js +2 -2
  91. package/bundles/taiga-ui-kit-components-radio-block.umd.js.map +1 -1
  92. package/bundles/taiga-ui-kit-components-radio-block.umd.min.js +1 -1
  93. package/bundles/taiga-ui-kit-components-radio-block.umd.min.js.map +1 -1
  94. package/bundles/taiga-ui-kit-components-radio-labeled.umd.js +2 -2
  95. package/bundles/taiga-ui-kit-components-radio-labeled.umd.js.map +1 -1
  96. package/bundles/taiga-ui-kit-components-radio-labeled.umd.min.js +1 -1
  97. package/bundles/taiga-ui-kit-components-radio-labeled.umd.min.js.map +1 -1
  98. package/bundles/taiga-ui-kit-components-radio-list.umd.js +2 -2
  99. package/bundles/taiga-ui-kit-components-radio-list.umd.js.map +1 -1
  100. package/bundles/taiga-ui-kit-components-radio-list.umd.min.js +1 -1
  101. package/bundles/taiga-ui-kit-components-radio-list.umd.min.js.map +1 -1
  102. package/bundles/taiga-ui-kit-components-radio.umd.js +7 -2
  103. package/bundles/taiga-ui-kit-components-radio.umd.js.map +1 -1
  104. package/bundles/taiga-ui-kit-components-radio.umd.min.js +1 -1
  105. package/bundles/taiga-ui-kit-components-radio.umd.min.js.map +1 -1
  106. package/bundles/taiga-ui-kit-components-range.umd.js +1 -1
  107. package/bundles/taiga-ui-kit-components-range.umd.min.js +1 -1
  108. package/bundles/taiga-ui-kit-components-range.umd.min.js.map +1 -1
  109. package/bundles/taiga-ui-kit-components-rating.umd.js +5 -0
  110. package/bundles/taiga-ui-kit-components-rating.umd.js.map +1 -1
  111. package/bundles/taiga-ui-kit-components-rating.umd.min.js +1 -1
  112. package/bundles/taiga-ui-kit-components-rating.umd.min.js.map +1 -1
  113. package/bundles/taiga-ui-kit-components-select.umd.js +35 -10
  114. package/bundles/taiga-ui-kit-components-select.umd.js.map +1 -1
  115. package/bundles/taiga-ui-kit-components-select.umd.min.js +2 -2
  116. package/bundles/taiga-ui-kit-components-select.umd.min.js.map +1 -1
  117. package/bundles/taiga-ui-kit-components-slider.umd.js +142 -27
  118. package/bundles/taiga-ui-kit-components-slider.umd.js.map +1 -1
  119. package/bundles/taiga-ui-kit-components-slider.umd.min.js +2 -2
  120. package/bundles/taiga-ui-kit-components-slider.umd.min.js.map +1 -1
  121. package/bundles/taiga-ui-kit-components-tag.umd.js +9 -3
  122. package/bundles/taiga-ui-kit-components-tag.umd.js.map +1 -1
  123. package/bundles/taiga-ui-kit-components-tag.umd.min.js +1 -1
  124. package/bundles/taiga-ui-kit-components-tag.umd.min.js.map +1 -1
  125. package/bundles/taiga-ui-kit-components-toggle.umd.js +7 -2
  126. package/bundles/taiga-ui-kit-components-toggle.umd.js.map +1 -1
  127. package/bundles/taiga-ui-kit-components-toggle.umd.min.js +1 -1
  128. package/bundles/taiga-ui-kit-components-toggle.umd.min.js.map +1 -1
  129. package/bundles/taiga-ui-kit-pipes-field-error.umd.js +389 -0
  130. package/bundles/taiga-ui-kit-pipes-field-error.umd.js.map +1 -0
  131. package/bundles/taiga-ui-kit-pipes-field-error.umd.min.js +16 -0
  132. package/bundles/taiga-ui-kit-pipes-field-error.umd.min.js.map +1 -0
  133. package/bundles/taiga-ui-kit-pipes.umd.js +12 -4
  134. package/bundles/taiga-ui-kit-pipes.umd.js.map +1 -1
  135. package/bundles/taiga-ui-kit-pipes.umd.min.js +1 -1
  136. package/bundles/taiga-ui-kit-tokens.umd.js +239 -4
  137. package/bundles/taiga-ui-kit-tokens.umd.js.map +1 -1
  138. package/bundles/taiga-ui-kit-tokens.umd.min.js +15 -1
  139. package/bundles/taiga-ui-kit-tokens.umd.min.js.map +1 -1
  140. package/components/accordion/taiga-ui-kit-components-accordion.metadata.json +1 -1
  141. package/components/arrow/arrow-options.d.ts +7 -5
  142. package/components/arrow/taiga-ui-kit-components-arrow.metadata.json +1 -1
  143. package/components/avatar/taiga-ui-kit-components-avatar.metadata.json +1 -1
  144. package/components/badge/taiga-ui-kit-components-badge.metadata.json +1 -1
  145. package/components/badged-content/taiga-ui-kit-components-badged-content.metadata.json +1 -1
  146. package/components/breadcrumbs/taiga-ui-kit-components-breadcrumbs.metadata.json +1 -1
  147. package/components/carousel/carousel-buttons.directive.d.ts +2 -2
  148. package/components/checkbox/checkbox.component.d.ts +2 -2
  149. package/components/checkbox/taiga-ui-kit-components-checkbox.metadata.json +1 -1
  150. package/components/checkbox-block/taiga-ui-kit-components-checkbox-block.metadata.json +1 -1
  151. package/components/checkbox-labeled/taiga-ui-kit-components-checkbox-labeled.metadata.json +1 -1
  152. package/components/combo-box/combo-box-strict.directive.d.ts +7 -0
  153. package/components/combo-box/combo-box.component.d.ts +8 -5
  154. package/components/combo-box/index.d.ts +1 -0
  155. package/components/combo-box/taiga-ui-kit-components-combo-box.metadata.json +1 -1
  156. package/components/data-list-wrapper/data-list-wrapper.component.d.ts +5 -3
  157. package/components/data-list-wrapper/taiga-ui-kit-components-data-list-wrapper.metadata.json +1 -1
  158. package/components/field-error/field-error.component.d.ts +1 -2
  159. package/components/field-error/field-error.module.d.ts +3 -0
  160. package/components/field-error/taiga-ui-kit-components-field-error.metadata.json +1 -1
  161. package/components/filter/taiga-ui-kit-components-filter.metadata.json +1 -1
  162. package/components/input-count/input-count-options.d.ts +10 -4
  163. package/components/input-count/input-count.component.d.ts +3 -3
  164. package/components/input-count/taiga-ui-kit-components-input-count.metadata.json +1 -1
  165. package/components/input-password/input-password-options.d.ts +10 -4
  166. package/components/input-password/input-password.component.d.ts +3 -3
  167. package/components/input-password/taiga-ui-kit-components-input-password.metadata.json +1 -1
  168. package/components/input-range/taiga-ui-kit-components-input-range.metadata.json +1 -1
  169. package/components/input-slider/taiga-ui-kit-components-input-slider.metadata.json +1 -1
  170. package/components/input-tag/index.d.ts +1 -0
  171. package/components/input-tag/input-tag-options.d.ts +7 -0
  172. package/components/input-tag/input-tag.component.d.ts +6 -2
  173. package/components/input-tag/taiga-ui-kit-components-input-tag.metadata.json +1 -1
  174. package/components/input-time/input-time-options.d.ts +10 -4
  175. package/components/input-time/input-time.component.d.ts +6 -6
  176. package/components/input-time/taiga-ui-kit-components-input-time.metadata.json +1 -1
  177. package/components/marker-icon/taiga-ui-kit-components-marker-icon.metadata.json +1 -1
  178. package/components/multi-select/index.d.ts +1 -0
  179. package/components/multi-select/multi-select-options.d.ts +10 -0
  180. package/components/multi-select/multi-select.component.d.ts +11 -7
  181. package/components/multi-select/taiga-ui-kit-components-multi-select.metadata.json +1 -1
  182. package/components/radio/radio-options.d.ts +10 -4
  183. package/components/radio/radio.component.d.ts +2 -2
  184. package/components/radio/taiga-ui-kit-components-radio.metadata.json +1 -1
  185. package/components/radio-block/taiga-ui-kit-components-radio-block.metadata.json +1 -1
  186. package/components/radio-labeled/taiga-ui-kit-components-radio-labeled.metadata.json +1 -1
  187. package/components/radio-list/taiga-ui-kit-components-radio-list.metadata.json +1 -1
  188. package/components/range/taiga-ui-kit-components-range.metadata.json +1 -1
  189. package/components/rating/rating-options.d.ts +2 -1
  190. package/components/rating/taiga-ui-kit-components-rating.metadata.json +1 -1
  191. package/components/select/index.d.ts +1 -0
  192. package/components/select/select-options.d.ts +9 -0
  193. package/components/select/select.component.d.ts +9 -4
  194. package/components/select/taiga-ui-kit-components-select.metadata.json +1 -1
  195. package/components/slider/index.d.ts +1 -0
  196. package/components/slider/slider-old.component.d.ts +19 -0
  197. package/components/slider/slider.component.d.ts +16 -13
  198. package/components/slider/taiga-ui-kit-components-slider.metadata.json +1 -1
  199. package/components/tag/tag.component.d.ts +1 -0
  200. package/components/tag/taiga-ui-kit-components-tag.metadata.json +1 -1
  201. package/components/toggle/taiga-ui-kit-components-toggle.metadata.json +1 -1
  202. package/components/toggle/toggle-options.d.ts +10 -4
  203. package/components/toggle/toggle.component.d.ts +3 -3
  204. package/esm2015/abstract/input-slider.js +2 -2
  205. package/esm2015/abstract/slider/slider.js +2 -2
  206. package/esm2015/components/accordion/accordion-item/accordion-item.component.js +3 -3
  207. package/esm2015/components/arrow/arrow-options.js +13 -2
  208. package/esm2015/components/avatar/avatar.component.js +3 -3
  209. package/esm2015/components/badge/badge.component.js +3 -3
  210. package/esm2015/components/badged-content/badged-content.component.js +3 -3
  211. package/esm2015/components/breadcrumbs/breadcrumbs.component.js +3 -3
  212. package/esm2015/components/carousel/carousel-buttons.directive.js +1 -1
  213. package/esm2015/components/checkbox/checkbox.component.js +3 -3
  214. package/esm2015/components/checkbox-block/checkbox-block.component.js +3 -3
  215. package/esm2015/components/checkbox-labeled/checkbox-labeled.component.js +3 -3
  216. package/esm2015/components/combo-box/combo-box-strict.directive.js +31 -0
  217. package/esm2015/components/combo-box/combo-box.component.js +23 -17
  218. package/esm2015/components/combo-box/combo-box.module.js +13 -3
  219. package/esm2015/components/combo-box/index.js +2 -1
  220. package/esm2015/components/data-list-wrapper/data-list-wrapper.component.js +17 -11
  221. package/esm2015/components/field-error/field-error.component.js +8 -12
  222. package/esm2015/components/field-error/field-error.module.js +6 -2
  223. package/esm2015/components/filter/filter.component.js +3 -3
  224. package/esm2015/components/input-count/input-count-options.js +5 -1
  225. package/esm2015/components/input-count/input-count.component.js +3 -3
  226. package/esm2015/components/input-password/input-password-options.js +5 -1
  227. package/esm2015/components/input-password/input-password.component.js +2 -2
  228. package/esm2015/components/input-range/input-range.component.js +1 -1
  229. package/esm2015/components/input-slider/input-slider.component.js +1 -1
  230. package/esm2015/components/input-tag/index.js +2 -1
  231. package/esm2015/components/input-tag/input-tag-options.js +9 -0
  232. package/esm2015/components/input-tag/input-tag.component.js +29 -13
  233. package/esm2015/components/input-time/input-time-options.js +5 -1
  234. package/esm2015/components/input-time/input-time.component.js +1 -1
  235. package/esm2015/components/marker-icon/marker-icon.component.js +3 -3
  236. package/esm2015/components/multi-select/index.js +2 -1
  237. package/esm2015/components/multi-select/multi-select-options.js +13 -0
  238. package/esm2015/components/multi-select/multi-select.component.js +19 -11
  239. package/esm2015/components/radio/radio-options.js +5 -1
  240. package/esm2015/components/radio/radio.component.js +3 -3
  241. package/esm2015/components/radio-block/radio-block.component.js +3 -3
  242. package/esm2015/components/radio-labeled/radio-labeled.component.js +3 -3
  243. package/esm2015/components/radio-list/radio-list.component.js +3 -3
  244. package/esm2015/components/range/range.component.js +1 -1
  245. package/esm2015/components/rating/rating-options.js +5 -1
  246. package/esm2015/components/select/index.js +2 -1
  247. package/esm2015/components/select/select-options.js +12 -0
  248. package/esm2015/components/select/select.component.js +21 -8
  249. package/esm2015/components/slider/index.js +2 -1
  250. package/esm2015/components/slider/slider-old.component.js +71 -0
  251. package/esm2015/components/slider/slider.component.js +66 -46
  252. package/esm2015/components/slider/slider.module.js +4 -3
  253. package/esm2015/components/tag/tag.component.js +10 -4
  254. package/esm2015/components/toggle/toggle-options.js +5 -1
  255. package/esm2015/components/toggle/toggle.component.js +3 -3
  256. package/esm2015/pipes/field-error/field-error-pipe.js +120 -0
  257. package/esm2015/pipes/field-error/field-error.module.js +13 -0
  258. package/esm2015/pipes/field-error/index.js +3 -0
  259. package/esm2015/pipes/field-error/taiga-ui-kit-pipes-field-error.js +5 -0
  260. package/esm2015/pipes/index.js +2 -1
  261. package/esm2015/tokens/index.js +2 -1
  262. package/esm2015/tokens/items-handlers.js +15 -0
  263. package/esm5/abstract/input-slider.js +2 -2
  264. package/esm5/abstract/slider/slider.js +2 -2
  265. package/esm5/components/accordion/accordion-item/accordion-item.component.js +3 -3
  266. package/esm5/components/arrow/arrow-options.js +14 -2
  267. package/esm5/components/avatar/avatar.component.js +3 -3
  268. package/esm5/components/badge/badge.component.js +3 -3
  269. package/esm5/components/badged-content/badged-content.component.js +3 -3
  270. package/esm5/components/breadcrumbs/breadcrumbs.component.js +3 -3
  271. package/esm5/components/carousel/carousel-buttons.directive.js +1 -1
  272. package/esm5/components/checkbox/checkbox.component.js +3 -3
  273. package/esm5/components/checkbox-block/checkbox-block.component.js +3 -3
  274. package/esm5/components/checkbox-labeled/checkbox-labeled.component.js +3 -3
  275. package/esm5/components/combo-box/combo-box-strict.directive.js +32 -0
  276. package/esm5/components/combo-box/combo-box.component.js +23 -17
  277. package/esm5/components/combo-box/combo-box.module.js +13 -3
  278. package/esm5/components/combo-box/index.js +2 -1
  279. package/esm5/components/data-list-wrapper/data-list-wrapper.component.js +18 -11
  280. package/esm5/components/field-error/field-error.component.js +8 -16
  281. package/esm5/components/field-error/field-error.module.js +6 -2
  282. package/esm5/components/filter/filter.component.js +3 -3
  283. package/esm5/components/input-count/input-count-options.js +6 -1
  284. package/esm5/components/input-count/input-count.component.js +3 -3
  285. package/esm5/components/input-password/input-password-options.js +6 -1
  286. package/esm5/components/input-password/input-password.component.js +2 -2
  287. package/esm5/components/input-range/input-range.component.js +1 -1
  288. package/esm5/components/input-slider/input-slider.component.js +1 -1
  289. package/esm5/components/input-tag/index.js +2 -1
  290. package/esm5/components/input-tag/input-tag-options.js +9 -0
  291. package/esm5/components/input-tag/input-tag.component.js +34 -14
  292. package/esm5/components/input-time/input-time-options.js +6 -1
  293. package/esm5/components/input-time/input-time.component.js +1 -1
  294. package/esm5/components/marker-icon/marker-icon.component.js +3 -3
  295. package/esm5/components/multi-select/index.js +2 -1
  296. package/esm5/components/multi-select/multi-select-options.js +14 -0
  297. package/esm5/components/multi-select/multi-select.component.js +19 -11
  298. package/esm5/components/radio/radio-options.js +6 -1
  299. package/esm5/components/radio/radio.component.js +3 -3
  300. package/esm5/components/radio-block/radio-block.component.js +3 -3
  301. package/esm5/components/radio-labeled/radio-labeled.component.js +3 -3
  302. package/esm5/components/radio-list/radio-list.component.js +3 -3
  303. package/esm5/components/range/range.component.js +1 -1
  304. package/esm5/components/rating/rating-options.js +6 -1
  305. package/esm5/components/select/index.js +2 -1
  306. package/esm5/components/select/select-options.js +13 -0
  307. package/esm5/components/select/select.component.js +21 -8
  308. package/esm5/components/slider/index.js +2 -1
  309. package/esm5/components/slider/slider-old.component.js +90 -0
  310. package/esm5/components/slider/slider.component.js +83 -53
  311. package/esm5/components/slider/slider.module.js +4 -3
  312. package/esm5/components/tag/tag.component.js +10 -4
  313. package/esm5/components/toggle/toggle-options.js +6 -1
  314. package/esm5/components/toggle/toggle.component.js +3 -3
  315. package/esm5/pipes/field-error/field-error-pipe.js +153 -0
  316. package/esm5/pipes/field-error/field-error.module.js +16 -0
  317. package/esm5/pipes/field-error/index.js +3 -0
  318. package/esm5/pipes/field-error/taiga-ui-kit-pipes-field-error.js +5 -0
  319. package/esm5/pipes/index.js +2 -1
  320. package/esm5/tokens/index.js +2 -1
  321. package/esm5/tokens/items-handlers.js +16 -0
  322. package/fesm2015/taiga-ui-kit-abstract.js +2 -2
  323. package/fesm2015/taiga-ui-kit-abstract.js.map +1 -1
  324. package/fesm2015/taiga-ui-kit-components-accordion.js +2 -2
  325. package/fesm2015/taiga-ui-kit-components-accordion.js.map +1 -1
  326. package/fesm2015/taiga-ui-kit-components-arrow.js +13 -2
  327. package/fesm2015/taiga-ui-kit-components-arrow.js.map +1 -1
  328. package/fesm2015/taiga-ui-kit-components-avatar.js +2 -2
  329. package/fesm2015/taiga-ui-kit-components-avatar.js.map +1 -1
  330. package/fesm2015/taiga-ui-kit-components-badge.js +2 -2
  331. package/fesm2015/taiga-ui-kit-components-badge.js.map +1 -1
  332. package/fesm2015/taiga-ui-kit-components-badged-content.js +2 -2
  333. package/fesm2015/taiga-ui-kit-components-badged-content.js.map +1 -1
  334. package/fesm2015/taiga-ui-kit-components-breadcrumbs.js +2 -2
  335. package/fesm2015/taiga-ui-kit-components-breadcrumbs.js.map +1 -1
  336. package/fesm2015/taiga-ui-kit-components-carousel.js.map +1 -1
  337. package/fesm2015/taiga-ui-kit-components-checkbox-block.js +2 -2
  338. package/fesm2015/taiga-ui-kit-components-checkbox-block.js.map +1 -1
  339. package/fesm2015/taiga-ui-kit-components-checkbox-labeled.js +2 -2
  340. package/fesm2015/taiga-ui-kit-components-checkbox-labeled.js.map +1 -1
  341. package/fesm2015/taiga-ui-kit-components-checkbox.js +2 -2
  342. package/fesm2015/taiga-ui-kit-components-checkbox.js.map +1 -1
  343. package/fesm2015/taiga-ui-kit-components-combo-box.js +61 -20
  344. package/fesm2015/taiga-ui-kit-components-combo-box.js.map +1 -1
  345. package/fesm2015/taiga-ui-kit-components-data-list-wrapper.js +16 -10
  346. package/fesm2015/taiga-ui-kit-components-data-list-wrapper.js.map +1 -1
  347. package/fesm2015/taiga-ui-kit-components-field-error.js +12 -13
  348. package/fesm2015/taiga-ui-kit-components-field-error.js.map +1 -1
  349. package/fesm2015/taiga-ui-kit-components-filter.js +2 -2
  350. package/fesm2015/taiga-ui-kit-components-filter.js.map +1 -1
  351. package/fesm2015/taiga-ui-kit-components-input-count.js +7 -3
  352. package/fesm2015/taiga-ui-kit-components-input-count.js.map +1 -1
  353. package/fesm2015/taiga-ui-kit-components-input-password.js +5 -1
  354. package/fesm2015/taiga-ui-kit-components-input-password.js.map +1 -1
  355. package/fesm2015/taiga-ui-kit-components-input-range.js +1 -1
  356. package/fesm2015/taiga-ui-kit-components-input-slider.js +1 -1
  357. package/fesm2015/taiga-ui-kit-components-input-tag.js +37 -14
  358. package/fesm2015/taiga-ui-kit-components-input-tag.js.map +1 -1
  359. package/fesm2015/taiga-ui-kit-components-input-time.js +5 -1
  360. package/fesm2015/taiga-ui-kit-components-input-time.js.map +1 -1
  361. package/fesm2015/taiga-ui-kit-components-marker-icon.js +2 -2
  362. package/fesm2015/taiga-ui-kit-components-marker-icon.js.map +1 -1
  363. package/fesm2015/taiga-ui-kit-components-multi-select.js +31 -12
  364. package/fesm2015/taiga-ui-kit-components-multi-select.js.map +1 -1
  365. package/fesm2015/taiga-ui-kit-components-radio-block.js +2 -2
  366. package/fesm2015/taiga-ui-kit-components-radio-block.js.map +1 -1
  367. package/fesm2015/taiga-ui-kit-components-radio-labeled.js +2 -2
  368. package/fesm2015/taiga-ui-kit-components-radio-labeled.js.map +1 -1
  369. package/fesm2015/taiga-ui-kit-components-radio-list.js +2 -2
  370. package/fesm2015/taiga-ui-kit-components-radio-list.js.map +1 -1
  371. package/fesm2015/taiga-ui-kit-components-radio.js +7 -3
  372. package/fesm2015/taiga-ui-kit-components-radio.js.map +1 -1
  373. package/fesm2015/taiga-ui-kit-components-range.js +1 -1
  374. package/fesm2015/taiga-ui-kit-components-rating.js +5 -1
  375. package/fesm2015/taiga-ui-kit-components-rating.js.map +1 -1
  376. package/fesm2015/taiga-ui-kit-components-select.js +32 -9
  377. package/fesm2015/taiga-ui-kit-components-select.js.map +1 -1
  378. package/fesm2015/taiga-ui-kit-components-slider.js +100 -14
  379. package/fesm2015/taiga-ui-kit-components-slider.js.map +1 -1
  380. package/fesm2015/taiga-ui-kit-components-tag.js +9 -3
  381. package/fesm2015/taiga-ui-kit-components-tag.js.map +1 -1
  382. package/fesm2015/taiga-ui-kit-components-toggle.js +7 -3
  383. package/fesm2015/taiga-ui-kit-components-toggle.js.map +1 -1
  384. package/fesm2015/taiga-ui-kit-pipes-field-error.js +135 -0
  385. package/fesm2015/taiga-ui-kit-pipes-field-error.js.map +1 -0
  386. package/fesm2015/taiga-ui-kit-pipes.js +1 -0
  387. package/fesm2015/taiga-ui-kit-pipes.js.map +1 -1
  388. package/fesm2015/taiga-ui-kit-tokens.js +15 -1
  389. package/fesm2015/taiga-ui-kit-tokens.js.map +1 -1
  390. package/fesm5/taiga-ui-kit-abstract.js +2 -2
  391. package/fesm5/taiga-ui-kit-abstract.js.map +1 -1
  392. package/fesm5/taiga-ui-kit-components-accordion.js +2 -2
  393. package/fesm5/taiga-ui-kit-components-accordion.js.map +1 -1
  394. package/fesm5/taiga-ui-kit-components-arrow.js +14 -3
  395. package/fesm5/taiga-ui-kit-components-arrow.js.map +1 -1
  396. package/fesm5/taiga-ui-kit-components-avatar.js +2 -2
  397. package/fesm5/taiga-ui-kit-components-avatar.js.map +1 -1
  398. package/fesm5/taiga-ui-kit-components-badge.js +2 -2
  399. package/fesm5/taiga-ui-kit-components-badge.js.map +1 -1
  400. package/fesm5/taiga-ui-kit-components-badged-content.js +2 -2
  401. package/fesm5/taiga-ui-kit-components-badged-content.js.map +1 -1
  402. package/fesm5/taiga-ui-kit-components-breadcrumbs.js +2 -2
  403. package/fesm5/taiga-ui-kit-components-breadcrumbs.js.map +1 -1
  404. package/fesm5/taiga-ui-kit-components-carousel.js.map +1 -1
  405. package/fesm5/taiga-ui-kit-components-checkbox-block.js +2 -2
  406. package/fesm5/taiga-ui-kit-components-checkbox-block.js.map +1 -1
  407. package/fesm5/taiga-ui-kit-components-checkbox-labeled.js +2 -2
  408. package/fesm5/taiga-ui-kit-components-checkbox-labeled.js.map +1 -1
  409. package/fesm5/taiga-ui-kit-components-checkbox.js +2 -2
  410. package/fesm5/taiga-ui-kit-components-checkbox.js.map +1 -1
  411. package/fesm5/taiga-ui-kit-components-combo-box.js +62 -20
  412. package/fesm5/taiga-ui-kit-components-combo-box.js.map +1 -1
  413. package/fesm5/taiga-ui-kit-components-data-list-wrapper.js +17 -10
  414. package/fesm5/taiga-ui-kit-components-data-list-wrapper.js.map +1 -1
  415. package/fesm5/taiga-ui-kit-components-field-error.js +12 -17
  416. package/fesm5/taiga-ui-kit-components-field-error.js.map +1 -1
  417. package/fesm5/taiga-ui-kit-components-filter.js +2 -2
  418. package/fesm5/taiga-ui-kit-components-filter.js.map +1 -1
  419. package/fesm5/taiga-ui-kit-components-input-count.js +8 -4
  420. package/fesm5/taiga-ui-kit-components-input-count.js.map +1 -1
  421. package/fesm5/taiga-ui-kit-components-input-password.js +6 -2
  422. package/fesm5/taiga-ui-kit-components-input-password.js.map +1 -1
  423. package/fesm5/taiga-ui-kit-components-input-range.js +1 -1
  424. package/fesm5/taiga-ui-kit-components-input-slider.js +1 -1
  425. package/fesm5/taiga-ui-kit-components-input-tag.js +42 -15
  426. package/fesm5/taiga-ui-kit-components-input-tag.js.map +1 -1
  427. package/fesm5/taiga-ui-kit-components-input-time.js +6 -2
  428. package/fesm5/taiga-ui-kit-components-input-time.js.map +1 -1
  429. package/fesm5/taiga-ui-kit-components-marker-icon.js +2 -2
  430. package/fesm5/taiga-ui-kit-components-marker-icon.js.map +1 -1
  431. package/fesm5/taiga-ui-kit-components-multi-select.js +32 -13
  432. package/fesm5/taiga-ui-kit-components-multi-select.js.map +1 -1
  433. package/fesm5/taiga-ui-kit-components-radio-block.js +2 -2
  434. package/fesm5/taiga-ui-kit-components-radio-block.js.map +1 -1
  435. package/fesm5/taiga-ui-kit-components-radio-labeled.js +2 -2
  436. package/fesm5/taiga-ui-kit-components-radio-labeled.js.map +1 -1
  437. package/fesm5/taiga-ui-kit-components-radio-list.js +2 -2
  438. package/fesm5/taiga-ui-kit-components-radio-list.js.map +1 -1
  439. package/fesm5/taiga-ui-kit-components-radio.js +8 -4
  440. package/fesm5/taiga-ui-kit-components-radio.js.map +1 -1
  441. package/fesm5/taiga-ui-kit-components-range.js +1 -1
  442. package/fesm5/taiga-ui-kit-components-rating.js +6 -2
  443. package/fesm5/taiga-ui-kit-components-rating.js.map +1 -1
  444. package/fesm5/taiga-ui-kit-components-select.js +33 -10
  445. package/fesm5/taiga-ui-kit-components-select.js.map +1 -1
  446. package/fesm5/taiga-ui-kit-components-slider.js +141 -26
  447. package/fesm5/taiga-ui-kit-components-slider.js.map +1 -1
  448. package/fesm5/taiga-ui-kit-components-tag.js +9 -3
  449. package/fesm5/taiga-ui-kit-components-tag.js.map +1 -1
  450. package/fesm5/taiga-ui-kit-components-toggle.js +8 -4
  451. package/fesm5/taiga-ui-kit-components-toggle.js.map +1 -1
  452. package/fesm5/taiga-ui-kit-pipes-field-error.js +171 -0
  453. package/fesm5/taiga-ui-kit-pipes-field-error.js.map +1 -0
  454. package/fesm5/taiga-ui-kit-pipes.js +1 -0
  455. package/fesm5/taiga-ui-kit-pipes.js.map +1 -1
  456. package/fesm5/taiga-ui-kit-tokens.js +16 -1
  457. package/fesm5/taiga-ui-kit-tokens.js.map +1 -1
  458. package/package.json +4 -4
  459. package/pipes/field-error/field-error-pipe.d.ts +29 -0
  460. package/pipes/field-error/field-error.module.d.ts +2 -0
  461. package/pipes/field-error/index.d.ts +2 -0
  462. package/pipes/field-error/package.json +13 -0
  463. package/pipes/field-error/taiga-ui-kit-pipes-field-error.d.ts +4 -0
  464. package/pipes/field-error/taiga-ui-kit-pipes-field-error.metadata.json +1 -0
  465. package/pipes/index.d.ts +1 -0
  466. package/pipes/taiga-ui-kit-pipes.metadata.json +1 -1
  467. package/tokens/index.d.ts +1 -0
  468. package/tokens/items-handlers.d.ts +10 -0
  469. package/tokens/taiga-ui-kit-tokens.metadata.json +1 -1
@@ -1 +1 @@
1
- {"__symbolic":"module","version":4,"metadata":{"TuiComboBoxComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiNullableControl","line":52,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":44,"character":1},"arguments":[{"selector":"tui-combo-box","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":48,"character":21},"member":"OnPush"},"providers":{"__symbolic":"reference","name":"TUI_COMBO_BOX_PROVIDERS"},"template":"<tui-hosted-dropdown\n class=\"hosted\"\n [canOpen]=\"interactive\"\n [content]=\"datalist || ''\"\n [(open)]=\"open\"\n (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n <tui-primitive-textfield\n automation-id=\"tui-combo-box__textfield\"\n class=\"textfield\"\n [pseudoFocused]=\"computedFocused\"\n [pseudoHovered]=\"computedHovered\"\n [invalid]=\"computedInvalid\"\n [nativeId]=\"nativeId\"\n [readOnly]=\"readOnly\"\n [iconContent]=\"icon\"\n [disabled]=\"computedDisabled\"\n [focusable]=\"computedFocusable\"\n [value]=\"nativeValue\"\n (valueChange)=\"onValueChange($event)\"\n (hoveredChange)=\"onHovered($event)\"\n (click)=\"toggle()\"\n (keydown.enter)=\"onFieldKeyDownEnter($event)\"\n >\n <ng-content></ng-content>\n <ng-content select=\"input\" ngProjectAs=\"input\"></ng-content>\n <div\n *ngIf=\"showValueTemplate\"\n polymorpheus-outlet\n automation-id=\"tui-combo-box__template\"\n class=\"value\"\n [content]=\"computedContent\"\n [context]=\"computeContext(value, computedFocused)\"\n ></div>\n </tui-primitive-textfield>\n\n <ng-template #icon>\n <div polymorpheus-outlet class=\"t-icon\" [content]=\"arrow\"></div>\n </ng-template>\n</tui-hosted-dropdown>\n","styles":[":host{display:block;border-radius:var(--tui-radius-m);text-align:left}.hosted{display:block;border-radius:inherit}.textfield{border-radius:inherit;text-align:inherit}.value{display:flex;width:100%;align-items:center}.t-icon{pointer-events:auto}"]}]}],"members":{"accessor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":55,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_ACCESSOR","line":55,"character":18}]}]}],"hostedDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":58,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownComponent","line":58,"character":15}]}]}],"textfield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":61,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveTextfieldComponent","line":61,"character":15}]}]}],"stringify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":65,"character":5}}]}],"strictMatcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":69,"character":5}}]}],"identityMatcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":73,"character":5}}]}],"valueContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":77,"character":5}}]}],"strict":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":81,"character":5}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":85,"character":5}}]}],"searchChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":88,"character":5}}]}],"datalist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":91,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListDirective","line":91,"character":18},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":91,"character":47}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":97,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":98,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":99,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":99,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":101,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":101,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":102,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/arrow","name":"TUI_ARROW_MODE","line":102,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":100,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":101,"character":54},{"__symbolic":"reference","module":"@taiga-ui/kit/components/arrow","name":"TuiArrowMode","line":103,"character":36}]}],"computeContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":139,"character":5}]}],"onActiveZone":[{"__symbolic":"method"}],"checkOption":[{"__symbolic":"method"}],"handleOption":[{"__symbolic":"method"}],"onFieldKeyDownEnter":[{"__symbolic":"method"}],"onValueChange":[{"__symbolic":"method"}],"onHovered":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"isStrictMatch":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"updateSearch":[{"__symbolic":"method"}],"setNativeValue":[{"__symbolic":"method"}],"focusInput":[{"__symbolic":"method"}]}},"TuiComboBoxDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiAbstractTextfieldHost","line":14,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"tui-combo-box","providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_HOST","line":9,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiComboBoxDirective"}}]}]}],"members":{"onValueChange":[{"__symbolic":"method"}]}},"TuiComboBoxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":18,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiActiveZoneModule","line":19,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveTextfieldModule","line":20,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownModule","line":21,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/select-option","name":"TuiSelectOptionModule","line":22,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/arrow","name":"TuiArrowModule","line":23,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiComboBoxComponent"},{"__symbolic":"reference","name":"TuiComboBoxDirective"}],"exports":[{"__symbolic":"reference","name":"TuiComboBoxComponent"},{"__symbolic":"reference","name":"TuiComboBoxDirective"},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTextfieldComponent","line":26,"character":58}]}]}],"members":{}},"TUI_COMBO_BOX_PROVIDERS":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":13,"character":17},"useExisting":{"__symbolic":"reference","name":"TuiComboBoxComponent"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":17,"character":17},"useExisting":{"__symbolic":"reference","name":"TuiComboBoxComponent"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiControl","line":21,"character":17},"useExisting":{"__symbolic":"reference","name":"TuiComboBoxComponent"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_OPTION_CONTENT","line":25,"character":17},"useValue":{"__symbolic":"reference","name":"TUI_SELECT_OPTION","module":"@taiga-ui/kit/components/select-option"}},{"__symbolic":"reference","module":"@taiga-ui/kit/providers","name":"FIXED_DROPDOWN_CONTROLLER_PROVIDER","line":28,"character":4}]},"origins":{"TuiComboBoxComponent":"./combo-box.component","TuiComboBoxDirective":"./combo-box.directive","TuiComboBoxModule":"./combo-box.module","COMBOBOX_OPTION":"@taiga-ui/kit/components/select-option","TUI_COMBO_BOX_PROVIDERS":"./combo-box.providers"},"importAs":"@taiga-ui/kit/components/combo-box"}
1
+ {"__symbolic":"module","version":4,"metadata":{"TuiComboBoxComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiNullableControl","line":49,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":41,"character":1},"arguments":[{"selector":"tui-combo-box","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":45,"character":21},"member":"OnPush"},"providers":{"__symbolic":"reference","name":"TUI_COMBO_BOX_PROVIDERS"},"template":"<tui-hosted-dropdown\n class=\"hosted\"\n [canOpen]=\"interactive\"\n [content]=\"datalist || ''\"\n [(open)]=\"open\"\n (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n <tui-primitive-textfield\n automation-id=\"tui-combo-box__textfield\"\n class=\"textfield\"\n [pseudoFocused]=\"computedFocused\"\n [pseudoHovered]=\"computedHovered\"\n [invalid]=\"computedInvalid\"\n [nativeId]=\"nativeId\"\n [readOnly]=\"readOnly\"\n [iconContent]=\"icon\"\n [disabled]=\"computedDisabled\"\n [focusable]=\"computedFocusable\"\n [value]=\"nativeValue\"\n (valueChange)=\"onValueChange($event)\"\n (hoveredChange)=\"onHovered($event)\"\n (click)=\"toggle()\"\n (keydown.enter)=\"onFieldKeyDownEnter($event)\"\n >\n <ng-content></ng-content>\n <ng-content select=\"input\" ngProjectAs=\"input\"></ng-content>\n <div\n *ngIf=\"showValueTemplate\"\n polymorpheus-outlet\n automation-id=\"tui-combo-box__template\"\n class=\"value\"\n [content]=\"computedContent\"\n [context]=\"computeContext(value, computedFocused)\"\n ></div>\n </tui-primitive-textfield>\n\n <ng-template #icon>\n <div polymorpheus-outlet class=\"t-icon\" [content]=\"arrow\"></div>\n </ng-template>\n</tui-hosted-dropdown>\n","styles":[":host{display:block;border-radius:var(--tui-radius-m);text-align:left}.hosted{display:block;border-radius:inherit}.textfield{border-radius:inherit;text-align:inherit}.value{display:flex;width:100%;align-items:center}.t-icon{pointer-events:auto}"]}]}],"members":{"accessor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":52,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_ACCESSOR","line":52,"character":18}]}]}],"hostedDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":55,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownComponent","line":55,"character":15}]}]}],"textfield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":58,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveTextfieldComponent","line":58,"character":15}]}]}],"stringify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":62,"character":5}}]}],"strictMatcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":66,"character":5}}]}],"identityMatcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":70,"character":5}}]}],"valueContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":75,"character":5}}]}],"strict":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":79,"character":5}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":83,"character":5}}]}],"searchChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":5}}]}],"datalist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":89,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListDirective","line":89,"character":18},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":89,"character":47}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":95,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":96,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":97,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":97,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":99,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":99,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":100,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/arrow","name":"TUI_ARROW_MODE","line":100,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":102,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_ITEMS_HANDLERS","line":102,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":98,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":99,"character":54},{"__symbolic":"reference","module":"@taiga-ui/kit/components/arrow","name":"TuiArrowMode","line":101,"character":36},{"__symbolic":"reference","name":"TuiItemsHandlers","module":"@taiga-ui/kit/tokens","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":103,"character":57,"context":{"typeName":"T"},"module":"./combo-box.component"}]}]}],"computeContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":135,"character":5}]}],"onActiveZone":[{"__symbolic":"method"}],"checkOption":[{"__symbolic":"method"}],"handleOption":[{"__symbolic":"method"}],"onFieldKeyDownEnter":[{"__symbolic":"method"}],"onValueChange":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}],"onHovered":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"isStrictMatch":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"updateSearch":[{"__symbolic":"method"}],"setNativeValue":[{"__symbolic":"method"}],"focusInput":[{"__symbolic":"method"}]}},"TuiComboBoxDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiAbstractTextfieldHost","line":14,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"tui-combo-box","providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_HOST","line":9,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiComboBoxDirective"}}]}]}],"members":{"onValueChange":[{"__symbolic":"method"}]}},"TuiComboBoxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":19,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiActiveZoneModule","line":20,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveTextfieldModule","line":21,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownModule","line":22,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/select-option","name":"TuiSelectOptionModule","line":23,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/arrow","name":"TuiArrowModule","line":24,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiComboBoxComponent"},{"__symbolic":"reference","name":"TuiComboBoxStrictDirective"},{"__symbolic":"reference","name":"TuiComboBoxDirective"}],"exports":[{"__symbolic":"reference","name":"TuiComboBoxComponent"},{"__symbolic":"reference","name":"TuiComboBoxStrictDirective"},{"__symbolic":"reference","name":"TuiComboBoxDirective"},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTextfieldComponent","line":35,"character":8}]}]}],"members":{}},"TUI_COMBO_BOX_PROVIDERS":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":13,"character":17},"useExisting":{"__symbolic":"reference","name":"TuiComboBoxComponent"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":17,"character":17},"useExisting":{"__symbolic":"reference","name":"TuiComboBoxComponent"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiControl","line":21,"character":17},"useExisting":{"__symbolic":"reference","name":"TuiComboBoxComponent"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_OPTION_CONTENT","line":25,"character":17},"useValue":{"__symbolic":"reference","name":"TUI_SELECT_OPTION","module":"@taiga-ui/kit/components/select-option"}},{"__symbolic":"reference","module":"@taiga-ui/kit/providers","name":"FIXED_DROPDOWN_CONTROLLER_PROVIDER","line":28,"character":4}],"TuiComboBoxStrictDirective":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"tui-combo-box[strict]"}]}],"members":{"strict":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":10,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiComboBoxComponent"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiComboBoxComponent"}]}],"onInput":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":18,"character":5},"arguments":["input"]}]}]}}},"origins":{"TuiComboBoxComponent":"./combo-box.component","TuiComboBoxDirective":"./combo-box.directive","TuiComboBoxModule":"./combo-box.module","COMBOBOX_OPTION":"@taiga-ui/kit/components/select-option","TUI_COMBO_BOX_PROVIDERS":"./combo-box.providers","TuiComboBoxStrictDirective":"./combo-box-strict.directive"},"importAs":"@taiga-ui/kit/components/combo-box"}
@@ -1,13 +1,15 @@
1
1
  import { ElementRef } from '@angular/core';
2
- import { TuiBooleanHandler } from '@taiga-ui/cdk';
3
2
  import { TuiDataListAccessor, TuiSizeL, TuiSizeXS, TuiValueContentContext } from '@taiga-ui/core';
3
+ import { TuiItemsHandlers } from '@taiga-ui/kit/tokens';
4
4
  import { PolymorpheusContent } from '@tinkoff/ng-polymorpheus';
5
5
  export declare class TuiDataListWrapperComponent<T> implements TuiDataListAccessor<T> {
6
- private readonly options;
6
+ private readonly itemsHandlers;
7
+ private readonly optionsQuery;
7
8
  items: ReadonlyArray<ReadonlyArray<T>> | ReadonlyArray<T> | null;
8
- disabledItemHandler: TuiBooleanHandler<T>;
9
+ disabledItemHandler: TuiItemsHandlers<T>['disabledItemHandler'];
9
10
  emptyContent: PolymorpheusContent;
10
11
  size: TuiSizeXS | TuiSizeL;
12
+ constructor(itemsHandlers: TuiItemsHandlers<T>);
11
13
  itemContent: PolymorpheusContent<TuiValueContentContext<T>>;
12
14
  getContext($implicit: T, { nativeElement }: ElementRef<HTMLElement>): TuiValueContentContext<T>;
13
15
  getOptions(includeDisabled?: boolean): ReadonlyArray<T>;
@@ -1 +1 @@
1
- {"__symbolic":"module","version":4,"metadata":{"TuiDataListGroupWrapperComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"TuiDataListWrapperComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"tui-data-list-wrapper[labels]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_ACCESSOR","line":13,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiDataListGroupWrapperComponent"}}],"template":"<tui-data-list *ngIf=\"items; else loading\" [emptyContent]=\"emptyContent\">\n <tui-opt-group\n *ngFor=\"let group of items; let index = index\"\n [label]=\"labels[index]\"\n >\n <button\n *ngFor=\"let item of group\"\n #elementRef=\"elementRef\"\n tuiElement\n tuiOption\n automation-id=\"tui-data-list-wrapper__option\"\n [size]=\"size\"\n [value]=\"item\"\n [disabled]=\"disabledItemHandler(item)\"\n >\n <span\n polymorpheus-outlet\n class=\"content\"\n [content]=\"itemContent\"\n [context]=\"getContext(item, elementRef)\"\n ></span>\n </button>\n </tui-opt-group>\n</tui-data-list>\n<ng-template #loading>\n <tui-loader class=\"tui-space_vertical-3\"></tui-loader>\n</ng-template>\n","styles":[":host{display:block}.content{flex:1}"]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":23,"character":5}}]}],"labels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":27,"character":5}}]}]}},"TuiDataListWrapperComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"tui-data-list-wrapper:not([labels])","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":32,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_ACCESSOR","line":35,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiDataListWrapperComponent"}}],"template":"<tui-data-list *ngIf=\"items; else loading\" [emptyContent]=\"emptyContent\">\n <button\n *ngFor=\"let item of items\"\n #elementRef=\"elementRef\"\n tuiElement\n tuiOption\n automation-id=\"tui-data-list-wrapper__option\"\n [size]=\"size\"\n [value]=\"item\"\n [disabled]=\"disabledItemHandler(item)\"\n >\n <span\n polymorpheus-outlet\n class=\"content\"\n [content]=\"itemContent\"\n [context]=\"getContext(item, elementRef)\"\n ></span>\n </button>\n</tui-data-list>\n<ng-template #loading>\n <tui-loader\n automation-id=\"tui-data-list-wrapper__loader\"\n class=\"tui-space_vertical-3\"\n ></tui-loader>\n</ng-template>\n","styles":[":host{display:block}.content{flex:1}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":41,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiOptionComponent","line":41,"character":35}]}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":45,"character":5}}]}],"disabledItemHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":49,"character":5}}]}],"emptyContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":53,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":57,"character":5}}]}],"itemContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":61,"character":5}}]}],"getContext":[{"__symbolic":"method"}],"getOptions":[{"__symbolic":"method"}]}},"TuiDataListWrapperModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":12,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiElementModule","line":13,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListModule","line":14,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiLoaderModule","line":15,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiDataListWrapperComponent"},{"__symbolic":"reference","name":"TuiDataListGroupWrapperComponent"}],"exports":[{"__symbolic":"reference","name":"TuiDataListWrapperComponent"},{"__symbolic":"reference","name":"TuiDataListGroupWrapperComponent"},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListDirective","line":21,"character":8}]}]}],"members":{}}},"origins":{"TuiDataListGroupWrapperComponent":"./data-list-group-wrapper.component","TuiDataListWrapperComponent":"./data-list-wrapper.component","TuiDataListWrapperModule":"./data-list-wrapper.module"},"importAs":"@taiga-ui/kit/components/data-list-wrapper"}
1
+ {"__symbolic":"module","version":4,"metadata":{"TuiDataListGroupWrapperComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"TuiDataListWrapperComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"tui-data-list-wrapper[labels]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_ACCESSOR","line":13,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiDataListGroupWrapperComponent"}}],"template":"<tui-data-list *ngIf=\"items; else loading\" [emptyContent]=\"emptyContent\">\n <tui-opt-group\n *ngFor=\"let group of items; let index = index\"\n [label]=\"labels[index]\"\n >\n <button\n *ngFor=\"let item of group\"\n #elementRef=\"elementRef\"\n tuiElement\n tuiOption\n automation-id=\"tui-data-list-wrapper__option\"\n [size]=\"size\"\n [value]=\"item\"\n [disabled]=\"disabledItemHandler(item)\"\n >\n <span\n polymorpheus-outlet\n class=\"content\"\n [content]=\"itemContent\"\n [context]=\"getContext(item, elementRef)\"\n ></span>\n </button>\n </tui-opt-group>\n</tui-data-list>\n<ng-template #loading>\n <tui-loader class=\"tui-space_vertical-3\"></tui-loader>\n</ng-template>\n","styles":[":host{display:block}.content{flex:1}"]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":23,"character":5}}]}],"labels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":27,"character":5}}]}]}},"TuiDataListWrapperComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"tui-data-list-wrapper:not([labels])","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":26,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_ACCESSOR","line":29,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiDataListWrapperComponent"}}],"template":"<tui-data-list *ngIf=\"items; else loading\" [emptyContent]=\"emptyContent\">\n <button\n *ngFor=\"let item of items\"\n #elementRef=\"elementRef\"\n tuiElement\n tuiOption\n automation-id=\"tui-data-list-wrapper__option\"\n [size]=\"size\"\n [value]=\"item\"\n [disabled]=\"disabledItemHandler(item)\"\n >\n <span\n polymorpheus-outlet\n class=\"content\"\n [content]=\"itemContent\"\n [context]=\"getContext(item, elementRef)\"\n ></span>\n </button>\n</tui-data-list>\n<ng-template #loading>\n <tui-loader\n automation-id=\"tui-data-list-wrapper__loader\"\n class=\"tui-space_vertical-3\"\n ></tui-loader>\n</ng-template>\n","styles":[":host{display:block}.content{flex:1}"]}]}],"members":{"optionsQuery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":35,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiOptionComponent","line":35,"character":35}]}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":39,"character":5}}]}],"disabledItemHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":43,"character":5}}]}],"emptyContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":48,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":52,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":56,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_ITEMS_HANDLERS","line":56,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"TuiItemsHandlers","module":"@taiga-ui/kit/tokens","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":57,"character":57,"context":{"typeName":"T"},"module":"./data-list-wrapper.component"}]}]}],"itemContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":61,"character":5}}]}],"getContext":[{"__symbolic":"method"}],"getOptions":[{"__symbolic":"method"}]}},"TuiDataListWrapperModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":12,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiElementModule","line":13,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListModule","line":14,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiLoaderModule","line":15,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiDataListWrapperComponent"},{"__symbolic":"reference","name":"TuiDataListGroupWrapperComponent"}],"exports":[{"__symbolic":"reference","name":"TuiDataListWrapperComponent"},{"__symbolic":"reference","name":"TuiDataListGroupWrapperComponent"},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListDirective","line":21,"character":8}]}]}],"members":{}}},"origins":{"TuiDataListGroupWrapperComponent":"./data-list-group-wrapper.component","TuiDataListWrapperComponent":"./data-list-wrapper.component","TuiDataListWrapperModule":"./data-list-wrapper.module"},"importAs":"@taiga-ui/kit/components/data-list-wrapper"}
@@ -11,8 +11,7 @@ export declare class TuiFieldErrorComponent {
11
11
  order: readonly string[];
12
12
  constructor(ngControl: NgControl | null, formArrayName: FormArrayName | null, formGroupName: FormGroupName | null, formGroup: FormGroupDirective | null, validationErrors: Record<string, PolymorpheusContent | Observable<PolymorpheusContent>>);
13
13
  get change$(): Observable<unknown>;
14
- get computedError(): TuiValidationError | Observable<TuiValidationError> | null;
15
- get isObservable(): boolean;
14
+ get computedError(): Observable<TuiValidationError | null>;
16
15
  registerOnChange(): void;
17
16
  registerOnTouched(): void;
18
17
  setDisabledState(): void;
@@ -1,2 +1,5 @@
1
+ /**
2
+ * @deprecated use {@link TuiFieldErrorPipeModule} (from '@taiga-ui/kit') instead
3
+ */
1
4
  export declare class TuiFieldErrorModule {
2
5
  }
@@ -1 +1 @@
1
- {"__symbolic":"module","version":4,"metadata":{"TuiFieldErrorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"tui-field-error","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":21},"member":"Default"},"template":"<ng-container *ngIf=\"change$ | async\"></ng-container>\n<tui-error\n *ngIf=\"isObservable; else string\"\n [error]=\"$any(computedError) | async\"\n></tui-error>\n<ng-template #string>\n <tui-error [error]=\"computedError\"></tui-error>\n</ng-template>\n","styles":[":host{display:block}"]}]}],"members":{"order":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":34,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":38,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":39,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":40,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":40,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":42,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":43,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":44,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"FormArrayName","line":44,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":46,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":47,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":48,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupName","line":48,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":50,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":51,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":52,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":52,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":54,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_VALIDATION_ERRORS","line":54,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":41,"character":36},{"__symbolic":"reference","module":"@angular/forms","name":"FormArrayName","line":45,"character":40},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupName","line":49,"character":40},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":53,"character":36},{"__symbolic":"error","message":"Could not resolve type","line":55,"character":43,"context":{"typeName":"Record"},"module":"./field-error.component"}]}],"change$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":65,"character":5}]}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"getErrorId":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":140,"character":5}]}],"getError":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":151,"character":5}]}]}},"TuiFieldErrorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":14},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiErrorModule","line":7,"character":28}],"declarations":[{"__symbolic":"reference","name":"TuiFieldErrorComponent"}],"exports":[{"__symbolic":"reference","name":"TuiFieldErrorComponent"}]}]}],"members":{}}},"origins":{"TuiFieldErrorComponent":"./field-error.component","TuiFieldErrorModule":"./field-error.module"},"importAs":"@taiga-ui/kit/components/field-error"}
1
+ {"__symbolic":"module","version":4,"metadata":{"TuiFieldErrorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"tui-field-error","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":27,"character":21},"member":"Default"},"template":"<ng-container *ngIf=\"change$ | async\"></ng-container>\n\n<tui-error [error]=\"computedError | async\"></tui-error>\n","styles":[":host{display:block}"]}]}],"members":{"order":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":33,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":37,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":38,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":39,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":39,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":41,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":42,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":43,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"FormArrayName","line":43,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":45,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":46,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":47,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupName","line":47,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":49,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":50,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":51,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":51,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_VALIDATION_ERRORS","line":53,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":40,"character":36},{"__symbolic":"reference","module":"@angular/forms","name":"FormArrayName","line":44,"character":40},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupName","line":48,"character":40},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":52,"character":36},{"__symbolic":"error","message":"Could not resolve type","line":54,"character":43,"context":{"typeName":"Record"},"module":"./field-error.component"}]}],"change$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":64,"character":5}]}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"getErrorId":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":133,"character":5}]}],"getError":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":144,"character":5}]}]}},"TuiFieldErrorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":14},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiErrorModule","line":11,"character":28},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":11,"character":44}],"declarations":[{"__symbolic":"reference","name":"TuiFieldErrorComponent"}],"exports":[{"__symbolic":"reference","name":"TuiFieldErrorComponent"}]}]}],"members":{}}},"origins":{"TuiFieldErrorComponent":"./field-error.component","TuiFieldErrorModule":"./field-error.module"},"importAs":"@taiga-ui/kit/components/field-error"}
@@ -1 +1 @@
1
- {"__symbolic":"module","version":4,"metadata":{"TuiFilterComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiMultipleControl","line":37,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"tui-filter","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":35,"character":21},"member":"OnPush"},"template":"<ng-container *ngFor=\"let item of items\">\n <tui-checkbox-block\n automation-id=\"tui-filter__checkbox\"\n class=\"item\"\n [disabled]=\"disabledItemHandler(item)\"\n [hideCheckbox]=\"true\"\n [ngModel]=\"isCheckboxEnabled(item)\"\n [size]=\"size\"\n (ngModelChange)=\"onCheckbox($event, item)\"\n >\n <div automation-id=\"tui-filter__content\" class=\"content\">\n <div\n polymorpheus-outlet\n [content]=\"content\"\n [context]=\"getItemContentContext(item)\"\n ></div>\n <tui-badge\n *ngIf=\"badgeHandler(item) as badgeValue\"\n automation-id=\"tui-filter__badge\"\n tuiMode=\"onLight\"\n class=\"badge\"\n [class.badge_disabled]=\"disabledItemHandler(item)\"\n [size]=\"size\"\n [value]=\"badgeValue\"\n ></tui-badge>\n </div>\n </tui-checkbox-block>\n</ng-container>\n","styles":[":host{display:block;margin-bottom:-.25rem}.content{display:flex;align-items:center}.item{margin-right:.25rem;margin-bottom:.25rem}.item:last-child,:host[data-tui-host-size='l'] .item:last-child{margin-right:0}:host[data-tui-host-size='l'] .item{margin-right:.5rem;margin-bottom:.5rem}.badge{margin-left:.25rem}.badge_disabled{opacity:var(--tui-disabled-opacity)}"]}]}],"members":{"identityMatcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":39,"character":5}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":43,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":47,"character":5},"arguments":["attr.data-tui-host-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":48,"character":5}}]}],"disabledItemHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":52,"character":5}}]}],"toggledItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":59,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":60,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":61,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":61,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":63,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":63,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":64,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":64,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":62,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":63,"character":54},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":64,"character":68,"context":{"typeName":"HTMLElement"},"module":"./filter.component"}]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":70,"character":5}}]}],"badgeHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":75,"character":5}}]}],"getItemContentContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":82,"character":5}]}],"onCheckbox":[{"__symbolic":"method"}],"isCheckboxEnabled":[{"__symbolic":"method"}]}},"TuiFilterModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":13,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":14,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/checkbox-block","name":"TuiCheckboxBlockModule","line":15,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/badge","name":"TuiBadgeModule","line":16,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeModule","line":17,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiFilterComponent"}],"exports":[{"__symbolic":"reference","name":"TuiFilterComponent"}]}]}],"members":{}}},"origins":{"TuiFilterComponent":"./filter.component","TuiFilterModule":"./filter.module"},"importAs":"@taiga-ui/kit/components/filter"}
1
+ {"__symbolic":"module","version":4,"metadata":{"TuiFilterComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiMultipleControl","line":37,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"tui-filter","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":35,"character":21},"member":"OnPush"},"template":"<ng-container *ngFor=\"let item of items\">\n <tui-checkbox-block\n automation-id=\"tui-filter__checkbox\"\n class=\"item\"\n [disabled]=\"disabledItemHandler(item)\"\n [hideCheckbox]=\"true\"\n [ngModel]=\"isCheckboxEnabled(item)\"\n [size]=\"size\"\n (ngModelChange)=\"onCheckbox($event, item)\"\n >\n <div automation-id=\"tui-filter__content\" class=\"content\">\n <div\n polymorpheus-outlet\n [content]=\"content\"\n [context]=\"getItemContentContext(item)\"\n ></div>\n <tui-badge\n *ngIf=\"badgeHandler(item) as badgeValue\"\n automation-id=\"tui-filter__badge\"\n tuiMode=\"onLight\"\n class=\"badge\"\n [class.badge_disabled]=\"disabledItemHandler(item)\"\n [size]=\"size\"\n [value]=\"badgeValue\"\n ></tui-badge>\n </div>\n </tui-checkbox-block>\n</ng-container>\n","styles":[":host{display:block;margin-bottom:-.25rem}.content{display:flex;align-items:center}.item{margin-right:.25rem;margin-bottom:.25rem}.item:last-child,:host[data-size='l'] .item:last-child{margin-right:0}:host[data-size='l'] .item{margin-right:.5rem;margin-bottom:.5rem}.badge{margin-left:.25rem}.badge_disabled{opacity:var(--tui-disabled-opacity)}"]}]}],"members":{"identityMatcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":39,"character":5}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":43,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":47,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":48,"character":5}}]}],"disabledItemHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":52,"character":5}}]}],"toggledItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":59,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":60,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":61,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":61,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":63,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":63,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":64,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":64,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":62,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":63,"character":54},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":64,"character":68,"context":{"typeName":"HTMLElement"},"module":"./filter.component"}]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":70,"character":5}}]}],"badgeHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":75,"character":5}}]}],"getItemContentContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":82,"character":5}]}],"onCheckbox":[{"__symbolic":"method"}],"isCheckboxEnabled":[{"__symbolic":"method"}]}},"TuiFilterModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":13,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":14,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/checkbox-block","name":"TuiCheckboxBlockModule","line":15,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/badge","name":"TuiBadgeModule","line":16,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeModule","line":17,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiFilterComponent"}],"exports":[{"__symbolic":"reference","name":"TuiFilterComponent"}]}]}],"members":{}}},"origins":{"TuiFilterComponent":"./filter.component","TuiFilterModule":"./filter.module"},"importAs":"@taiga-ui/kit/components/filter"}
@@ -1,6 +1,6 @@
1
- import { InjectionToken } from '@angular/core';
1
+ import { InjectionToken, ValueProvider } from '@angular/core';
2
2
  import { PolymorpheusContent } from '@tinkoff/ng-polymorpheus';
3
- export interface InputCountOptions {
3
+ export interface TuiInputCountOptions {
4
4
  readonly icons: Readonly<{
5
5
  up: PolymorpheusContent<{}>;
6
6
  down: PolymorpheusContent<{}>;
@@ -12,8 +12,14 @@ export interface InputCountOptions {
12
12
  readonly step: number;
13
13
  readonly postfix: string;
14
14
  }
15
+ /**
16
+ * @deprecated: use TuiInputCountOptions instead
17
+ * todo: remove in 3.0
18
+ */
19
+ export declare type InputCountOptions = TuiInputCountOptions;
15
20
  export declare const PASSWORD_ICON_UP = "tuiIconPlus";
16
21
  export declare const PASSWORD_ICON_DOWN = "tuiIconMinus";
17
22
  /** Default values for the input count options. */
18
- export declare const TUI_INPUT_COUNT_DEFAULT_OPTIONS: InputCountOptions;
19
- export declare const TUI_INPUT_COUNT_OPTIONS: InjectionToken<InputCountOptions>;
23
+ export declare const TUI_INPUT_COUNT_DEFAULT_OPTIONS: TuiInputCountOptions;
24
+ export declare const TUI_INPUT_COUNT_OPTIONS: InjectionToken<TuiInputCountOptions>;
25
+ export declare const tuiInputCountOptionsProvider: (options: Partial<TuiInputCountOptions>) => ValueProvider;
@@ -4,13 +4,13 @@ import { AbstractTuiControl, TuiFocusableElementAccessor } from '@taiga-ui/cdk';
4
4
  import { NumberFormatSettings, TuiSizeL, TuiSizeS, TuiTextfieldSizeDirective, TuiTextMaskOptions, TuiWithOptionalMinMax } from '@taiga-ui/core';
5
5
  import { PolymorpheusContent } from '@tinkoff/ng-polymorpheus';
6
6
  import { Observable } from 'rxjs';
7
- import { InputCountOptions } from './input-count-options';
7
+ import { TuiInputCountOptions } from './input-count-options';
8
8
  export declare class TuiInputCountComponent extends AbstractTuiControl<number> implements TuiWithOptionalMinMax<number>, TuiFocusableElementAccessor {
9
9
  private readonly appearance;
10
10
  private readonly textfieldSize;
11
11
  readonly minusTexts$: Observable<[string, string]>;
12
12
  private readonly isMobile;
13
- readonly options: InputCountOptions;
13
+ readonly options: TuiInputCountOptions;
14
14
  private readonly numberFormat;
15
15
  private readonly primitiveTextfield?;
16
16
  step: number;
@@ -19,7 +19,7 @@ export declare class TuiInputCountComponent extends AbstractTuiControl<number> i
19
19
  hideButtons: boolean;
20
20
  prefix: string;
21
21
  postfix: string;
22
- constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, appearance: string, textfieldSize: TuiTextfieldSizeDirective, minusTexts$: Observable<[string, string]>, isMobile: boolean, options: InputCountOptions, numberFormat: NumberFormatSettings);
22
+ constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, appearance: string, textfieldSize: TuiTextfieldSizeDirective, minusTexts$: Observable<[string, string]>, isMobile: boolean, options: TuiInputCountOptions, numberFormat: NumberFormatSettings);
23
23
  getMask(allowNegative: boolean): TuiTextMaskOptions;
24
24
  get buttonsHidden(): boolean;
25
25
  get iconUp(): PolymorpheusContent<{}>;
@@ -1 +1 @@
1
- {"__symbolic":"module","version":4,"metadata":{"TuiInputCountComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiControl","line":63,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":46,"character":1},"arguments":[{"selector":"tui-input-count","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":50,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":53,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiInputCountComponent"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiControl","line":57,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiInputCountComponent"}}],"template":"<tui-primitive-textfield\n tuiValueAccessor\n tuiTextfieldAutocomplete=\"off\"\n tuiTextfieldInputMode=\"numeric\"\n class=\"textfield\"\n [tuiTextfieldMaxLength]=\"18\"\n [pseudoFocused]=\"pseudoFocused\"\n [pseudoHovered]=\"pseudoHovered\"\n [pseudoPressed]=\"pseudoPressed\"\n [focusable]=\"focusable\"\n [nativeId]=\"nativeId\"\n [prefix]=\"prefix\"\n [postfix]=\"postfix\"\n [disabled]=\"computedDisabled\"\n [readOnly]=\"readOnly\"\n [textMask]=\"getMask(min < 0)\"\n [invalid]=\"computedInvalid\"\n [value]=\"computedValue\"\n (valueChange)=\"onValueChange()\"\n (keydown)=\"onKeydown($event)\"\n (focusedChange)=\"onFocused($event)\"\n (hoveredChange)=\"onHovered($event)\"\n (pressedChange)=\"onPressed($event)\"\n>\n <ng-content></ng-content>\n <ng-content select=\"input\" ngProjectAs=\"input\"></ng-content>\n</tui-primitive-textfield>\n<ng-container *ngIf=\"!buttonsHidden && (minusTexts$ | async) as texts\">\n <section class=\"buttons\">\n <button\n tuiIconButton\n type=\"button\"\n automation-id=\"tui-input-count__plus-button\"\n size=\"s\"\n class=\"button button_plus\"\n [icon]=\"iconUp\"\n [appearance]=\"options.appearance\"\n [title]=\"texts[0]\"\n [disabled]=\"plusButtonDisabled\"\n [focusable]=\"false\"\n (mousedown)=\"onButtonMouseDown($event, plusButtonDisabled)\"\n (click)=\"increaseValue()\"\n ></button>\n <button\n tuiIconButton\n type=\"button\"\n automation-id=\"tui-input-count__minus-button\"\n size=\"s\"\n class=\"button button_minus\"\n [icon]=\"iconDown\"\n [appearance]=\"options.appearance\"\n [disabled]=\"minusButtonDisabled\"\n [focusable]=\"false\"\n [title]=\"texts[1]\"\n (mousedown)=\"onButtonMouseDown($event, minusButtonDisabled)\"\n (click)=\"decreaseValue()\"\n ></button>\n </section>\n</ng-container>\n","styles":[":host{display:flex;font:var(--tui-font-text-s);border-radius:var(--tui-radius-m);height:var(--tui-height-m);color:var(--tui-text-01);text-align:left}:host._disabled{pointer-events:none}:host[data-tui-host-size='l']{font:var(--tui-font-text-m);height:var(--tui-height-l)}.textfield{position:relative;border-radius:inherit;text-align:inherit;flex-grow:1;min-width:0}:host:not(._hide-buttons) .textfield{border-top-right-radius:0;border-bottom-right-radius:0}.buttons{display:flex;flex-direction:column;margin-left:.125rem;height:100%}.buttons .button{display:flex;width:calc(var(--tui-height-m) * .75);height:calc(50% - .0625rem)}.buttons .button_plus{margin-bottom:.125rem;border-radius:0 var(--tui-radius-m) 0 0}.buttons .button_minus{border-radius:0 0 var(--tui-radius-m)}:host[data-tui-host-size='l'] .buttons .button{width:calc(var(--tui-height-l) * .75)}"]}]}],"members":{"primitiveTextfield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":66,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveTextfieldComponent","line":66,"character":15}]}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":70,"character":5}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":74,"character":5}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":78,"character":5}}]}],"hideButtons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":82,"character":5}}]}],"prefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":86,"character":5}}]}],"postfix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":90,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":94,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":95,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":96,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":96,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":98,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":98,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":99,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_APPEARANCE","line":99,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":101,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_SIZE","line":101,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":103,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_PLUS_MINUS_TEXTS","line":103,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":105,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_IS_MOBILE","line":105,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":106,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_INPUT_COUNT_OPTIONS"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":108,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_NUMBER_FORMAT","line":108,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":97,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":98,"character":54},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTextfieldSizeDirective","line":102,"character":40},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":104,"character":41,"module":"./input-count.component"}]},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","name":"InputCountOptions"},{"__symbolic":"reference","module":"@taiga-ui/core","name":"NumberFormatSettings","line":109,"character":39}]}],"getMask":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":114,"character":5}]}],"buttonsHidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":127,"character":5},"arguments":["class._hide-buttons"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":146,"character":5},"arguments":["attr.data-tui-host-size"]}]}],"onButtonMouseDown":[{"__symbolic":"method"}],"onFocused":[{"__symbolic":"method"}],"onHovered":[{"__symbolic":"method"}],"onPressed":[{"__symbolic":"method"}],"onValueChange":[{"__symbolic":"method"}],"decreaseValue":[{"__symbolic":"method"}],"increaseValue":[{"__symbolic":"method"}],"onKeydown":[{"__symbolic":"method"}],"getFallbackValue":[{"__symbolic":"method"}],"safeUpdateValue":[{"__symbolic":"method"}],"capValue":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"formatNumber":[{"__symbolic":"method"}]}},"TuiInputCountDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiAbstractTextfieldHost","line":14,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"tui-input-count","providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_HOST","line":9,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiInputCountDirective"}}]}]}],"members":{"onValueChange":[{"__symbolic":"method"}],"process":[{"__symbolic":"method"}]}},"TuiInputCountModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":8},{"__symbolic":"reference","module":"angular2-text-mask","name":"TextMaskModule","line":18,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiButtonModule","line":19,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveTextfieldModule","line":20,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTextfieldControllerModule","line":21,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/directives","name":"TuiValueAccessorModule","line":22,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":23,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiInputCountComponent"},{"__symbolic":"reference","name":"TuiInputCountDirective"}],"exports":[{"__symbolic":"reference","name":"TuiInputCountComponent"},{"__symbolic":"reference","name":"TuiInputCountDirective"},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTextfieldComponent","line":26,"character":62}]}]}],"members":{}},"InputCountOptions":{"__symbolic":"interface"},"PASSWORD_ICON_UP":"tuiIconPlus","PASSWORD_ICON_DOWN":"tuiIconMinus","TUI_INPUT_COUNT_DEFAULT_OPTIONS":{"icons":{"up":{"__symbolic":"reference","name":"PASSWORD_ICON_UP"},"down":{"__symbolic":"reference","name":"PASSWORD_ICON_DOWN"}},"appearance":"textfield","hideButtons":false,"min":0,"max":{"__symbolic":"reference","name":"Infinity"},"step":1,"postfix":""},"TUI_INPUT_COUNT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":34,"character":43},"arguments":["Default parameters for input count component",{"__symbolic":"error","message":"Lambda not supported","line":37,"character":17,"module":"./input-count-options"}]}},"origins":{"TuiInputCountComponent":"./input-count.component","TuiInputCountDirective":"./input-count.directive","TuiInputCountModule":"./input-count.module","InputCountOptions":"./input-count-options","PASSWORD_ICON_UP":"./input-count-options","PASSWORD_ICON_DOWN":"./input-count-options","TUI_INPUT_COUNT_DEFAULT_OPTIONS":"./input-count-options","TUI_INPUT_COUNT_OPTIONS":"./input-count-options"},"importAs":"@taiga-ui/kit/components/input-count"}
1
+ {"__symbolic":"module","version":4,"metadata":{"TuiInputCountComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiControl","line":63,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":46,"character":1},"arguments":[{"selector":"tui-input-count","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":50,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":53,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiInputCountComponent"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiControl","line":57,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiInputCountComponent"}}],"template":"<tui-primitive-textfield\n tuiValueAccessor\n tuiTextfieldAutocomplete=\"off\"\n tuiTextfieldInputMode=\"numeric\"\n class=\"textfield\"\n [tuiTextfieldMaxLength]=\"18\"\n [pseudoFocused]=\"pseudoFocused\"\n [pseudoHovered]=\"pseudoHovered\"\n [pseudoPressed]=\"pseudoPressed\"\n [focusable]=\"focusable\"\n [nativeId]=\"nativeId\"\n [prefix]=\"prefix\"\n [postfix]=\"postfix\"\n [disabled]=\"computedDisabled\"\n [readOnly]=\"readOnly\"\n [textMask]=\"getMask(min < 0)\"\n [invalid]=\"computedInvalid\"\n [value]=\"computedValue\"\n (valueChange)=\"onValueChange()\"\n (keydown)=\"onKeydown($event)\"\n (focusedChange)=\"onFocused($event)\"\n (hoveredChange)=\"onHovered($event)\"\n (pressedChange)=\"onPressed($event)\"\n>\n <ng-content></ng-content>\n <ng-content select=\"input\" ngProjectAs=\"input\"></ng-content>\n</tui-primitive-textfield>\n<ng-container *ngIf=\"!buttonsHidden && (minusTexts$ | async) as texts\">\n <section class=\"buttons\">\n <button\n tuiIconButton\n type=\"button\"\n automation-id=\"tui-input-count__plus-button\"\n size=\"s\"\n class=\"button button_plus\"\n [icon]=\"iconUp\"\n [appearance]=\"options.appearance\"\n [title]=\"texts[0]\"\n [disabled]=\"plusButtonDisabled\"\n [focusable]=\"false\"\n (mousedown)=\"onButtonMouseDown($event, plusButtonDisabled)\"\n (click)=\"increaseValue()\"\n ></button>\n <button\n tuiIconButton\n type=\"button\"\n automation-id=\"tui-input-count__minus-button\"\n size=\"s\"\n class=\"button button_minus\"\n [icon]=\"iconDown\"\n [appearance]=\"options.appearance\"\n [disabled]=\"minusButtonDisabled\"\n [focusable]=\"false\"\n [title]=\"texts[1]\"\n (mousedown)=\"onButtonMouseDown($event, minusButtonDisabled)\"\n (click)=\"decreaseValue()\"\n ></button>\n </section>\n</ng-container>\n","styles":[":host{display:flex;font:var(--tui-font-text-s);border-radius:var(--tui-radius-m);height:var(--tui-height-m);color:var(--tui-text-01);text-align:left}:host._disabled{pointer-events:none}:host[data-size='l']{font:var(--tui-font-text-m);height:var(--tui-height-l)}.textfield{position:relative;border-radius:inherit;text-align:inherit;flex-grow:1;min-width:0}:host:not(._hide-buttons) .textfield{border-top-right-radius:0;border-bottom-right-radius:0}.buttons{display:flex;flex-direction:column;margin-left:.125rem;height:100%}.buttons .button{display:flex;width:calc(var(--tui-height-m) * .75);height:calc(50% - .0625rem)}.buttons .button_plus{margin-bottom:.125rem;border-radius:0 var(--tui-radius-m) 0 0}.buttons .button_minus{border-radius:0 0 var(--tui-radius-m)}:host[data-size='l'] .buttons .button{width:calc(var(--tui-height-l) * .75)}"]}]}],"members":{"primitiveTextfield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":66,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveTextfieldComponent","line":66,"character":15}]}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":70,"character":5}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":74,"character":5}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":78,"character":5}}]}],"hideButtons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":82,"character":5}}]}],"prefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":86,"character":5}}]}],"postfix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":90,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":94,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":95,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":96,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":96,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":98,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":98,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":99,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_APPEARANCE","line":99,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":101,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_SIZE","line":101,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":103,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_PLUS_MINUS_TEXTS","line":103,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":105,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_IS_MOBILE","line":105,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":106,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_INPUT_COUNT_OPTIONS"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":108,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_NUMBER_FORMAT","line":108,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":97,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":98,"character":54},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTextfieldSizeDirective","line":102,"character":40},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":104,"character":41,"module":"./input-count.component"}]},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","name":"TuiInputCountOptions"},{"__symbolic":"reference","module":"@taiga-ui/core","name":"NumberFormatSettings","line":109,"character":39}]}],"getMask":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":114,"character":5}]}],"buttonsHidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":127,"character":5},"arguments":["class._hide-buttons"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":146,"character":5},"arguments":["attr.data-size"]}]}],"onButtonMouseDown":[{"__symbolic":"method"}],"onFocused":[{"__symbolic":"method"}],"onHovered":[{"__symbolic":"method"}],"onPressed":[{"__symbolic":"method"}],"onValueChange":[{"__symbolic":"method"}],"decreaseValue":[{"__symbolic":"method"}],"increaseValue":[{"__symbolic":"method"}],"onKeydown":[{"__symbolic":"method"}],"getFallbackValue":[{"__symbolic":"method"}],"safeUpdateValue":[{"__symbolic":"method"}],"capValue":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"formatNumber":[{"__symbolic":"method"}]}},"TuiInputCountDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiAbstractTextfieldHost","line":14,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"tui-input-count","providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_HOST","line":9,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiInputCountDirective"}}]}]}],"members":{"onValueChange":[{"__symbolic":"method"}],"process":[{"__symbolic":"method"}]}},"TuiInputCountModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":8},{"__symbolic":"reference","module":"angular2-text-mask","name":"TextMaskModule","line":18,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiButtonModule","line":19,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveTextfieldModule","line":20,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTextfieldControllerModule","line":21,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/directives","name":"TuiValueAccessorModule","line":22,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":23,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiInputCountComponent"},{"__symbolic":"reference","name":"TuiInputCountDirective"}],"exports":[{"__symbolic":"reference","name":"TuiInputCountComponent"},{"__symbolic":"reference","name":"TuiInputCountDirective"},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTextfieldComponent","line":26,"character":62}]}]}],"members":{}},"TuiInputCountOptions":{"__symbolic":"interface"},"InputCountOptions":{"__symbolic":"interface"},"PASSWORD_ICON_UP":"tuiIconPlus","PASSWORD_ICON_DOWN":"tuiIconMinus","TUI_INPUT_COUNT_DEFAULT_OPTIONS":{"icons":{"up":{"__symbolic":"reference","name":"PASSWORD_ICON_UP"},"down":{"__symbolic":"reference","name":"PASSWORD_ICON_DOWN"}},"appearance":"textfield","hideButtons":false,"min":0,"max":{"__symbolic":"reference","name":"Infinity"},"step":1,"postfix":""},"TUI_INPUT_COUNT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":40,"character":43},"arguments":["Default parameters for input count component",{"__symbolic":"error","message":"Lambda not supported","line":43,"character":17,"module":"./input-count-options"}]},"tuiInputCountOptionsProvider":{"__symbolic":"error","message":"Lambda not supported","line":49,"character":21,"module":"./input-count-options"}},"origins":{"TuiInputCountComponent":"./input-count.component","TuiInputCountDirective":"./input-count.directive","TuiInputCountModule":"./input-count.module","TuiInputCountOptions":"./input-count-options","InputCountOptions":"./input-count-options","PASSWORD_ICON_UP":"./input-count-options","PASSWORD_ICON_DOWN":"./input-count-options","TUI_INPUT_COUNT_DEFAULT_OPTIONS":"./input-count-options","TUI_INPUT_COUNT_OPTIONS":"./input-count-options","tuiInputCountOptionsProvider":"./input-count-options"},"importAs":"@taiga-ui/kit/components/input-count"}
@@ -1,15 +1,21 @@
1
- import { InjectionToken } from '@angular/core';
1
+ import { InjectionToken, ValueProvider } from '@angular/core';
2
2
  import { TuiContextWithImplicit } from '@taiga-ui/cdk';
3
3
  import { TuiSizeL, TuiSizeS } from '@taiga-ui/core';
4
4
  import { PolymorpheusContent } from '@tinkoff/ng-polymorpheus';
5
- export interface InputPasswordOptions {
5
+ export interface TuiInputPasswordOptions {
6
6
  readonly icons: Readonly<{
7
7
  hide: PolymorpheusContent<TuiContextWithImplicit<TuiSizeS | TuiSizeL>>;
8
8
  show: PolymorpheusContent<TuiContextWithImplicit<TuiSizeS | TuiSizeL>>;
9
9
  }>;
10
10
  }
11
+ /**
12
+ * @deprecated: use TuiInputPasswordOptions instead
13
+ * todo: remove in 3.0
14
+ */
15
+ export declare type InputPasswordOptions = TuiInputPasswordOptions;
11
16
  export declare const PASSWORD_ICON_HIDE: ({ $implicit }: any) => "tuiIconEyeClosed" | "tuiIconHideLarge";
12
17
  export declare const PASSWORD_ICON_SHOW: ({ $implicit }: any) => "tuiIconEyeOpen" | "tuiIconShowLarge";
13
18
  /** Default values for the input password options. */
14
- export declare const TUI_INPUT_PASSWORD_DEFAULT_OPTIONS: InputPasswordOptions;
15
- export declare const TUI_INPUT_PASSWORD_OPTIONS: InjectionToken<InputPasswordOptions>;
19
+ export declare const TUI_INPUT_PASSWORD_DEFAULT_OPTIONS: TuiInputPasswordOptions;
20
+ export declare const TUI_INPUT_PASSWORD_OPTIONS: InjectionToken<TuiInputPasswordOptions>;
21
+ export declare const tuiInputPasswordOptionsProvider: (options: Partial<TuiInputPasswordOptions>) => ValueProvider;
@@ -4,17 +4,17 @@ import { AbstractTuiControl, TuiContextWithImplicit, TuiFocusableElementAccessor
4
4
  import { TuiBrightness, TuiHintControllerDirective, TuiHintModeT, TuiSizeL, TuiSizeS, TuiTextfieldSizeDirective } from '@taiga-ui/core';
5
5
  import { PolymorpheusContent } from '@tinkoff/ng-polymorpheus';
6
6
  import { Observable } from 'rxjs';
7
- import { InputPasswordOptions } from './input-password-options';
7
+ import { TuiInputPasswordOptions } from './input-password-options';
8
8
  export declare class TuiInputPasswordComponent extends AbstractTuiControl<string> implements TuiFocusableElementAccessor {
9
9
  private readonly textfieldSize;
10
10
  readonly passwordTexts$: Observable<[string, string]>;
11
- readonly options: InputPasswordOptions;
11
+ readonly options: TuiInputPasswordOptions;
12
12
  readonly hintController: TuiHintControllerDirective;
13
13
  private readonly mode$;
14
14
  private readonly textfield?;
15
15
  isPasswordHidden: boolean;
16
16
  readonly computedMode$: Observable<TuiBrightness | TuiHintModeT | null>;
17
- constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, textfieldSize: TuiTextfieldSizeDirective, passwordTexts$: Observable<[string, string]>, options: InputPasswordOptions, hintController: TuiHintControllerDirective, mode$: Observable<TuiBrightness | null>);
17
+ constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, textfieldSize: TuiTextfieldSizeDirective, passwordTexts$: Observable<[string, string]>, options: TuiInputPasswordOptions, hintController: TuiHintControllerDirective, mode$: Observable<TuiBrightness | null>);
18
18
  get nativeFocusableElement(): TuiNativeFocusableElement | null;
19
19
  get focused(): boolean;
20
20
  get icon(): PolymorpheusContent<TuiContextWithImplicit<TuiSizeS | TuiSizeL>>;