@taiga-ui/kit 2.34.0 → 2.35.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 (239) hide show
  1. package/bundles/taiga-ui-kit-components-calendar-month.umd.js +2 -2
  2. package/bundles/taiga-ui-kit-components-calendar-month.umd.js.map +1 -1
  3. package/bundles/taiga-ui-kit-components-calendar-month.umd.min.js +2 -2
  4. package/bundles/taiga-ui-kit-components-calendar-month.umd.min.js.map +1 -1
  5. package/bundles/taiga-ui-kit-components-input-month-range.umd.js +64 -41
  6. package/bundles/taiga-ui-kit-components-input-month-range.umd.js.map +1 -1
  7. package/bundles/taiga-ui-kit-components-input-month-range.umd.min.js +2 -2
  8. package/bundles/taiga-ui-kit-components-input-month-range.umd.min.js.map +1 -1
  9. package/bundles/taiga-ui-kit-components-input-month.umd.js +57 -32
  10. package/bundles/taiga-ui-kit-components-input-month.umd.js.map +1 -1
  11. package/bundles/taiga-ui-kit-components-input-month.umd.min.js +2 -2
  12. package/bundles/taiga-ui-kit-components-input-month.umd.min.js.map +1 -1
  13. package/bundles/taiga-ui-kit-components-input-number.umd.js +8 -2
  14. package/bundles/taiga-ui-kit-components-input-number.umd.js.map +1 -1
  15. package/bundles/taiga-ui-kit-components-input-number.umd.min.js +1 -1
  16. package/bundles/taiga-ui-kit-components-input-number.umd.min.js.map +1 -1
  17. package/bundles/taiga-ui-kit-components-input-phone.umd.js +8 -2
  18. package/bundles/taiga-ui-kit-components-input-phone.umd.js.map +1 -1
  19. package/bundles/taiga-ui-kit-components-input-phone.umd.min.js +2 -2
  20. package/bundles/taiga-ui-kit-components-input-phone.umd.min.js.map +1 -1
  21. package/bundles/taiga-ui-kit-components-input-tag.umd.js +15 -8
  22. package/bundles/taiga-ui-kit-components-input-tag.umd.js.map +1 -1
  23. package/bundles/taiga-ui-kit-components-input-tag.umd.min.js +1 -1
  24. package/bundles/taiga-ui-kit-components-input-tag.umd.min.js.map +1 -1
  25. package/bundles/taiga-ui-kit-components-line-clamp.umd.js +24 -14
  26. package/bundles/taiga-ui-kit-components-line-clamp.umd.js.map +1 -1
  27. package/bundles/taiga-ui-kit-components-line-clamp.umd.min.js +1 -1
  28. package/bundles/taiga-ui-kit-components-line-clamp.umd.min.js.map +1 -1
  29. package/bundles/taiga-ui-kit-components-multi-select.umd.js +21 -7
  30. package/bundles/taiga-ui-kit-components-multi-select.umd.js.map +1 -1
  31. package/bundles/taiga-ui-kit-components-multi-select.umd.min.js +2 -2
  32. package/bundles/taiga-ui-kit-components-multi-select.umd.min.js.map +1 -1
  33. package/bundles/taiga-ui-kit-components-progress.umd.js +140 -73
  34. package/bundles/taiga-ui-kit-components-progress.umd.js.map +1 -1
  35. package/bundles/taiga-ui-kit-components-progress.umd.min.js +2 -2
  36. package/bundles/taiga-ui-kit-components-progress.umd.min.js.map +1 -1
  37. package/bundles/taiga-ui-kit-components-slider.umd.js +37 -24
  38. package/bundles/taiga-ui-kit-components-slider.umd.js.map +1 -1
  39. package/bundles/taiga-ui-kit-components-slider.umd.min.js +2 -2
  40. package/bundles/taiga-ui-kit-components-slider.umd.min.js.map +1 -1
  41. package/bundles/taiga-ui-kit-components-text-area.umd.js +1 -1
  42. package/bundles/taiga-ui-kit-components-text-area.umd.min.js +1 -1
  43. package/bundles/taiga-ui-kit-components-text-area.umd.min.js.map +1 -1
  44. package/bundles/taiga-ui-kit-directives-lazy-loading.umd.js +1 -1
  45. package/bundles/taiga-ui-kit-directives-lazy-loading.umd.min.js +1 -1
  46. package/bundles/taiga-ui-kit-pipes-field-error.umd.js +38 -6
  47. package/bundles/taiga-ui-kit-pipes-field-error.umd.js.map +1 -1
  48. package/bundles/taiga-ui-kit-pipes-field-error.umd.min.js +2 -2
  49. package/bundles/taiga-ui-kit-pipes-field-error.umd.min.js.map +1 -1
  50. package/bundles/taiga-ui-kit-providers.umd.js +29 -12
  51. package/bundles/taiga-ui-kit-providers.umd.js.map +1 -1
  52. package/bundles/taiga-ui-kit-providers.umd.min.js +1 -1
  53. package/bundles/taiga-ui-kit-providers.umd.min.js.map +1 -1
  54. package/bundles/taiga-ui-kit-tokens.umd.js +3 -0
  55. package/bundles/taiga-ui-kit-tokens.umd.js.map +1 -1
  56. package/bundles/taiga-ui-kit-tokens.umd.min.js +1 -1
  57. package/bundles/taiga-ui-kit-tokens.umd.min.js.map +1 -1
  58. package/components/calendar-month/taiga-ui-kit-components-calendar-month.metadata.json +1 -1
  59. package/components/input-month/index.d.ts +1 -0
  60. package/components/input-month/input-month.component.d.ts +6 -4
  61. package/components/input-month/input-month.directive.d.ts +8 -1
  62. package/components/input-month/input-month.providers.d.ts +2 -0
  63. package/components/input-month/taiga-ui-kit-components-input-month.metadata.json +1 -1
  64. package/components/input-month-range/index.d.ts +1 -0
  65. package/components/input-month-range/input-month-range.component.d.ts +6 -7
  66. package/components/input-month-range/input-month-range.directive.d.ts +8 -1
  67. package/components/input-month-range/input-month-range.providers.d.ts +2 -0
  68. package/components/input-month-range/taiga-ui-kit-components-input-month-range.metadata.json +1 -1
  69. package/components/input-number/input-number.directive.d.ts +4 -1
  70. package/components/input-number/taiga-ui-kit-components-input-number.metadata.json +1 -1
  71. package/components/input-phone/input-phone.directive.d.ts +4 -1
  72. package/components/input-phone/taiga-ui-kit-components-input-phone.metadata.json +1 -1
  73. package/components/input-tag/input-tag.component.d.ts +4 -3
  74. package/components/input-tag/taiga-ui-kit-components-input-tag.metadata.json +1 -1
  75. package/components/line-clamp/line-clamp.component.d.ts +7 -3
  76. package/components/line-clamp/taiga-ui-kit-components-line-clamp.metadata.json +1 -1
  77. package/components/multi-select/hide-selected.pipe.d.ts +1 -1
  78. package/components/multi-select/multi-select.component.d.ts +4 -2
  79. package/components/multi-select/taiga-ui-kit-components-multi-select.metadata.json +1 -1
  80. package/components/progress/index.d.ts +4 -3
  81. package/components/progress/progress-bar/progress-color-segments.directive.d.ts +11 -0
  82. package/components/progress/taiga-ui-kit-components-progress.metadata.json +1 -1
  83. package/components/progress/{pipes → utils}/abstract-color-segments.d.ts +0 -0
  84. package/components/progress/utils/calculate-color-segments.d.ts +5 -0
  85. package/components/progress/{pipes → utils}/progress-color-segments-async.pipe.d.ts +5 -0
  86. package/components/progress/utils/progress-color-segments.pipe.d.ts +9 -0
  87. package/components/slider/slider.component.d.ts +5 -6
  88. package/components/slider/taiga-ui-kit-components-slider.metadata.json +1 -1
  89. package/components/text-area/taiga-ui-kit-components-text-area.metadata.json +1 -1
  90. package/directives/lazy-loading/index.d.ts +1 -0
  91. package/directives/lazy-loading/taiga-ui-kit-directives-lazy-loading.d.ts +0 -1
  92. package/directives/lazy-loading/taiga-ui-kit-directives-lazy-loading.metadata.json +1 -1
  93. package/esm2015/components/calendar-month/calendar-month.component.js +3 -3
  94. package/esm2015/components/input-month/index.js +2 -1
  95. package/esm2015/components/input-month/input-month.component.js +19 -25
  96. package/esm2015/components/input-month/input-month.directive.js +32 -7
  97. package/esm2015/components/input-month/input-month.module.js +4 -4
  98. package/esm2015/components/input-month/input-month.providers.js +19 -0
  99. package/esm2015/components/input-month-range/index.js +2 -1
  100. package/esm2015/components/input-month-range/input-month-range.component.js +21 -37
  101. package/esm2015/components/input-month-range/input-month-range.directive.js +37 -7
  102. package/esm2015/components/input-month-range/input-month-range.module.js +3 -2
  103. package/esm2015/components/input-month-range/input-month-range.providers.js +19 -0
  104. package/esm2015/components/input-number/input-number.directive.js +9 -3
  105. package/esm2015/components/input-phone/input-phone.directive.js +9 -3
  106. package/esm2015/components/input-tag/input-tag.component.js +16 -9
  107. package/esm2015/components/line-clamp/line-clamp.component.js +25 -15
  108. package/esm2015/components/multi-select/hide-selected.pipe.js +4 -3
  109. package/esm2015/components/multi-select/multi-select.component.js +16 -6
  110. package/esm2015/components/progress/index.js +5 -4
  111. package/esm2015/components/progress/progress-bar/progress-color-segments.directive.js +48 -0
  112. package/esm2015/components/progress/progress.module.js +6 -3
  113. package/esm2015/components/progress/utils/abstract-color-segments.js +32 -0
  114. package/esm2015/components/progress/utils/calculate-color-segments.js +10 -0
  115. package/esm2015/components/progress/utils/progress-color-segments-async.pipe.js +21 -0
  116. package/esm2015/components/progress/utils/progress-color-segments.pipe.js +19 -0
  117. package/esm2015/components/slider/slider.component.js +34 -20
  118. package/esm2015/components/text-area/text-area.component.js +1 -1
  119. package/esm2015/directives/lazy-loading/index.js +2 -1
  120. package/esm2015/directives/lazy-loading/taiga-ui-kit-directives-lazy-loading.js +1 -2
  121. package/esm2015/pipes/field-error/field-error-content-pipe.js +35 -0
  122. package/esm2015/pipes/field-error/field-error.module.js +4 -3
  123. package/esm2015/pipes/field-error/index.js +2 -1
  124. package/esm2015/providers/index.js +2 -1
  125. package/esm2015/providers/month-formatter.provider.js +17 -0
  126. package/esm2015/providers/value-accessor.provider.js +2 -2
  127. package/esm2015/tokens/index.js +2 -1
  128. package/esm2015/tokens/month-formatter.js +3 -0
  129. package/esm5/components/calendar-month/calendar-month.component.js +3 -3
  130. package/esm5/components/input-month/index.js +2 -1
  131. package/esm5/components/input-month/input-month.component.js +18 -25
  132. package/esm5/components/input-month/input-month.directive.js +32 -9
  133. package/esm5/components/input-month/input-month.module.js +4 -4
  134. package/esm5/components/input-month/input-month.providers.js +19 -0
  135. package/esm5/components/input-month-range/index.js +2 -1
  136. package/esm5/components/input-month-range/input-month-range.component.js +20 -38
  137. package/esm5/components/input-month-range/input-month-range.directive.js +38 -8
  138. package/esm5/components/input-month-range/input-month-range.module.js +3 -2
  139. package/esm5/components/input-month-range/input-month-range.providers.js +19 -0
  140. package/esm5/components/input-number/input-number.directive.js +9 -3
  141. package/esm5/components/input-phone/input-phone.directive.js +9 -3
  142. package/esm5/components/input-tag/input-tag.component.js +16 -9
  143. package/esm5/components/line-clamp/line-clamp.component.js +26 -16
  144. package/esm5/components/multi-select/hide-selected.pipe.js +4 -4
  145. package/esm5/components/multi-select/multi-select.component.js +20 -6
  146. package/esm5/components/progress/index.js +5 -4
  147. package/esm5/components/progress/progress-bar/progress-color-segments.directive.js +56 -0
  148. package/esm5/components/progress/progress.module.js +6 -3
  149. package/esm5/components/progress/utils/abstract-color-segments.js +33 -0
  150. package/esm5/components/progress/utils/calculate-color-segments.js +12 -0
  151. package/esm5/components/progress/utils/progress-color-segments-async.pipe.js +27 -0
  152. package/esm5/components/progress/utils/progress-color-segments.pipe.js +24 -0
  153. package/esm5/components/slider/slider.component.js +37 -23
  154. package/esm5/components/text-area/text-area.component.js +1 -1
  155. package/esm5/directives/lazy-loading/index.js +2 -1
  156. package/esm5/directives/lazy-loading/taiga-ui-kit-directives-lazy-loading.js +1 -2
  157. package/esm5/pipes/field-error/field-error-content-pipe.js +36 -0
  158. package/esm5/pipes/field-error/field-error.module.js +4 -3
  159. package/esm5/pipes/field-error/index.js +2 -1
  160. package/esm5/providers/index.js +2 -1
  161. package/esm5/providers/month-formatter.provider.js +19 -0
  162. package/esm5/providers/value-accessor.provider.js +2 -2
  163. package/esm5/tokens/index.js +2 -1
  164. package/esm5/tokens/month-formatter.js +3 -0
  165. package/fesm2015/taiga-ui-kit-components-calendar-month.js +2 -2
  166. package/fesm2015/taiga-ui-kit-components-calendar-month.js.map +1 -1
  167. package/fesm2015/taiga-ui-kit-components-input-month-range.js +67 -41
  168. package/fesm2015/taiga-ui-kit-components-input-month-range.js.map +1 -1
  169. package/fesm2015/taiga-ui-kit-components-input-month.js +61 -31
  170. package/fesm2015/taiga-ui-kit-components-input-month.js.map +1 -1
  171. package/fesm2015/taiga-ui-kit-components-input-number.js +8 -2
  172. package/fesm2015/taiga-ui-kit-components-input-number.js.map +1 -1
  173. package/fesm2015/taiga-ui-kit-components-input-phone.js +8 -2
  174. package/fesm2015/taiga-ui-kit-components-input-phone.js.map +1 -1
  175. package/fesm2015/taiga-ui-kit-components-input-tag.js +15 -8
  176. package/fesm2015/taiga-ui-kit-components-input-tag.js.map +1 -1
  177. package/fesm2015/taiga-ui-kit-components-line-clamp.js +24 -14
  178. package/fesm2015/taiga-ui-kit-components-line-clamp.js.map +1 -1
  179. package/fesm2015/taiga-ui-kit-components-multi-select.js +18 -7
  180. package/fesm2015/taiga-ui-kit-components-multi-select.js.map +1 -1
  181. package/fesm2015/taiga-ui-kit-components-progress.js +113 -55
  182. package/fesm2015/taiga-ui-kit-components-progress.js.map +1 -1
  183. package/fesm2015/taiga-ui-kit-components-slider.js +33 -19
  184. package/fesm2015/taiga-ui-kit-components-slider.js.map +1 -1
  185. package/fesm2015/taiga-ui-kit-components-text-area.js +1 -1
  186. package/fesm2015/taiga-ui-kit-directives-lazy-loading.js +1 -1
  187. package/fesm2015/taiga-ui-kit-directives-lazy-loading.js.map +1 -1
  188. package/fesm2015/taiga-ui-kit-pipes-field-error.js +35 -4
  189. package/fesm2015/taiga-ui-kit-pipes-field-error.js.map +1 -1
  190. package/fesm2015/taiga-ui-kit-providers.js +18 -4
  191. package/fesm2015/taiga-ui-kit-providers.js.map +1 -1
  192. package/fesm2015/taiga-ui-kit-tokens.js +3 -1
  193. package/fesm2015/taiga-ui-kit-tokens.js.map +1 -1
  194. package/fesm5/taiga-ui-kit-components-calendar-month.js +2 -2
  195. package/fesm5/taiga-ui-kit-components-calendar-month.js.map +1 -1
  196. package/fesm5/taiga-ui-kit-components-input-month-range.js +68 -44
  197. package/fesm5/taiga-ui-kit-components-input-month-range.js.map +1 -1
  198. package/fesm5/taiga-ui-kit-components-input-month.js +60 -33
  199. package/fesm5/taiga-ui-kit-components-input-month.js.map +1 -1
  200. package/fesm5/taiga-ui-kit-components-input-number.js +8 -2
  201. package/fesm5/taiga-ui-kit-components-input-number.js.map +1 -1
  202. package/fesm5/taiga-ui-kit-components-input-phone.js +8 -2
  203. package/fesm5/taiga-ui-kit-components-input-phone.js.map +1 -1
  204. package/fesm5/taiga-ui-kit-components-input-tag.js +15 -8
  205. package/fesm5/taiga-ui-kit-components-input-tag.js.map +1 -1
  206. package/fesm5/taiga-ui-kit-components-line-clamp.js +25 -15
  207. package/fesm5/taiga-ui-kit-components-line-clamp.js.map +1 -1
  208. package/fesm5/taiga-ui-kit-components-multi-select.js +22 -8
  209. package/fesm5/taiga-ui-kit-components-multi-select.js.map +1 -1
  210. package/fesm5/taiga-ui-kit-components-progress.js +135 -69
  211. package/fesm5/taiga-ui-kit-components-progress.js.map +1 -1
  212. package/fesm5/taiga-ui-kit-components-slider.js +36 -22
  213. package/fesm5/taiga-ui-kit-components-slider.js.map +1 -1
  214. package/fesm5/taiga-ui-kit-components-text-area.js +1 -1
  215. package/fesm5/taiga-ui-kit-directives-lazy-loading.js +1 -1
  216. package/fesm5/taiga-ui-kit-directives-lazy-loading.js.map +1 -1
  217. package/fesm5/taiga-ui-kit-pipes-field-error.js +36 -4
  218. package/fesm5/taiga-ui-kit-pipes-field-error.js.map +1 -1
  219. package/fesm5/taiga-ui-kit-providers.js +20 -4
  220. package/fesm5/taiga-ui-kit-providers.js.map +1 -1
  221. package/fesm5/taiga-ui-kit-tokens.js +3 -1
  222. package/fesm5/taiga-ui-kit-tokens.js.map +1 -1
  223. package/package.json +4 -4
  224. package/pipes/field-error/field-error-content-pipe.d.ts +11 -0
  225. package/pipes/field-error/index.d.ts +1 -0
  226. package/pipes/field-error/taiga-ui-kit-pipes-field-error.metadata.json +1 -1
  227. package/providers/index.d.ts +1 -0
  228. package/providers/month-formatter.provider.d.ts +6 -0
  229. package/providers/taiga-ui-kit-providers.metadata.json +1 -1
  230. package/tokens/index.d.ts +1 -0
  231. package/tokens/month-formatter.d.ts +4 -0
  232. package/tokens/taiga-ui-kit-tokens.metadata.json +1 -1
  233. package/components/progress/pipes/progress-color-segments.pipe.d.ts +0 -9
  234. package/esm2015/components/progress/pipes/abstract-color-segments.js +0 -32
  235. package/esm2015/components/progress/pipes/progress-color-segments-async.pipe.js +0 -15
  236. package/esm2015/components/progress/pipes/progress-color-segments.pipe.js +0 -18
  237. package/esm5/components/progress/pipes/abstract-color-segments.js +0 -35
  238. package/esm5/components/progress/pipes/progress-color-segments-async.pipe.js +0 -21
  239. package/esm5/components/progress/pipes/progress-color-segments.pipe.js +0 -23
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-kit-components-multi-select.js","sources":["ng://@taiga-ui/kit/components/multi-select/multi-select-options.ts","ng://@taiga-ui/kit/components/multi-select/multi-select.component.ts","ng://@taiga-ui/kit/components/multi-select/hide-selected.pipe.ts","ng://@taiga-ui/kit/components/multi-select/multi-select-group/multi-select-group.component.ts","ng://@taiga-ui/kit/components/multi-select/multi-select-group/multi-select-group.directive.ts","ng://@taiga-ui/kit/components/multi-select/multi-select.module.ts","ng://@taiga-ui/kit/components/multi-select/taiga-ui-kit-components-multi-select.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface TuiMultiSelectOptions<T> {\n readonly expandable: boolean;\n readonly valueContent: PolymorpheusContent<TuiContextWithImplicit<ReadonlyArray<T>>>;\n}\n\nexport const TUI_MULTI_SELECT_DEFAULT_OPTIONS: TuiMultiSelectOptions<unknown> = {\n expandable: true,\n valueContent: '',\n};\n\nexport const TUI_MULTI_SELECT_OPTIONS = new InjectionToken<\n TuiMultiSelectOptions<unknown>\n>('Default parameters for multi select component', {\n factory: () => TUI_MULTI_SELECT_DEFAULT_OPTIONS,\n});\n\nexport const tuiMultiSelectOptionsProvider: <T>(\n options: Partial<TuiMultiSelectOptions<T>>,\n) => ValueProvider = <T>(options: Partial<TuiMultiSelectOptions<T>>) => ({\n provide: TUI_MULTI_SELECT_OPTIONS,\n useValue: {...TUI_MULTI_SELECT_DEFAULT_OPTIONS, ...options},\n});\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n EventEmitter,\n forwardRef,\n HostBinding,\n Inject,\n Input,\n Optional,\n Output,\n Self,\n TemplateRef,\n ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n AbstractTuiMultipleControl,\n EMPTY_ARRAY,\n isNativeFocused,\n setNativeFocused,\n TUI_FOCUSABLE_ITEM_ACCESSOR,\n TuiBooleanHandler,\n TuiContextWithImplicit,\n tuiDefaultProp,\n TuiFocusableElementAccessor,\n TuiMapper,\n tuiPure,\n TuiStringHandler,\n} from '@taiga-ui/cdk';\nimport {\n TUI_DATA_LIST_ACCESSOR,\n TUI_DATA_LIST_HOST,\n TuiDataListAccessor,\n TuiDataListDirective,\n TuiDataListHost,\n TuiHostedDropdownComponent,\n TuiSvgService,\n} from '@taiga-ui/core';\nimport {TuiStringifiableItem} from '@taiga-ui/kit/classes';\nimport {TUI_ARROW_MODE, TuiArrowMode} from '@taiga-ui/kit/components/arrow';\nimport {TuiInputTagComponent} from '@taiga-ui/kit/components/input-tag';\nimport {iconBlank} from '@taiga-ui/kit/constants';\nimport {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {TUI_ITEMS_HANDLERS, TuiItemsHandlers} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_MULTI_SELECT_OPTIONS, TuiMultiSelectOptions} from './multi-select-options';\n\n@Component({\n selector: 'tui-multi-select',\n templateUrl: './multi-select.template.html',\n styleUrls: ['./multi-select.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n useExisting: forwardRef(() => TuiMultiSelectComponent),\n },\n {\n provide: TUI_DATA_LIST_HOST,\n useExisting: forwardRef(() => TuiMultiSelectComponent),\n },\n FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n ],\n})\nexport class TuiMultiSelectComponent<T>\n extends AbstractTuiMultipleControl<T>\n implements TuiFocusableElementAccessor, TuiDataListHost<T>\n{\n @ContentChild(TUI_DATA_LIST_ACCESSOR as any)\n private readonly accessor?: TuiDataListAccessor<T>;\n\n @ViewChild(TuiHostedDropdownComponent)\n private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n @ViewChild(TuiInputTagComponent)\n private readonly input?: TuiInputTagComponent;\n\n @Input()\n @tuiDefaultProp()\n stringify: TuiItemsHandlers<T>['stringify'] = this.itemsHandlers.stringify;\n\n @Input()\n @tuiDefaultProp()\n identityMatcher: TuiItemsHandlers<T>['identityMatcher'] =\n this.itemsHandlers.identityMatcher;\n\n @Input()\n @tuiDefaultProp()\n expandable: TuiMultiSelectOptions<T>['expandable'] = this.options.expandable;\n\n @Input()\n @tuiDefaultProp()\n search: string | null = '';\n\n @Input()\n @HostBinding('class._editable')\n @tuiDefaultProp()\n editable = true;\n\n @Input()\n @tuiDefaultProp()\n disabledItemHandler: TuiItemsHandlers<T>['disabledItemHandler'] =\n this.itemsHandlers.disabledItemHandler;\n\n @Input()\n @tuiDefaultProp()\n valueContent: TuiMultiSelectOptions<T>['valueContent'] = this.options.valueContent;\n\n @Output()\n readonly searchChange = new EventEmitter<string | null>();\n\n @ContentChild(TuiDataListDirective, {read: TemplateRef})\n readonly datalist: PolymorpheusContent = '';\n\n open = false;\n\n constructor(\n @Optional()\n @Self()\n @Inject(NgControl)\n control: NgControl | null,\n @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n @Inject(TuiSvgService) svgService: TuiSvgService,\n @Inject(TUI_ARROW_MODE)\n private readonly arrowMode: TuiArrowMode,\n @Inject(TUI_ITEMS_HANDLERS)\n private readonly itemsHandlers: TuiItemsHandlers<T>,\n @Inject(TUI_MULTI_SELECT_OPTIONS)\n private readonly options: TuiMultiSelectOptions<T>,\n ) {\n super(control, changeDetectorRef);\n\n svgService.define({iconBlank});\n }\n\n get arrow(): PolymorpheusContent {\n return !this.interactive ? this.arrowMode.disabled : this.arrowMode.interactive;\n }\n\n get nativeFocusableElement(): HTMLInputElement | null {\n return this.input ? this.input.nativeFocusableElement : null;\n }\n\n get focused(): boolean {\n return (\n (!!this.input && this.input.focused) ||\n (!!this.hostedDropdown && this.hostedDropdown.focused)\n );\n }\n\n get computedValue(): ReadonlyArray<T> {\n return this.computedGroup ? EMPTY_ARRAY : this.value;\n }\n\n // @bad TODO: think of a better way\n get searchOrSpace(): string {\n return this.computedGroup ? ' ' : this.searchString;\n }\n\n get searchString(): string {\n return this.search === null ? '' : this.search;\n }\n\n /**\n * Pass empty icon to InputTag (inside this component)\n * to prevent overflow of arrow icon by many tags\n */\n get tagIcon(): string {\n return this.interactive ? 'iconBlank' : '';\n }\n\n get inputHidden(): boolean {\n return !this.editable && !this.computedGroup;\n }\n\n get computedGroup(): boolean {\n return (\n !!this.valueContent &&\n this.value.length > 0 &&\n (!this.focused || !this.editable)\n );\n }\n\n get context(): TuiContextWithImplicit<ReadonlyArray<T>> {\n return this.getContext(this.value);\n }\n\n @tuiPure\n getStringifier(\n stringify: TuiStringHandler<T>,\n ): TuiStringHandler<TuiContextWithImplicit<T>> {\n return ({$implicit}) => stringify($implicit);\n }\n\n readonly valueMapper: TuiMapper<\n ReadonlyArray<T>,\n ReadonlyArray<TuiStringifiableItem<T>>\n > = (value, stringify: TuiStringHandler<T>, group: boolean) =>\n group\n ? EMPTY_ARRAY\n : value.map(item => new TuiStringifiableItem(item, stringify));\n\n readonly disabledItemHandlerWrapper: TuiMapper<\n TuiBooleanHandler<T>,\n TuiBooleanHandler<TuiStringifiableItem<T>>\n > = handler => stringifiable =>\n typeof stringifiable === 'string' || handler(stringifiable.item);\n\n onHoveredChange(hovered: boolean) {\n this.updateHovered(hovered);\n }\n\n onSpace(event: KeyboardEvent) {\n if (!this.editable) {\n event.preventDefault();\n }\n\n if (!this.readOnly) {\n this.open = true;\n }\n }\n\n handleOption(option: T) {\n const {value, identityMatcher} = this;\n const index = value.findIndex(item => identityMatcher(item, option));\n\n this.updateValue(\n index === -1 ? [...value, option] : value.filter((_, i) => i !== index),\n );\n this.updateSearch(null);\n }\n\n onEnter(event: KeyboardEvent) {\n const {value} = this;\n const options = this.accessor ? this.accessor.getOptions() : [];\n\n if (options.length !== 1) {\n return;\n }\n\n const index = value.indexOf(options[0]);\n\n event.preventDefault();\n this.updateValue(\n index === -1\n ? [...value, options[0]]\n : [...value.slice(0, index), ...value.slice(index + 1)],\n );\n this.updateSearch(null);\n }\n\n onClick({nativeFocusableElement}: TuiInputTagComponent) {\n if (\n this.editable &&\n this.interactive &&\n nativeFocusableElement &&\n isNativeFocused(nativeFocusableElement)\n ) {\n this.hostedDropdown?.updateOpen(!this.open);\n }\n }\n\n onArrowClick() {\n this.hostedDropdown?.updateOpen(!this.open);\n this.focusInput();\n }\n\n onInput(value: ReadonlyArray<TuiStringifiableItem<T>>) {\n this.updateValue(value.map(({item}) => item));\n }\n\n onSearch(search: string | null) {\n this.open = true;\n this.updateSearch(search);\n }\n\n onActiveZone(active: boolean) {\n this.updateFocused(active);\n }\n\n setDisabledState() {\n super.setDisabledState();\n this.open = false;\n }\n\n @tuiPure\n private getContext(\n $implicit: ReadonlyArray<T>,\n ): TuiContextWithImplicit<ReadonlyArray<T>> {\n return {$implicit};\n }\n\n private updateSearch(search: string | null) {\n if (this.search === search) {\n return;\n }\n\n this.search = search;\n this.searchChange.emit(search);\n }\n\n private focusInput(preventScroll: boolean = false) {\n if (this.nativeFocusableElement) {\n setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n }\n }\n}\n","import {Inject, Pipe, PipeTransform} from '@angular/core';\nimport {TuiIdentityMatcher, tuiPure} from '@taiga-ui/cdk';\nimport {isFlat} from '@taiga-ui/kit/utils';\n\nimport {TuiMultiSelectComponent} from './multi-select.component';\n\n@Pipe({\n name: 'tuiHideSelected',\n pure: false,\n})\nexport class TuiHideSelectedPipe implements PipeTransform {\n constructor(\n @Inject(TuiMultiSelectComponent)\n private readonly component: TuiMultiSelectComponent<any>,\n ) {}\n\n transform<T>(items: T): T;\n transform<T>(\n items: readonly T[] | ReadonlyArray<readonly T[]> | null,\n {value, identityMatcher}: TuiMultiSelectComponent<T> = this.component,\n ): readonly T[] | ReadonlyArray<readonly T[]> | null {\n if (!items) {\n return null;\n }\n\n return isFlat(items)\n ? this.filter(items, value, identityMatcher)\n : this.filter2d(items, value, identityMatcher);\n }\n\n @tuiPure\n private filter2d<T>(\n items: ReadonlyArray<readonly T[]>,\n value: readonly T[],\n matcher: TuiIdentityMatcher<T>,\n ): ReadonlyArray<readonly T[]> {\n return items.map(subitems => this.filter(subitems, value, matcher));\n }\n\n @tuiPure\n private filter<T>(\n items: readonly T[],\n value: readonly T[],\n matcher: TuiIdentityMatcher<T>,\n ): readonly T[] {\n return items.filter(item => value.every(selected => !matcher(selected, item)));\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n Inject,\n Input,\n QueryList,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n EMPTY_QUERY,\n getOriginalArrayFromQueryList,\n isPresent,\n itemsQueryListObservable,\n TUI_DEFAULT_IDENTITY_MATCHER,\n tuiDefaultProp,\n TuiIdentityMatcher,\n tuiPure,\n tuiReplayedValueChangesFrom,\n} from '@taiga-ui/cdk';\nimport {\n sizeBigger,\n TUI_DATA_LIST_HOST,\n TUI_OPTION_CONTENT,\n TuiDataListHost,\n TuiOptionComponent,\n TuiSizeL,\n TuiSizeXS,\n} from '@taiga-ui/core';\nimport {combineLatest, Observable} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\n@Component({\n selector: 'tui-opt-group[tuiMultiSelectGroup]',\n templateUrl: './multi-select-group.template.html',\n styleUrls: ['./multi-select-group.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n viewProviders: [\n {\n provide: TUI_OPTION_CONTENT,\n useValue: null,\n },\n ],\n})\nexport class TuiMultiSelectGroupComponent<T> {\n @ContentChildren(TuiOptionComponent)\n private readonly options: QueryList<TuiOptionComponent<T>> = EMPTY_QUERY;\n\n @Input()\n @tuiDefaultProp()\n label = '';\n\n constructor(\n @Inject(TUI_DATA_LIST_HOST) private readonly host: TuiDataListHost<T>,\n @Inject(NgControl) private readonly control: NgControl,\n ) {}\n\n get size(): TuiSizeXS | TuiSizeL {\n return (this.options.first && this.options.first.size) || 'm';\n }\n\n get checkboxSize(): TuiSizeL {\n return this.options.first && sizeBigger(this.options.first.size) ? 'l' : 'm';\n }\n\n @tuiPure\n get empty$(): Observable<boolean> {\n return itemsQueryListObservable(this.options).pipe(map(({length}) => !length));\n }\n\n @tuiPure\n get disabled$(): Observable<boolean> {\n return itemsQueryListObservable(this.options).pipe(\n map(items => items.every(({disabled}) => disabled)),\n );\n }\n\n @tuiPure\n get value$(): Observable<boolean | null> {\n return combineLatest(this.items$, this.valueChanges$).pipe(\n map(([items, current]) => {\n let result = false;\n\n for (let i = 0; i < items.length; i++) {\n const selected = current.some(selected =>\n this.matcher(selected, items[i]),\n );\n\n if ((!selected && result) || (selected && !result && i)) {\n return null;\n }\n\n result = selected;\n }\n\n return result;\n }),\n );\n }\n\n onClick(checked: boolean | null) {\n if (!this.control.control) {\n return;\n }\n\n const controlValue: ReadonlyArray<T> = this.control.value || [];\n const {values} = this;\n const filtered = controlValue.filter(current =>\n values.every(item => !this.matcher(current, item)),\n );\n\n this.control.control.setValue(checked ? filtered : [...filtered, ...values]);\n }\n\n private get values(): ReadonlyArray<T> {\n return this.filter(getOriginalArrayFromQueryList(this.options));\n }\n\n private get matcher(): TuiIdentityMatcher<T> {\n return this.host.identityMatcher || TUI_DEFAULT_IDENTITY_MATCHER;\n }\n\n @tuiPure\n private get items$(): Observable<ReadonlyArray<T>> {\n return itemsQueryListObservable(this.options).pipe(\n map(options => options.map(({value}) => value).filter(isPresent)),\n );\n }\n\n @tuiPure\n private get valueChanges$(): Observable<ReadonlyArray<T>> {\n return tuiReplayedValueChangesFrom<ReadonlyArray<T>>(this.control).pipe(\n map(value => value || []),\n );\n }\n\n @tuiPure\n private filter(items: ReadonlyArray<TuiOptionComponent<T>>): ReadonlyArray<T> {\n return items.map(({value}) => value).filter(isPresent);\n }\n}\n","import {Directive, forwardRef, Optional} from '@angular/core';\nimport {NG_VALUE_ACCESSOR, NgControl} from '@angular/forms';\nimport {EMPTY_FUNCTION} from '@taiga-ui/cdk';\nimport {TUI_DATA_LIST_HOST, TUI_OPTION_CONTENT, TuiDataListHost} from '@taiga-ui/core';\nimport {TuiMultiSelectOptionComponent} from '@taiga-ui/kit/components/multi-select-option';\nimport {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiMultiSelectComponent} from '../multi-select.component';\n\nexport function hostFallbackFactory<T>(\n control: NgControl,\n host: TuiDataListHost<T> | null,\n): TuiDataListHost<T> {\n return (\n host || {\n handleOption: option => {\n if (!control.control) {\n return;\n }\n\n const value = control.value || [];\n const index = value.indexOf(option);\n\n control.control.setValue(\n index === -1\n ? [...value, option]\n : [...value.slice(0, index), ...value.slice(index + 1)],\n );\n },\n }\n );\n}\n\nexport const TUI_MULTI_SELECT_OPTION = new PolymorpheusComponent(\n TuiMultiSelectOptionComponent,\n);\n\n// TODO: remove in ivy compilation\nexport const MULTI_SELECT_ACCESSOR = {\n writeValue: EMPTY_FUNCTION,\n registerOnChange: EMPTY_FUNCTION,\n registerOnTouched: EMPTY_FUNCTION,\n};\n\n@Directive({\n selector: '[tuiMultiSelectGroup]',\n providers: [\n {\n provide: TUI_OPTION_CONTENT,\n useValue: TUI_MULTI_SELECT_OPTION,\n },\n {\n provide: TUI_DATA_LIST_HOST,\n deps: [\n NgControl,\n [new Optional(), forwardRef(() => TuiMultiSelectComponent)],\n ],\n useFactory: hostFallbackFactory,\n },\n {\n provide: NG_VALUE_ACCESSOR,\n multi: true,\n useValue: MULTI_SELECT_ACCESSOR,\n },\n ],\n})\nexport class TuiMultiSelectGroupDirective {}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {\n TuiActiveZoneModule,\n TuiHoveredModule,\n TuiLetModule,\n TuiMapperPipeModule,\n TuiPreventDefaultModule,\n} from '@taiga-ui/cdk';\nimport {\n TuiDataListModule,\n TuiHostedDropdownModule,\n TuiPrimitiveCheckboxModule,\n TuiSvgModule,\n} from '@taiga-ui/core';\nimport {TuiArrowModule} from '@taiga-ui/kit/components/arrow';\nimport {TuiInputTagModule} from '@taiga-ui/kit/components/input-tag';\nimport {TuiMultiSelectOptionModule} from '@taiga-ui/kit/components/multi-select-option';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiHideSelectedPipe} from './hide-selected.pipe';\nimport {TuiMultiSelectComponent} from './multi-select.component';\nimport {TuiMultiSelectGroupComponent} from './multi-select-group/multi-select-group.component';\nimport {TuiMultiSelectGroupDirective} from './multi-select-group/multi-select-group.directive';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n PolymorpheusModule,\n TuiPreventDefaultModule,\n TuiActiveZoneModule,\n TuiArrowModule,\n TuiLetModule,\n TuiMapperPipeModule,\n TuiHoveredModule,\n TuiSvgModule,\n TuiHostedDropdownModule,\n TuiInputTagModule,\n TuiMultiSelectOptionModule,\n TuiPrimitiveCheckboxModule,\n TuiDataListModule,\n ],\n declarations: [\n TuiMultiSelectComponent,\n TuiMultiSelectGroupComponent,\n TuiMultiSelectGroupDirective,\n TuiHideSelectedPipe,\n ],\n exports: [\n TuiMultiSelectComponent,\n TuiMultiSelectGroupComponent,\n TuiMultiSelectGroupDirective,\n TuiHideSelectedPipe,\n ],\n})\nexport class TuiMultiSelectModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"taiga-ui-kit-components-multi-select.js","sources":["ng://@taiga-ui/kit/components/multi-select/multi-select-options.ts","ng://@taiga-ui/kit/components/multi-select/multi-select.component.ts","ng://@taiga-ui/kit/components/multi-select/hide-selected.pipe.ts","ng://@taiga-ui/kit/components/multi-select/multi-select-group/multi-select-group.component.ts","ng://@taiga-ui/kit/components/multi-select/multi-select-group/multi-select-group.directive.ts","ng://@taiga-ui/kit/components/multi-select/multi-select.module.ts","ng://@taiga-ui/kit/components/multi-select/taiga-ui-kit-components-multi-select.ts"],"sourcesContent":["import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface TuiMultiSelectOptions<T> {\n readonly expandable: boolean;\n readonly valueContent: PolymorpheusContent<TuiContextWithImplicit<ReadonlyArray<T>>>;\n}\n\nexport const TUI_MULTI_SELECT_DEFAULT_OPTIONS: TuiMultiSelectOptions<unknown> = {\n expandable: true,\n valueContent: '',\n};\n\nexport const TUI_MULTI_SELECT_OPTIONS = new InjectionToken<\n TuiMultiSelectOptions<unknown>\n>('Default parameters for multi select component', {\n factory: () => TUI_MULTI_SELECT_DEFAULT_OPTIONS,\n});\n\nexport const tuiMultiSelectOptionsProvider: <T>(\n options: Partial<TuiMultiSelectOptions<T>>,\n) => ValueProvider = <T>(options: Partial<TuiMultiSelectOptions<T>>) => ({\n provide: TUI_MULTI_SELECT_OPTIONS,\n useValue: {...TUI_MULTI_SELECT_DEFAULT_OPTIONS, ...options},\n});\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n EventEmitter,\n forwardRef,\n HostBinding,\n Inject,\n Input,\n Optional,\n Output,\n Self,\n TemplateRef,\n ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n AbstractTuiMultipleControl,\n EMPTY_ARRAY,\n isNativeFocused,\n setNativeFocused,\n TUI_FOCUSABLE_ITEM_ACCESSOR,\n TuiBooleanHandler,\n TuiContextWithImplicit,\n tuiDefaultProp,\n TuiFocusableElementAccessor,\n TuiMapper,\n tuiPure,\n TuiStringHandler,\n} from '@taiga-ui/cdk';\nimport {\n TEXTFIELD_CONTROLLER_PROVIDER,\n TUI_DATA_LIST_ACCESSOR,\n TUI_DATA_LIST_HOST,\n TUI_TEXTFIELD_WATCHED_CONTROLLER,\n TuiDataListAccessor,\n TuiDataListDirective,\n TuiDataListHost,\n TuiHostedDropdownComponent,\n TuiSizeL,\n TuiSizeS,\n TuiSvgService,\n TuiTextfieldController,\n} from '@taiga-ui/core';\nimport {TuiStringifiableItem} from '@taiga-ui/kit/classes';\nimport {TUI_ARROW_MODE, TuiArrowMode} from '@taiga-ui/kit/components/arrow';\nimport {TuiInputTagComponent} from '@taiga-ui/kit/components/input-tag';\nimport {iconBlank} from '@taiga-ui/kit/constants';\nimport {FIXED_DROPDOWN_CONTROLLER_PROVIDER} from '@taiga-ui/kit/providers';\nimport {TUI_ITEMS_HANDLERS, TuiItemsHandlers} from '@taiga-ui/kit/tokens';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_MULTI_SELECT_OPTIONS, TuiMultiSelectOptions} from './multi-select-options';\n\n@Component({\n selector: 'tui-multi-select',\n templateUrl: './multi-select.template.html',\n styleUrls: ['./multi-select.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n useExisting: forwardRef(() => TuiMultiSelectComponent),\n },\n {\n provide: TUI_DATA_LIST_HOST,\n useExisting: forwardRef(() => TuiMultiSelectComponent),\n },\n FIXED_DROPDOWN_CONTROLLER_PROVIDER,\n TEXTFIELD_CONTROLLER_PROVIDER,\n ],\n})\nexport class TuiMultiSelectComponent<T>\n extends AbstractTuiMultipleControl<T>\n implements TuiFocusableElementAccessor, TuiDataListHost<T>\n{\n @ContentChild(TUI_DATA_LIST_ACCESSOR as any)\n private readonly accessor?: TuiDataListAccessor<T>;\n\n @ViewChild(TuiHostedDropdownComponent)\n private readonly hostedDropdown?: TuiHostedDropdownComponent;\n\n @ViewChild(TuiInputTagComponent)\n private readonly input?: TuiInputTagComponent;\n\n @Input()\n @tuiDefaultProp()\n stringify: TuiItemsHandlers<T>['stringify'] = this.itemsHandlers.stringify;\n\n @Input()\n @tuiDefaultProp()\n identityMatcher: TuiItemsHandlers<T>['identityMatcher'] =\n this.itemsHandlers.identityMatcher;\n\n @Input()\n @tuiDefaultProp()\n expandable: TuiMultiSelectOptions<T>['expandable'] = this.options.expandable;\n\n @Input()\n @tuiDefaultProp()\n search: string | null = '';\n\n @Input()\n @HostBinding('class._editable')\n @tuiDefaultProp()\n editable = true;\n\n @Input()\n @tuiDefaultProp()\n disabledItemHandler: TuiItemsHandlers<T>['disabledItemHandler'] =\n this.itemsHandlers.disabledItemHandler;\n\n @Input()\n @tuiDefaultProp()\n valueContent: TuiMultiSelectOptions<T>['valueContent'] = this.options.valueContent;\n\n @Output()\n readonly searchChange = new EventEmitter<string | null>();\n\n @ContentChild(TuiDataListDirective, {read: TemplateRef})\n readonly datalist: PolymorpheusContent = '';\n\n open = false;\n\n constructor(\n @Optional()\n @Self()\n @Inject(NgControl)\n control: NgControl | null,\n @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n @Inject(TuiSvgService) svgService: TuiSvgService,\n @Inject(TUI_ARROW_MODE)\n private readonly arrowMode: TuiArrowMode,\n @Inject(TUI_ITEMS_HANDLERS)\n private readonly itemsHandlers: TuiItemsHandlers<T>,\n @Inject(TUI_MULTI_SELECT_OPTIONS)\n private readonly options: TuiMultiSelectOptions<T>,\n @Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)\n readonly controller: TuiTextfieldController,\n ) {\n super(control, changeDetectorRef);\n\n svgService.define({iconBlank});\n }\n\n @HostBinding('attr.data-size')\n get size(): TuiSizeL | TuiSizeS {\n return this.controller.size;\n }\n\n get arrow(): PolymorpheusContent {\n return !this.interactive ? this.arrowMode.disabled : this.arrowMode.interactive;\n }\n\n get nativeFocusableElement(): HTMLInputElement | null {\n return this.input ? this.input.nativeFocusableElement : null;\n }\n\n get focused(): boolean {\n return (\n (!!this.input && this.input.focused) ||\n (!!this.hostedDropdown && this.hostedDropdown.focused)\n );\n }\n\n get computedValue(): ReadonlyArray<T> {\n return this.computedGroup ? EMPTY_ARRAY : this.value;\n }\n\n // @bad TODO: think of a better way\n get searchOrSpace(): string {\n return this.computedGroup ? ' ' : this.searchString;\n }\n\n get searchString(): string {\n return this.search === null ? '' : this.search;\n }\n\n /**\n * Pass empty icon to InputTag (inside this component)\n * to prevent overflow of arrow icon by many tags\n */\n get tagIcon(): string {\n return this.interactive ? 'iconBlank' : '';\n }\n\n get inputHidden(): boolean {\n return !this.editable && !this.computedGroup;\n }\n\n get computedGroup(): boolean {\n return (\n !!this.valueContent &&\n this.value.length > 0 &&\n (!this.focused || !this.editable)\n );\n }\n\n get context(): TuiContextWithImplicit<ReadonlyArray<T>> {\n return this.getContext(this.value);\n }\n\n @tuiPure\n getStringifier(\n stringify: TuiStringHandler<T>,\n ): TuiStringHandler<TuiContextWithImplicit<T>> {\n return ({$implicit}) => stringify($implicit);\n }\n\n readonly valueMapper: TuiMapper<\n ReadonlyArray<T>,\n ReadonlyArray<TuiStringifiableItem<T>>\n > = (value, stringify: TuiStringHandler<T>, group: boolean) =>\n group\n ? EMPTY_ARRAY\n : value.map(item => new TuiStringifiableItem(item, stringify));\n\n readonly disabledItemHandlerWrapper: TuiMapper<\n TuiBooleanHandler<T>,\n TuiBooleanHandler<TuiStringifiableItem<T>>\n > = handler => stringifiable =>\n typeof stringifiable === 'string' || handler(stringifiable.item);\n\n onHoveredChange(hovered: boolean) {\n this.updateHovered(hovered);\n }\n\n onSpace(event: KeyboardEvent) {\n if (!this.editable) {\n event.preventDefault();\n }\n\n if (!this.readOnly) {\n this.open = true;\n }\n }\n\n handleOption(option: T) {\n const {value, identityMatcher} = this;\n const index = value.findIndex(item => identityMatcher(item, option));\n\n this.updateValue(\n index === -1 ? [...value, option] : value.filter((_, i) => i !== index),\n );\n this.updateSearch(null);\n }\n\n onEnter(event: KeyboardEvent) {\n const {value} = this;\n const options = this.accessor ? this.accessor.getOptions() : [];\n\n if (options.length !== 1) {\n return;\n }\n\n const index = value.indexOf(options[0]);\n\n event.preventDefault();\n this.updateValue(\n index === -1\n ? [...value, options[0]]\n : [...value.slice(0, index), ...value.slice(index + 1)],\n );\n this.updateSearch(null);\n }\n\n onClick({nativeFocusableElement}: TuiInputTagComponent) {\n if (\n this.editable &&\n this.interactive &&\n nativeFocusableElement &&\n isNativeFocused(nativeFocusableElement)\n ) {\n this.hostedDropdown?.updateOpen(!this.open);\n }\n }\n\n onArrowClick() {\n this.hostedDropdown?.updateOpen(!this.open);\n this.focusInput();\n }\n\n onInput(value: ReadonlyArray<TuiStringifiableItem<T>>) {\n this.updateValue(value.map(({item}) => item));\n }\n\n onSearch(search: string | null) {\n this.open = true;\n this.updateSearch(search);\n }\n\n onActiveZone(active: boolean) {\n this.updateFocused(active);\n }\n\n setDisabledState() {\n super.setDisabledState();\n this.open = false;\n }\n\n @tuiPure\n private getContext(\n $implicit: ReadonlyArray<T>,\n ): TuiContextWithImplicit<ReadonlyArray<T>> {\n return {$implicit};\n }\n\n private updateSearch(search: string | null) {\n if (this.search === search) {\n return;\n }\n\n this.search = search;\n this.searchChange.emit(search);\n }\n\n private focusInput(preventScroll: boolean = false) {\n if (this.nativeFocusableElement) {\n setNativeFocused(this.nativeFocusableElement, true, preventScroll);\n }\n }\n}\n","import {Inject, Pipe, PipeTransform} from '@angular/core';\nimport {TuiIdentityMatcher, tuiPure} from '@taiga-ui/cdk';\nimport {isFlat} from '@taiga-ui/kit/utils';\n\nimport {TuiMultiSelectComponent} from './multi-select.component';\n\n@Pipe({\n name: 'tuiHideSelected',\n pure: false,\n})\nexport class TuiHideSelectedPipe implements PipeTransform {\n constructor(\n @Inject(TuiMultiSelectComponent)\n private readonly component: TuiMultiSelectComponent<any>,\n ) {}\n\n transform<T>(\n items: readonly T[] | ReadonlyArray<readonly T[]> | null,\n component?: TuiMultiSelectComponent<T>, // TODO: @deprecated remove in v3.0\n ): readonly T[] | ReadonlyArray<readonly T[]> | null {\n const {value, identityMatcher} = component ?? this.component;\n\n if (!items) {\n return null;\n }\n\n return isFlat(items)\n ? this.filter(items, value, identityMatcher)\n : this.filter2d(items, value, identityMatcher);\n }\n\n @tuiPure\n private filter2d<T>(\n items: ReadonlyArray<readonly T[]>,\n value: readonly T[],\n matcher: TuiIdentityMatcher<T>,\n ): ReadonlyArray<readonly T[]> {\n return items.map(subItems => this.filter(subItems, value, matcher));\n }\n\n @tuiPure\n private filter<T>(\n items: readonly T[],\n value: readonly T[],\n matcher: TuiIdentityMatcher<T>,\n ): readonly T[] {\n return items.filter(item => value.every(selected => !matcher(selected, item)));\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n Inject,\n Input,\n QueryList,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n EMPTY_QUERY,\n getOriginalArrayFromQueryList,\n isPresent,\n itemsQueryListObservable,\n TUI_DEFAULT_IDENTITY_MATCHER,\n tuiDefaultProp,\n TuiIdentityMatcher,\n tuiPure,\n tuiReplayedValueChangesFrom,\n} from '@taiga-ui/cdk';\nimport {\n sizeBigger,\n TUI_DATA_LIST_HOST,\n TUI_OPTION_CONTENT,\n TuiDataListHost,\n TuiOptionComponent,\n TuiSizeL,\n TuiSizeXS,\n} from '@taiga-ui/core';\nimport {combineLatest, Observable} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\n@Component({\n selector: 'tui-opt-group[tuiMultiSelectGroup]',\n templateUrl: './multi-select-group.template.html',\n styleUrls: ['./multi-select-group.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n viewProviders: [\n {\n provide: TUI_OPTION_CONTENT,\n useValue: null,\n },\n ],\n})\nexport class TuiMultiSelectGroupComponent<T> {\n @ContentChildren(TuiOptionComponent)\n private readonly options: QueryList<TuiOptionComponent<T>> = EMPTY_QUERY;\n\n @Input()\n @tuiDefaultProp()\n label = '';\n\n constructor(\n @Inject(TUI_DATA_LIST_HOST) private readonly host: TuiDataListHost<T>,\n @Inject(NgControl) private readonly control: NgControl,\n ) {}\n\n get size(): TuiSizeXS | TuiSizeL {\n return (this.options.first && this.options.first.size) || 'm';\n }\n\n get checkboxSize(): TuiSizeL {\n return this.options.first && sizeBigger(this.options.first.size) ? 'l' : 'm';\n }\n\n @tuiPure\n get empty$(): Observable<boolean> {\n return itemsQueryListObservable(this.options).pipe(map(({length}) => !length));\n }\n\n @tuiPure\n get disabled$(): Observable<boolean> {\n return itemsQueryListObservable(this.options).pipe(\n map(items => items.every(({disabled}) => disabled)),\n );\n }\n\n @tuiPure\n get value$(): Observable<boolean | null> {\n return combineLatest(this.items$, this.valueChanges$).pipe(\n map(([items, current]) => {\n let result = false;\n\n for (let i = 0; i < items.length; i++) {\n const selected = current.some(selected =>\n this.matcher(selected, items[i]),\n );\n\n if ((!selected && result) || (selected && !result && i)) {\n return null;\n }\n\n result = selected;\n }\n\n return result;\n }),\n );\n }\n\n onClick(checked: boolean | null) {\n if (!this.control.control) {\n return;\n }\n\n const controlValue: ReadonlyArray<T> = this.control.value || [];\n const {values} = this;\n const filtered = controlValue.filter(current =>\n values.every(item => !this.matcher(current, item)),\n );\n\n this.control.control.setValue(checked ? filtered : [...filtered, ...values]);\n }\n\n private get values(): ReadonlyArray<T> {\n return this.filter(getOriginalArrayFromQueryList(this.options));\n }\n\n private get matcher(): TuiIdentityMatcher<T> {\n return this.host.identityMatcher || TUI_DEFAULT_IDENTITY_MATCHER;\n }\n\n @tuiPure\n private get items$(): Observable<ReadonlyArray<T>> {\n return itemsQueryListObservable(this.options).pipe(\n map(options => options.map(({value}) => value).filter(isPresent)),\n );\n }\n\n @tuiPure\n private get valueChanges$(): Observable<ReadonlyArray<T>> {\n return tuiReplayedValueChangesFrom<ReadonlyArray<T>>(this.control).pipe(\n map(value => value || []),\n );\n }\n\n @tuiPure\n private filter(items: ReadonlyArray<TuiOptionComponent<T>>): ReadonlyArray<T> {\n return items.map(({value}) => value).filter(isPresent);\n }\n}\n","import {Directive, forwardRef, Optional} from '@angular/core';\nimport {NG_VALUE_ACCESSOR, NgControl} from '@angular/forms';\nimport {EMPTY_FUNCTION} from '@taiga-ui/cdk';\nimport {TUI_DATA_LIST_HOST, TUI_OPTION_CONTENT, TuiDataListHost} from '@taiga-ui/core';\nimport {TuiMultiSelectOptionComponent} from '@taiga-ui/kit/components/multi-select-option';\nimport {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiMultiSelectComponent} from '../multi-select.component';\n\nexport function hostFallbackFactory<T>(\n control: NgControl,\n host: TuiDataListHost<T> | null,\n): TuiDataListHost<T> {\n return (\n host || {\n handleOption: option => {\n if (!control.control) {\n return;\n }\n\n const value = control.value || [];\n const index = value.indexOf(option);\n\n control.control.setValue(\n index === -1\n ? [...value, option]\n : [...value.slice(0, index), ...value.slice(index + 1)],\n );\n },\n }\n );\n}\n\nexport const TUI_MULTI_SELECT_OPTION = new PolymorpheusComponent(\n TuiMultiSelectOptionComponent,\n);\n\n// TODO: remove in ivy compilation\nexport const MULTI_SELECT_ACCESSOR = {\n writeValue: EMPTY_FUNCTION,\n registerOnChange: EMPTY_FUNCTION,\n registerOnTouched: EMPTY_FUNCTION,\n};\n\n@Directive({\n selector: '[tuiMultiSelectGroup]',\n providers: [\n {\n provide: TUI_OPTION_CONTENT,\n useValue: TUI_MULTI_SELECT_OPTION,\n },\n {\n provide: TUI_DATA_LIST_HOST,\n deps: [\n NgControl,\n [new Optional(), forwardRef(() => TuiMultiSelectComponent)],\n ],\n useFactory: hostFallbackFactory,\n },\n {\n provide: NG_VALUE_ACCESSOR,\n multi: true,\n useValue: MULTI_SELECT_ACCESSOR,\n },\n ],\n})\nexport class TuiMultiSelectGroupDirective {}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {\n TuiActiveZoneModule,\n TuiHoveredModule,\n TuiLetModule,\n TuiMapperPipeModule,\n TuiPreventDefaultModule,\n} from '@taiga-ui/cdk';\nimport {\n TuiDataListModule,\n TuiHostedDropdownModule,\n TuiPrimitiveCheckboxModule,\n TuiSvgModule,\n} from '@taiga-ui/core';\nimport {TuiArrowModule} from '@taiga-ui/kit/components/arrow';\nimport {TuiInputTagModule} from '@taiga-ui/kit/components/input-tag';\nimport {TuiMultiSelectOptionModule} from '@taiga-ui/kit/components/multi-select-option';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiHideSelectedPipe} from './hide-selected.pipe';\nimport {TuiMultiSelectComponent} from './multi-select.component';\nimport {TuiMultiSelectGroupComponent} from './multi-select-group/multi-select-group.component';\nimport {TuiMultiSelectGroupDirective} from './multi-select-group/multi-select-group.directive';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n PolymorpheusModule,\n TuiPreventDefaultModule,\n TuiActiveZoneModule,\n TuiArrowModule,\n TuiLetModule,\n TuiMapperPipeModule,\n TuiHoveredModule,\n TuiSvgModule,\n TuiHostedDropdownModule,\n TuiInputTagModule,\n TuiMultiSelectOptionModule,\n TuiPrimitiveCheckboxModule,\n TuiDataListModule,\n ],\n declarations: [\n TuiMultiSelectComponent,\n TuiMultiSelectGroupComponent,\n TuiMultiSelectGroupDirective,\n TuiHideSelectedPipe,\n ],\n exports: [\n TuiMultiSelectComponent,\n TuiMultiSelectGroupComponent,\n TuiMultiSelectGroupDirective,\n TuiHideSelectedPipe,\n ],\n})\nexport class TuiMultiSelectModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -1,74 +1,10 @@
1
1
  import { __decorate, __param, __extends } from 'tslib';
2
- import { Inject, ElementRef, Injectable, Pipe, Input, HostBinding, Component, ChangeDetectionStrategy, ViewChild, NgModule } from '@angular/core';
2
+ import { CommonModule } from '@angular/common';
3
+ import { Input, HostBinding, Component, ChangeDetectionStrategy, ElementRef, Inject, Directive, ViewChild, Injectable, Pipe, NgModule } from '@angular/core';
4
+ import { tuiDefaultProp, isEdgeOlderThan, CHROMIUM_EDGE_START_VERSION, isIE, TuiResizeService, tuiPure, TuiDestroyService, TuiRepeatTimesModule } from '@taiga-ui/cdk';
3
5
  import { USER_AGENT, WINDOW } from '@ng-web-apis/common';
4
- import { isEdgeOlderThan, CHROMIUM_EDGE_START_VERSION, isIE, tuiDefaultProp, TuiRepeatTimesModule } from '@taiga-ui/cdk';
5
- import { timer } from 'rxjs';
6
+ import { Observable, timer } from 'rxjs';
6
7
  import { map } from 'rxjs/operators';
7
- import { CommonModule } from '@angular/common';
8
-
9
- var AbstractTuiColorSegments = /** @class */ (function () {
10
- function AbstractTuiColorSegments(userAgent, elementRef) {
11
- this.userAgent = userAgent;
12
- this.elementRef = elementRef;
13
- this.isOldBrowsers = isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent) ||
14
- isIE(this.userAgent);
15
- }
16
- AbstractTuiColorSegments.prototype.calculate = function (colors) {
17
- if (this.isOldBrowsers) {
18
- return colors[0];
19
- }
20
- var elementWidth = this.elementRef.nativeElement.offsetWidth;
21
- var segmentWidth = Math.ceil(elementWidth / colors.length);
22
- var colorsString = colors.reduce(function (acc, color, i) {
23
- return acc + ", " + color + " " + i * segmentWidth + "px " + (i + 1) * segmentWidth + "px";
24
- }, '');
25
- return "linear-gradient(to right " + colorsString + ")";
26
- };
27
- AbstractTuiColorSegments.ctorParameters = function () { return [
28
- { type: String, decorators: [{ type: Inject, args: [USER_AGENT,] }] },
29
- { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] }
30
- ]; };
31
- AbstractTuiColorSegments = __decorate([
32
- Injectable(),
33
- __param(0, Inject(USER_AGENT)),
34
- __param(1, Inject(ElementRef))
35
- ], AbstractTuiColorSegments);
36
- return AbstractTuiColorSegments;
37
- }());
38
-
39
- /**
40
- * @deprecated use tuiProgressColorSegmentsAsync instead
41
- * {@link TuiProgressColorSegmentsAsyncPipe}
42
- * example: `<progress [color]="colors | tuiProgressColorSegmentsAsync | async">`
43
- */
44
- var TuiProgressColorSegmentsPipe = /** @class */ (function (_super) {
45
- __extends(TuiProgressColorSegmentsPipe, _super);
46
- function TuiProgressColorSegmentsPipe() {
47
- return _super !== null && _super.apply(this, arguments) || this;
48
- }
49
- TuiProgressColorSegmentsPipe.prototype.transform = function (colors) {
50
- return this.calculate(colors);
51
- };
52
- TuiProgressColorSegmentsPipe = __decorate([
53
- Pipe({ name: 'tuiProgressColorSegments' })
54
- ], TuiProgressColorSegmentsPipe);
55
- return TuiProgressColorSegmentsPipe;
56
- }(AbstractTuiColorSegments));
57
-
58
- var TuiProgressColorSegmentsAsyncPipe = /** @class */ (function (_super) {
59
- __extends(TuiProgressColorSegmentsAsyncPipe, _super);
60
- function TuiProgressColorSegmentsAsyncPipe() {
61
- return _super !== null && _super.apply(this, arguments) || this;
62
- }
63
- TuiProgressColorSegmentsAsyncPipe.prototype.transform = function (colors) {
64
- var _this = this;
65
- return timer(0).pipe(map(function () { return _this.calculate(colors); }));
66
- };
67
- TuiProgressColorSegmentsAsyncPipe = __decorate([
68
- Pipe({ name: 'tuiProgressColorSegmentsAsync' })
69
- ], TuiProgressColorSegmentsAsyncPipe);
70
- return TuiProgressColorSegmentsAsyncPipe;
71
- }(AbstractTuiColorSegments));
72
8
 
73
9
  var TuiProgressBarComponent = /** @class */ (function () {
74
10
  function TuiProgressBarComponent() {
@@ -94,6 +30,66 @@ var TuiProgressBarComponent = /** @class */ (function () {
94
30
  return TuiProgressBarComponent;
95
31
  }());
96
32
 
33
+ /**
34
+ * TODO in v3.0 move inside {@link TuiProgressColorSegmentsDirective} (as a private method)
35
+ * (after deletion of {@link TuiProgressColorSegmentsPipe} and {@link TuiProgressColorSegmentsAsyncPipe})
36
+ */
37
+ var calculateColorSegments = function (colors, progressWidth) {
38
+ var segmentWidth = Math.ceil(progressWidth / colors.length);
39
+ var colorsString = colors.reduce(function (acc, color, i) {
40
+ return acc + ", " + color + " " + i * segmentWidth + "px " + (i + 1) * segmentWidth + "px";
41
+ }, '');
42
+ return "linear-gradient(to right " + colorsString + ")";
43
+ };
44
+
45
+ var TuiProgressColorSegmentsDirective = /** @class */ (function () {
46
+ function TuiProgressColorSegmentsDirective(elementRef, resize$, userAgent) {
47
+ this.elementRef = elementRef;
48
+ this.resize$ = resize$;
49
+ this.userAgent = userAgent;
50
+ this.isOldBrowsers = isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent) ||
51
+ isIE(this.userAgent);
52
+ this.colors = [];
53
+ }
54
+ Object.defineProperty(TuiProgressColorSegmentsDirective.prototype, "calcSegments$", {
55
+ get: function () {
56
+ var _this = this;
57
+ return this.resize$.pipe(map(function () {
58
+ return _this.isOldBrowsers
59
+ ? _this.colors[0]
60
+ : calculateColorSegments(_this.colors, _this.elementRef.nativeElement.offsetWidth);
61
+ }));
62
+ },
63
+ enumerable: true,
64
+ configurable: true
65
+ });
66
+ TuiProgressColorSegmentsDirective.ctorParameters = function () { return [
67
+ { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
68
+ { type: Observable, decorators: [{ type: Inject, args: [TuiResizeService,] }] },
69
+ { type: String, decorators: [{ type: Inject, args: [USER_AGENT,] }] }
70
+ ]; };
71
+ __decorate([
72
+ Input('tuiProgressColorSegments')
73
+ ], TuiProgressColorSegmentsDirective.prototype, "colors", void 0);
74
+ __decorate([
75
+ tuiPure
76
+ ], TuiProgressColorSegmentsDirective.prototype, "calcSegments$", null);
77
+ TuiProgressColorSegmentsDirective = __decorate([
78
+ Directive({
79
+ selector: 'progress[tuiProgressBar][tuiProgressColorSegments]',
80
+ host: {
81
+ '[$.style.--tui-progress-color]': 'calcSegments$',
82
+ '($.style.--tui-progress-color)': '0',
83
+ },
84
+ providers: [TuiDestroyService, TuiResizeService],
85
+ }),
86
+ __param(0, Inject(ElementRef)),
87
+ __param(1, Inject(TuiResizeService)),
88
+ __param(2, Inject(USER_AGENT))
89
+ ], TuiProgressColorSegmentsDirective);
90
+ return TuiProgressColorSegmentsDirective;
91
+ }());
92
+
97
93
  // @dynamic
98
94
  var TuiProgressCircleComponent = /** @class */ (function () {
99
95
  function TuiProgressCircleComponent(userAgent, windowRef, elementRef) {
@@ -227,6 +223,74 @@ var TuiProgressSegmentedComponent = /** @class */ (function () {
227
223
  return TuiProgressSegmentedComponent;
228
224
  }());
229
225
 
226
+ // TODO delete in v3.0
227
+ var AbstractTuiColorSegments = /** @class */ (function () {
228
+ function AbstractTuiColorSegments(userAgent, elementRef) {
229
+ this.userAgent = userAgent;
230
+ this.elementRef = elementRef;
231
+ this.isOldBrowsers = isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent) ||
232
+ isIE(this.userAgent);
233
+ }
234
+ AbstractTuiColorSegments.prototype.calculate = function (colors) {
235
+ if (this.isOldBrowsers) {
236
+ return colors[0];
237
+ }
238
+ var elementWidth = this.elementRef.nativeElement.offsetWidth;
239
+ return calculateColorSegments(colors, elementWidth);
240
+ };
241
+ AbstractTuiColorSegments.ctorParameters = function () { return [
242
+ { type: String, decorators: [{ type: Inject, args: [USER_AGENT,] }] },
243
+ { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] }
244
+ ]; };
245
+ AbstractTuiColorSegments = __decorate([
246
+ Injectable(),
247
+ __param(0, Inject(USER_AGENT)),
248
+ __param(1, Inject(ElementRef))
249
+ ], AbstractTuiColorSegments);
250
+ return AbstractTuiColorSegments;
251
+ }());
252
+
253
+ // TODO delete in v3.0
254
+ var TuiProgressColorSegmentsPipe = /** @class */ (function (_super) {
255
+ __extends(TuiProgressColorSegmentsPipe, _super);
256
+ function TuiProgressColorSegmentsPipe() {
257
+ return _super !== null && _super.apply(this, arguments) || this;
258
+ }
259
+ /**
260
+ * @deprecated use tuiProgressColorSegments directive instead
261
+ * {@link TuiProgressColorSegmentsDirective}
262
+ * @example: `<progress tuiProgressBar [tuiProgressColorSegments]="colors">`
263
+ */
264
+ TuiProgressColorSegmentsPipe.prototype.transform = function (colors) {
265
+ return this.calculate(colors);
266
+ };
267
+ TuiProgressColorSegmentsPipe = __decorate([
268
+ Pipe({ name: 'tuiProgressColorSegments' })
269
+ ], TuiProgressColorSegmentsPipe);
270
+ return TuiProgressColorSegmentsPipe;
271
+ }(AbstractTuiColorSegments));
272
+
273
+ // TODO delete in v3.0
274
+ var TuiProgressColorSegmentsAsyncPipe = /** @class */ (function (_super) {
275
+ __extends(TuiProgressColorSegmentsAsyncPipe, _super);
276
+ function TuiProgressColorSegmentsAsyncPipe() {
277
+ return _super !== null && _super.apply(this, arguments) || this;
278
+ }
279
+ /**
280
+ * @deprecated use tuiProgressColorSegments directive instead
281
+ * {@link TuiProgressColorSegmentsDirective}
282
+ * @example: `<progress tuiProgressBar [tuiProgressColorSegments]="colors">`
283
+ */
284
+ TuiProgressColorSegmentsAsyncPipe.prototype.transform = function (colors) {
285
+ var _this = this;
286
+ return timer(0).pipe(map(function () { return _this.calculate(colors); }));
287
+ };
288
+ TuiProgressColorSegmentsAsyncPipe = __decorate([
289
+ Pipe({ name: 'tuiProgressColorSegmentsAsync' })
290
+ ], TuiProgressColorSegmentsAsyncPipe);
291
+ return TuiProgressColorSegmentsAsyncPipe;
292
+ }(AbstractTuiColorSegments));
293
+
230
294
  var TuiProgressModule = /** @class */ (function () {
231
295
  function TuiProgressModule() {
232
296
  }
@@ -235,6 +299,7 @@ var TuiProgressModule = /** @class */ (function () {
235
299
  imports: [CommonModule, TuiRepeatTimesModule],
236
300
  declarations: [
237
301
  TuiProgressBarComponent,
302
+ TuiProgressColorSegmentsDirective,
238
303
  TuiProgressColorSegmentsPipe,
239
304
  TuiProgressColorSegmentsAsyncPipe,
240
305
  TuiProgressCircleComponent,
@@ -244,6 +309,7 @@ var TuiProgressModule = /** @class */ (function () {
244
309
  exports: [
245
310
  TuiProgressBarComponent,
246
311
  TuiProgressCircleComponent,
312
+ TuiProgressColorSegmentsDirective,
247
313
  TuiProgressColorSegmentsPipe,
248
314
  TuiProgressColorSegmentsAsyncPipe,
249
315
  TuiProgressLabelComponent,
@@ -258,5 +324,5 @@ var TuiProgressModule = /** @class */ (function () {
258
324
  * Generated bundle index. Do not edit.
259
325
  */
260
326
 
261
- export { AbstractTuiColorSegments, TuiProgressBarComponent, TuiProgressCircleComponent, TuiProgressColorSegmentsAsyncPipe, TuiProgressColorSegmentsPipe, TuiProgressLabelComponent, TuiProgressModule, TuiProgressSegmentedComponent, nonNegativeInt, positiveInt };
327
+ export { AbstractTuiColorSegments, TuiProgressBarComponent, TuiProgressCircleComponent, TuiProgressColorSegmentsAsyncPipe, TuiProgressColorSegmentsDirective, TuiProgressColorSegmentsPipe, TuiProgressLabelComponent, TuiProgressModule, TuiProgressSegmentedComponent, nonNegativeInt, positiveInt };
262
328
  //# sourceMappingURL=taiga-ui-kit-components-progress.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-kit-components-progress.js","sources":["ng://@taiga-ui/kit/components/progress/pipes/abstract-color-segments.ts","ng://@taiga-ui/kit/components/progress/pipes/progress-color-segments.pipe.ts","ng://@taiga-ui/kit/components/progress/pipes/progress-color-segments-async.pipe.ts","ng://@taiga-ui/kit/components/progress/progress-bar/progress-bar.component.ts","ng://@taiga-ui/kit/components/progress/progress-circle/progress-circle.component.ts","ng://@taiga-ui/kit/components/progress/progress-label/progress-label.component.ts","ng://@taiga-ui/kit/components/progress/progress-segmented/progress-segmented.component.ts","ng://@taiga-ui/kit/components/progress/progress.module.ts","ng://@taiga-ui/kit/components/progress/taiga-ui-kit-components-progress.ts"],"sourcesContent":["import {ElementRef, Inject, Injectable, PipeTransform} from '@angular/core';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {CHROMIUM_EDGE_START_VERSION, isEdgeOlderThan, isIE} from '@taiga-ui/cdk';\n\n@Injectable()\nexport abstract class AbstractTuiColorSegments<T> implements PipeTransform {\n private readonly isOldBrowsers =\n isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent) ||\n isIE(this.userAgent);\n\n constructor(\n @Inject(USER_AGENT) private readonly userAgent: string,\n @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n ) {}\n\n abstract transform(colors: string[]): T;\n\n protected calculate(colors: string[]): string {\n if (this.isOldBrowsers) {\n return colors[0];\n }\n\n const elementWidth = this.elementRef.nativeElement.offsetWidth;\n const segmentWidth = Math.ceil(elementWidth / colors.length);\n const colorsString = colors.reduce(\n (acc, color, i) =>\n `${acc}, ${color} ${i * segmentWidth}px ${(i + 1) * segmentWidth}px`,\n '',\n );\n\n return `linear-gradient(to right ${colorsString})`;\n }\n}\n","import {Pipe} from '@angular/core';\n\nimport {AbstractTuiColorSegments} from './abstract-color-segments';\n\n/**\n * @deprecated use tuiProgressColorSegmentsAsync instead\n * {@link TuiProgressColorSegmentsAsyncPipe}\n * example: `<progress [color]=\"colors | tuiProgressColorSegmentsAsync | async\">`\n */\n@Pipe({name: 'tuiProgressColorSegments'})\nexport class TuiProgressColorSegmentsPipe extends AbstractTuiColorSegments<string> {\n transform(colors: string[]): string {\n return this.calculate(colors);\n }\n}\n","import {Pipe} from '@angular/core';\nimport {Observable, timer} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nimport {AbstractTuiColorSegments} from './abstract-color-segments';\n\n@Pipe({name: 'tuiProgressColorSegmentsAsync'})\nexport class TuiProgressColorSegmentsAsyncPipe extends AbstractTuiColorSegments<\n Observable<string>\n> {\n transform(colors: string[]): Observable<string> {\n return timer(0).pipe(map(() => this.calculate(colors)));\n }\n}\n","import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\n\n@Component({\n selector: 'progress[tuiProgressBar]',\n template: '',\n styleUrls: ['./progress-bar.component.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressBarComponent {\n @Input()\n @HostBinding('style.--tui-progress-color')\n color?: string;\n\n @Input()\n @HostBinding('attr.data-size')\n @tuiDefaultProp()\n size: TuiSizeS = 'm';\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostBinding,\n Inject,\n Input,\n ViewChild,\n} from '@angular/core';\nimport {USER_AGENT, WINDOW} from '@ng-web-apis/common';\nimport {\n CHROMIUM_EDGE_START_VERSION,\n isEdgeOlderThan,\n tuiDefaultProp,\n} from '@taiga-ui/cdk';\nimport {TuiSizeS, TuiSizeXL} from '@taiga-ui/core';\n\n// @dynamic\n@Component({\n selector: 'tui-progress-circle',\n templateUrl: './progress-circle.template.html',\n styleUrls: ['./progress-circle.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressCircleComponent {\n @ViewChild('progressCircle', {static: true})\n private readonly progressCircle!: ElementRef<SVGCircleElement>;\n\n @Input()\n @tuiDefaultProp()\n value = 0;\n\n @Input()\n @tuiDefaultProp()\n max = 1;\n\n @Input()\n @HostBinding('style.--tui-progress-color')\n @tuiDefaultProp()\n color: string | null = null;\n\n @Input()\n @HostBinding('attr.data-size')\n @tuiDefaultProp()\n size: TuiSizeS | TuiSizeXL = 'm';\n\n @HostBinding('style.--progress-percentage')\n get progressPercentage(): number {\n return this.value / this.max;\n }\n\n get oldEdgeRadiusFallback(): number | null {\n if (!isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent)) {\n return null;\n }\n\n const strokeWidth = parseInt(\n this.windowRef.getComputedStyle(this.progressCircle.nativeElement)\n .strokeWidth,\n 10,\n );\n\n return (this.elementRef.nativeElement.offsetWidth - strokeWidth) / 2;\n }\n\n constructor(\n @Inject(USER_AGENT) private readonly userAgent: string,\n @Inject(WINDOW) private readonly windowRef: Window,\n @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n ) {}\n}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n selector: 'label[tuiProgressLabel]',\n templateUrl: './progress-label.template.html',\n styleUrls: ['./progress-label.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressLabelComponent {}\n","import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\n\nexport function nonNegativeInt(value: number): boolean {\n return Number.isInteger(value) && value >= 0;\n}\n\nexport function positiveInt(value: number): boolean {\n return Number.isInteger(value) && value > 0;\n}\n\n@Component({\n selector: 'tui-progress-segmented',\n templateUrl: './progress-segmented.template.html',\n styleUrls: ['./progress-segmented.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressSegmentedComponent {\n @Input()\n @tuiDefaultProp(nonNegativeInt, 'Must be non-negative integer between 0 and max')\n value = 0;\n\n @Input()\n @tuiDefaultProp(positiveInt, 'Must be positive integer')\n max = 1;\n\n @Input()\n @HostBinding('attr.data-size')\n size: TuiSizeS = 'm';\n\n @Input()\n @tuiDefaultProp()\n colors: string | ReadonlyArray<string> = 'var(--tui-primary)';\n\n getActiveColor(index: number = 0): string | null {\n return typeof this.colors === 'string'\n ? this.colors\n : this.colors[index] || this.colors[this.colors.length - 1];\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiRepeatTimesModule} from '@taiga-ui/cdk';\n\nimport {TuiProgressColorSegmentsPipe} from './pipes/progress-color-segments.pipe';\nimport {TuiProgressColorSegmentsAsyncPipe} from './pipes/progress-color-segments-async.pipe';\nimport {TuiProgressBarComponent} from './progress-bar/progress-bar.component';\nimport {TuiProgressCircleComponent} from './progress-circle/progress-circle.component';\nimport {TuiProgressLabelComponent} from './progress-label/progress-label.component';\nimport {TuiProgressSegmentedComponent} from './progress-segmented/progress-segmented.component';\n\n@NgModule({\n imports: [CommonModule, TuiRepeatTimesModule],\n declarations: [\n TuiProgressBarComponent,\n TuiProgressColorSegmentsPipe,\n TuiProgressColorSegmentsAsyncPipe,\n TuiProgressCircleComponent,\n TuiProgressLabelComponent,\n TuiProgressSegmentedComponent,\n ],\n exports: [\n TuiProgressBarComponent,\n TuiProgressCircleComponent,\n TuiProgressColorSegmentsPipe,\n TuiProgressColorSegmentsAsyncPipe,\n TuiProgressLabelComponent,\n TuiProgressSegmentedComponent,\n ],\n})\nexport class TuiProgressModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"taiga-ui-kit-components-progress.js","sources":["ng://@taiga-ui/kit/components/progress/progress-bar/progress-bar.component.ts","ng://@taiga-ui/kit/components/progress/utils/calculate-color-segments.ts","ng://@taiga-ui/kit/components/progress/progress-bar/progress-color-segments.directive.ts","ng://@taiga-ui/kit/components/progress/progress-circle/progress-circle.component.ts","ng://@taiga-ui/kit/components/progress/progress-label/progress-label.component.ts","ng://@taiga-ui/kit/components/progress/progress-segmented/progress-segmented.component.ts","ng://@taiga-ui/kit/components/progress/utils/abstract-color-segments.ts","ng://@taiga-ui/kit/components/progress/utils/progress-color-segments.pipe.ts","ng://@taiga-ui/kit/components/progress/utils/progress-color-segments-async.pipe.ts","ng://@taiga-ui/kit/components/progress/progress.module.ts","ng://@taiga-ui/kit/components/progress/taiga-ui-kit-components-progress.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\n\n@Component({\n selector: 'progress[tuiProgressBar]',\n template: '',\n styleUrls: ['./progress-bar.component.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressBarComponent {\n @Input()\n @HostBinding('style.--tui-progress-color')\n color?: string;\n\n @Input()\n @HostBinding('attr.data-size')\n @tuiDefaultProp()\n size: TuiSizeS = 'm';\n}\n","/**\n * TODO in v3.0 move inside {@link TuiProgressColorSegmentsDirective} (as a private method)\n * (after deletion of {@link TuiProgressColorSegmentsPipe} and {@link TuiProgressColorSegmentsAsyncPipe})\n */\nexport const calculateColorSegments = (\n colors: string[],\n progressWidth: number,\n): string => {\n const segmentWidth = Math.ceil(progressWidth / colors.length);\n const colorsString = colors.reduce(\n (acc, color, i) =>\n `${acc}, ${color} ${i * segmentWidth}px ${(i + 1) * segmentWidth}px`,\n '',\n );\n\n return `linear-gradient(to right ${colorsString})`;\n};\n","import {Directive, ElementRef, Inject, Input} from '@angular/core';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {\n CHROMIUM_EDGE_START_VERSION,\n isEdgeOlderThan,\n isIE,\n TuiDestroyService,\n tuiPure,\n TuiResizeService,\n} from '@taiga-ui/cdk';\nimport {Observable} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nimport {calculateColorSegments} from '../utils/calculate-color-segments';\n\n@Directive({\n selector: 'progress[tuiProgressBar][tuiProgressColorSegments]',\n host: {\n '[$.style.--tui-progress-color]': 'calcSegments$',\n '($.style.--tui-progress-color)': '0',\n },\n providers: [TuiDestroyService, TuiResizeService],\n})\nexport class TuiProgressColorSegmentsDirective {\n private readonly isOldBrowsers =\n isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent) ||\n isIE(this.userAgent);\n\n @Input('tuiProgressColorSegments')\n colors: string[] = [];\n\n @tuiPure\n get calcSegments$(): Observable<string> {\n return this.resize$.pipe(\n map(() =>\n this.isOldBrowsers\n ? this.colors[0]\n : calculateColorSegments(\n this.colors,\n this.elementRef.nativeElement.offsetWidth,\n ),\n ),\n );\n }\n\n constructor(\n @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLProgressElement>,\n @Inject(TuiResizeService) private readonly resize$: Observable<unknown>,\n @Inject(USER_AGENT) private readonly userAgent: string,\n ) {}\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostBinding,\n Inject,\n Input,\n ViewChild,\n} from '@angular/core';\nimport {USER_AGENT, WINDOW} from '@ng-web-apis/common';\nimport {\n CHROMIUM_EDGE_START_VERSION,\n isEdgeOlderThan,\n tuiDefaultProp,\n} from '@taiga-ui/cdk';\nimport {TuiSizeS, TuiSizeXL} from '@taiga-ui/core';\n\n// @dynamic\n@Component({\n selector: 'tui-progress-circle',\n templateUrl: './progress-circle.template.html',\n styleUrls: ['./progress-circle.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressCircleComponent {\n @ViewChild('progressCircle', {static: true})\n private readonly progressCircle!: ElementRef<SVGCircleElement>;\n\n @Input()\n @tuiDefaultProp()\n value = 0;\n\n @Input()\n @tuiDefaultProp()\n max = 1;\n\n @Input()\n @HostBinding('style.--tui-progress-color')\n @tuiDefaultProp()\n color: string | null = null;\n\n @Input()\n @HostBinding('attr.data-size')\n @tuiDefaultProp()\n size: TuiSizeS | TuiSizeXL = 'm';\n\n @HostBinding('style.--progress-percentage')\n get progressPercentage(): number {\n return this.value / this.max;\n }\n\n get oldEdgeRadiusFallback(): number | null {\n if (!isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent)) {\n return null;\n }\n\n const strokeWidth = parseInt(\n this.windowRef.getComputedStyle(this.progressCircle.nativeElement)\n .strokeWidth,\n 10,\n );\n\n return (this.elementRef.nativeElement.offsetWidth - strokeWidth) / 2;\n }\n\n constructor(\n @Inject(USER_AGENT) private readonly userAgent: string,\n @Inject(WINDOW) private readonly windowRef: Window,\n @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n ) {}\n}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n selector: 'label[tuiProgressLabel]',\n templateUrl: './progress-label.template.html',\n styleUrls: ['./progress-label.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressLabelComponent {}\n","import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\n\nexport function nonNegativeInt(value: number): boolean {\n return Number.isInteger(value) && value >= 0;\n}\n\nexport function positiveInt(value: number): boolean {\n return Number.isInteger(value) && value > 0;\n}\n\n@Component({\n selector: 'tui-progress-segmented',\n templateUrl: './progress-segmented.template.html',\n styleUrls: ['./progress-segmented.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiProgressSegmentedComponent {\n @Input()\n @tuiDefaultProp(nonNegativeInt, 'Must be non-negative integer between 0 and max')\n value = 0;\n\n @Input()\n @tuiDefaultProp(positiveInt, 'Must be positive integer')\n max = 1;\n\n @Input()\n @HostBinding('attr.data-size')\n size: TuiSizeS = 'm';\n\n @Input()\n @tuiDefaultProp()\n colors: string | ReadonlyArray<string> = 'var(--tui-primary)';\n\n getActiveColor(index: number = 0): string | null {\n return typeof this.colors === 'string'\n ? this.colors\n : this.colors[index] || this.colors[this.colors.length - 1];\n }\n}\n","import {ElementRef, Inject, Injectable, PipeTransform} from '@angular/core';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {CHROMIUM_EDGE_START_VERSION, isEdgeOlderThan, isIE} from '@taiga-ui/cdk';\n\nimport {calculateColorSegments} from './calculate-color-segments';\n\n// TODO delete in v3.0\n@Injectable()\nexport abstract class AbstractTuiColorSegments<T> implements PipeTransform {\n private readonly isOldBrowsers =\n isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent) ||\n isIE(this.userAgent);\n\n constructor(\n @Inject(USER_AGENT) private readonly userAgent: string,\n @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLElement>,\n ) {}\n\n abstract transform(colors: string[]): T;\n\n protected calculate(colors: string[]): string {\n if (this.isOldBrowsers) {\n return colors[0];\n }\n\n const elementWidth = this.elementRef.nativeElement.offsetWidth;\n\n return calculateColorSegments(colors, elementWidth);\n }\n}\n","import {Pipe} from '@angular/core';\n\nimport {AbstractTuiColorSegments} from './abstract-color-segments';\n\n// TODO delete in v3.0\n@Pipe({name: 'tuiProgressColorSegments'})\nexport class TuiProgressColorSegmentsPipe extends AbstractTuiColorSegments<string> {\n /**\n * @deprecated use tuiProgressColorSegments directive instead\n * {@link TuiProgressColorSegmentsDirective}\n * @example: `<progress tuiProgressBar [tuiProgressColorSegments]=\"colors\">`\n */\n transform(colors: string[]): string {\n return this.calculate(colors);\n }\n}\n","import {Pipe} from '@angular/core';\nimport {Observable, timer} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nimport {AbstractTuiColorSegments} from './abstract-color-segments';\n\n// TODO delete in v3.0\n@Pipe({name: 'tuiProgressColorSegmentsAsync'})\nexport class TuiProgressColorSegmentsAsyncPipe extends AbstractTuiColorSegments<\n Observable<string>\n> {\n /**\n * @deprecated use tuiProgressColorSegments directive instead\n * {@link TuiProgressColorSegmentsDirective}\n * @example: `<progress tuiProgressBar [tuiProgressColorSegments]=\"colors\">`\n */\n transform(colors: string[]): Observable<string> {\n return timer(0).pipe(map(() => this.calculate(colors)));\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiRepeatTimesModule} from '@taiga-ui/cdk';\n\nimport {TuiProgressBarComponent} from './progress-bar/progress-bar.component';\nimport {TuiProgressColorSegmentsDirective} from './progress-bar/progress-color-segments.directive';\nimport {TuiProgressCircleComponent} from './progress-circle/progress-circle.component';\nimport {TuiProgressLabelComponent} from './progress-label/progress-label.component';\nimport {TuiProgressSegmentedComponent} from './progress-segmented/progress-segmented.component';\nimport {TuiProgressColorSegmentsPipe} from './utils/progress-color-segments.pipe';\nimport {TuiProgressColorSegmentsAsyncPipe} from './utils/progress-color-segments-async.pipe';\n\n@NgModule({\n imports: [CommonModule, TuiRepeatTimesModule],\n declarations: [\n TuiProgressBarComponent,\n TuiProgressColorSegmentsDirective,\n TuiProgressColorSegmentsPipe,\n TuiProgressColorSegmentsAsyncPipe,\n TuiProgressCircleComponent,\n TuiProgressLabelComponent,\n TuiProgressSegmentedComponent,\n ],\n exports: [\n TuiProgressBarComponent,\n TuiProgressCircleComponent,\n TuiProgressColorSegmentsDirective,\n TuiProgressColorSegmentsPipe,\n TuiProgressColorSegmentsAsyncPipe,\n TuiProgressLabelComponent,\n TuiProgressSegmentedComponent,\n ],\n})\nexport class TuiProgressModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -1,8 +1,9 @@
1
1
  import { __decorate, __param, __extends } from 'tslib';
2
- import { Optional, Self, Inject, ElementRef, Input, HostBinding, Component, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef, NgModule } from '@angular/core';
2
+ import { Optional, Self, Inject, ChangeDetectorRef, ElementRef, Input, HostBinding, Component, ChangeDetectionStrategy, forwardRef, NgModule } from '@angular/core';
3
3
  import { NgModel, NgControl } from '@angular/forms';
4
4
  import { USER_AGENT } from '@ng-web-apis/common';
5
- import { isEdgeOlderThan, CHROMIUM_EDGE_START_VERSION, tuiDefaultProp, isNativeFocused, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiRepeatTimesModule, TuiFocusableModule, TuiFocusVisibleModule, TuiActiveZoneModule } from '@taiga-ui/cdk';
5
+ import { watch, isEdgeOlderThan, CHROMIUM_EDGE_START_VERSION, tuiDefaultProp, isNativeFocused, TUI_FOCUSABLE_ITEM_ACCESSOR, TuiRepeatTimesModule, TuiFocusableModule, TuiFocusVisibleModule, TuiActiveZoneModule } from '@taiga-ui/cdk';
6
+ import { take } from 'rxjs/operators';
6
7
  import { DOCUMENT, CommonModule } from '@angular/common';
7
8
  import { TuiFormatNumberPipeModule } from '@taiga-ui/core';
8
9
  import { AbstractTuiSlider } from '@taiga-ui/kit/abstract';
@@ -10,12 +11,22 @@ import { TUI_FROM_TO_TEXTS } from '@taiga-ui/kit/tokens';
10
11
  import { Observable } from 'rxjs';
11
12
 
12
13
  var TuiSliderComponent = /** @class */ (function () {
13
- function TuiSliderComponent(control, elementRef, userAgent) {
14
- this.control = control;
14
+ function TuiSliderComponent(control, changeDetectorRef, elementRef, userAgent) {
15
+ var _a;
15
16
  this.elementRef = elementRef;
16
17
  this.userAgent = userAgent;
17
18
  this.size = 'm';
18
19
  this.segments = 1;
20
+ if (control instanceof NgModel) {
21
+ /**
22
+ * The ValueAccessor.writeValue method is called twice on any value accessor during component initialization,
23
+ * when a control is bound using [(ngModel)], first time with a phantom null value.
24
+ * With `changeDetection: ChangeDetectionStrategy.OnPush` the second call of writeValue with real value don't re-render the view.
25
+ * ___
26
+ * See this {@link https://github.com/angular/angular/issues/14988 issue}
27
+ */
28
+ (_a = control.valueChanges) === null || _a === void 0 ? void 0 : _a.pipe(watch(changeDetectorRef), take(1)).subscribe();
29
+ }
19
30
  }
20
31
  Object.defineProperty(TuiSliderComponent.prototype, "min", {
21
32
  get: function () {
@@ -38,40 +49,37 @@ var TuiSliderComponent = /** @class */ (function () {
38
49
  enumerable: true,
39
50
  configurable: true
40
51
  });
41
- Object.defineProperty(TuiSliderComponent.prototype, "fillPercentage", {
52
+ Object.defineProperty(TuiSliderComponent.prototype, "value", {
42
53
  get: function () {
43
- var percentage = Math.floor((100 * this.value) / (this.max - this.min));
44
- return percentage + "%";
54
+ return Number(this.elementRef.nativeElement.value) || 0;
45
55
  },
46
56
  enumerable: true,
47
57
  configurable: true
48
58
  });
49
- Object.defineProperty(TuiSliderComponent.prototype, "stepPercentage", {
59
+ Object.defineProperty(TuiSliderComponent.prototype, "fillPercentage", {
50
60
  get: function () {
51
- var percentage = 100 / this.segments - 0.1;
52
- return percentage + "%";
61
+ return (100 * this.value) / (this.max - this.min);
53
62
  },
54
63
  enumerable: true,
55
64
  configurable: true
56
65
  });
57
- Object.defineProperty(TuiSliderComponent.prototype, "isOldEdge", {
66
+ Object.defineProperty(TuiSliderComponent.prototype, "stepPercentage", {
58
67
  get: function () {
59
- return isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent);
68
+ return 100 / this.segments - 0.1;
60
69
  },
61
70
  enumerable: true,
62
71
  configurable: true
63
72
  });
64
- Object.defineProperty(TuiSliderComponent.prototype, "value", {
73
+ Object.defineProperty(TuiSliderComponent.prototype, "isOldEdge", {
65
74
  get: function () {
66
- var control = this.control;
67
- var controlValue = control instanceof NgModel ? control.viewModel : control === null || control === void 0 ? void 0 : control.value;
68
- return controlValue || Number(this.elementRef.nativeElement.value) || 0;
75
+ return isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent);
69
76
  },
70
77
  enumerable: true,
71
78
  configurable: true
72
79
  });
73
80
  TuiSliderComponent.ctorParameters = function () { return [
74
81
  { type: NgControl, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NgControl,] }] },
82
+ { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
75
83
  { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
76
84
  { type: String, decorators: [{ type: Inject, args: [USER_AGENT,] }] }
77
85
  ]; };
@@ -85,20 +93,25 @@ var TuiSliderComponent = /** @class */ (function () {
85
93
  tuiDefaultProp()
86
94
  ], TuiSliderComponent.prototype, "segments", void 0);
87
95
  __decorate([
88
- HostBinding('style.--tui-slider-fill-percentage')
96
+ HostBinding('style.--tui-slider-fill-percentage.%')
89
97
  ], TuiSliderComponent.prototype, "fillPercentage", null);
90
98
  __decorate([
91
- HostBinding('style.--tui-slider-segment-width')
99
+ HostBinding('style.--tui-slider-segment-width.%')
92
100
  ], TuiSliderComponent.prototype, "stepPercentage", null);
93
101
  __decorate([
94
102
  HostBinding('class._old-edge')
95
103
  ], TuiSliderComponent.prototype, "isOldEdge", null);
96
104
  TuiSliderComponent = __decorate([
97
105
  Component({
98
- selector: 'input[tuiSlider]',
106
+ /**
107
+ * We have to call our component as `<input tuiSlider type="range" ... />`
108
+ * because otherwise built-in angular
109
+ * {@link https://github.com/angular/angular/blob/master/packages/forms/src/directives/range_value_accessor.ts#L45 RangeValueAccessor}
110
+ * cannot be matched by its CSS selector.
111
+ */
112
+ selector: 'input[type=range][tuiSlider]',
99
113
  template: "",
100
114
  host: {
101
- type: 'range',
102
115
  /**
103
116
  * For change detection.
104
117
  * Webkit does not have built-in method for customization of filling progress (as Firefox).
@@ -113,8 +126,9 @@ var TuiSliderComponent = /** @class */ (function () {
113
126
  __param(0, Optional()),
114
127
  __param(0, Self()),
115
128
  __param(0, Inject(NgControl)),
116
- __param(1, Inject(ElementRef)),
117
- __param(2, Inject(USER_AGENT))
129
+ __param(1, Inject(ChangeDetectorRef)),
130
+ __param(2, Inject(ElementRef)),
131
+ __param(3, Inject(USER_AGENT))
118
132
  ], TuiSliderComponent);
119
133
  return TuiSliderComponent;
120
134
  }());