@angular/material-experimental 14.2.2 → 15.0.0-next.1

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 (624) hide show
  1. package/_index.scss +0 -69
  2. package/column-resize/index.d.ts +7 -7
  3. package/esm2020/column-resize/column-resize-directives/column-resize-flex.mjs +4 -4
  4. package/esm2020/column-resize/column-resize-directives/column-resize.mjs +4 -4
  5. package/esm2020/column-resize/column-resize-directives/default-enabled-column-resize-flex.mjs +4 -4
  6. package/esm2020/column-resize/column-resize-directives/default-enabled-column-resize.mjs +4 -4
  7. package/esm2020/column-resize/column-resize-module.mjs +13 -13
  8. package/esm2020/column-resize/overlay-handle.mjs +4 -4
  9. package/esm2020/column-resize/resizable-directives/default-enabled-resizable.mjs +4 -4
  10. package/esm2020/column-resize/resizable-directives/resizable.mjs +4 -4
  11. package/esm2020/column-resize/resize-strategy.mjs +4 -4
  12. package/esm2020/menubar/menubar-item.mjs +4 -4
  13. package/esm2020/menubar/menubar-module.mjs +5 -5
  14. package/esm2020/menubar/menubar.mjs +4 -4
  15. package/esm2020/popover-edit/lens-directives.mjs +10 -10
  16. package/esm2020/popover-edit/popover-edit-module.mjs +5 -5
  17. package/esm2020/popover-edit/table-directives.mjs +13 -13
  18. package/esm2020/selection/row-selection.mjs +4 -4
  19. package/esm2020/selection/select-all.mjs +4 -4
  20. package/esm2020/selection/selection-column.mjs +12 -12
  21. package/esm2020/selection/selection-module.mjs +8 -8
  22. package/esm2020/selection/selection-toggle.mjs +4 -4
  23. package/esm2020/selection/selection.mjs +4 -4
  24. package/esm2020/version.mjs +1 -1
  25. package/fesm2015/column-resize.mjs +36 -36
  26. package/fesm2015/column-resize.mjs.map +1 -1
  27. package/fesm2015/material-experimental.mjs +1 -1
  28. package/fesm2015/material-experimental.mjs.map +1 -1
  29. package/fesm2015/menubar.mjs +10 -10
  30. package/fesm2015/menubar.mjs.map +1 -1
  31. package/fesm2015/popover-edit.mjs +25 -25
  32. package/fesm2015/popover-edit.mjs.map +1 -1
  33. package/fesm2015/selection.mjs +29 -29
  34. package/fesm2015/selection.mjs.map +1 -1
  35. package/fesm2020/column-resize.mjs +36 -36
  36. package/fesm2020/column-resize.mjs.map +1 -1
  37. package/fesm2020/material-experimental.mjs +1 -1
  38. package/fesm2020/material-experimental.mjs.map +1 -1
  39. package/fesm2020/menubar.mjs +10 -10
  40. package/fesm2020/menubar.mjs.map +1 -1
  41. package/fesm2020/popover-edit.mjs +25 -25
  42. package/fesm2020/popover-edit.mjs.map +1 -1
  43. package/fesm2020/selection.mjs +29 -29
  44. package/fesm2020/selection.mjs.map +1 -1
  45. package/menubar/index.d.ts +2 -2
  46. package/package.json +55 -422
  47. package/popover-edit/index.d.ts +7 -7
  48. package/selection/index.d.ts +9 -9
  49. package/esm2020/mdc-autocomplete/animations.mjs +0 -25
  50. package/esm2020/mdc-autocomplete/autocomplete-origin.mjs +0 -26
  51. package/esm2020/mdc-autocomplete/autocomplete-trigger.mjs +0 -54
  52. package/esm2020/mdc-autocomplete/autocomplete.mjs +0 -35
  53. package/esm2020/mdc-autocomplete/index.mjs +0 -9
  54. package/esm2020/mdc-autocomplete/mdc-autocomplete_public_index.mjs +0 -5
  55. package/esm2020/mdc-autocomplete/module.mjs +0 -46
  56. package/esm2020/mdc-autocomplete/public-api.mjs +0 -14
  57. package/esm2020/mdc-autocomplete/testing/autocomplete-harness-filters.mjs +0 -9
  58. package/esm2020/mdc-autocomplete/testing/autocomplete-harness.mjs +0 -31
  59. package/esm2020/mdc-autocomplete/testing/index.mjs +0 -9
  60. package/esm2020/mdc-autocomplete/testing/public-api.mjs +0 -10
  61. package/esm2020/mdc-button/button-base.mjs +0 -152
  62. package/esm2020/mdc-button/button.mjs +0 -69
  63. package/esm2020/mdc-button/fab.mjs +0 -175
  64. package/esm2020/mdc-button/icon-button.mjs +0 -57
  65. package/esm2020/mdc-button/index.mjs +0 -9
  66. package/esm2020/mdc-button/mdc-button_public_index.mjs +0 -5
  67. package/esm2020/mdc-button/module.mjs +0 -61
  68. package/esm2020/mdc-button/public-api.mjs +0 -12
  69. package/esm2020/mdc-button/testing/button-harness.mjs +0 -50
  70. package/esm2020/mdc-button/testing/index.mjs +0 -9
  71. package/esm2020/mdc-button/testing/public-api.mjs +0 -9
  72. package/esm2020/mdc-card/card.mjs +0 -261
  73. package/esm2020/mdc-card/index.mjs +0 -9
  74. package/esm2020/mdc-card/mdc-card_public_index.mjs +0 -5
  75. package/esm2020/mdc-card/module.mjs +0 -68
  76. package/esm2020/mdc-card/public-api.mjs +0 -10
  77. package/esm2020/mdc-card/testing/card-harness-filters.mjs +0 -9
  78. package/esm2020/mdc-card/testing/card-harness.mjs +0 -42
  79. package/esm2020/mdc-card/testing/index.mjs +0 -9
  80. package/esm2020/mdc-card/testing/public-api.mjs +0 -10
  81. package/esm2020/mdc-checkbox/checkbox.mjs +0 -93
  82. package/esm2020/mdc-checkbox/index.mjs +0 -9
  83. package/esm2020/mdc-checkbox/mdc-checkbox_public_index.mjs +0 -5
  84. package/esm2020/mdc-checkbox/module.mjs +0 -26
  85. package/esm2020/mdc-checkbox/public-api.mjs +0 -11
  86. package/esm2020/mdc-checkbox/testing/checkbox-harness.mjs +0 -41
  87. package/esm2020/mdc-checkbox/testing/index.mjs +0 -9
  88. package/esm2020/mdc-checkbox/testing/public-api.mjs +0 -9
  89. package/esm2020/mdc-chips/chip-action.mjs +0 -90
  90. package/esm2020/mdc-chips/chip-edit-input.mjs +0 -60
  91. package/esm2020/mdc-chips/chip-grid.mjs +0 -407
  92. package/esm2020/mdc-chips/chip-icons.mjs +0 -110
  93. package/esm2020/mdc-chips/chip-input.mjs +0 -212
  94. package/esm2020/mdc-chips/chip-listbox.mjs +0 -332
  95. package/esm2020/mdc-chips/chip-option.mjs +0 -160
  96. package/esm2020/mdc-chips/chip-row.mjs +0 -176
  97. package/esm2020/mdc-chips/chip-set.mjs +0 -271
  98. package/esm2020/mdc-chips/chip-text-control.mjs +0 -9
  99. package/esm2020/mdc-chips/chip.mjs +0 -287
  100. package/esm2020/mdc-chips/index.mjs +0 -9
  101. package/esm2020/mdc-chips/mdc-chips_public_index.mjs +0 -5
  102. package/esm2020/mdc-chips/module.mjs +0 -87
  103. package/esm2020/mdc-chips/public-api.mjs +0 -20
  104. package/esm2020/mdc-chips/testing/chip-avatar-harness.mjs +0 -22
  105. package/esm2020/mdc-chips/testing/chip-grid-harness.mjs +0 -43
  106. package/esm2020/mdc-chips/testing/chip-harness-filters.mjs +0 -9
  107. package/esm2020/mdc-chips/testing/chip-harness.mjs +0 -58
  108. package/esm2020/mdc-chips/testing/chip-input-harness.mjs +0 -82
  109. package/esm2020/mdc-chips/testing/chip-listbox-harness.mjs +0 -59
  110. package/esm2020/mdc-chips/testing/chip-option-harness.mjs +0 -45
  111. package/esm2020/mdc-chips/testing/chip-remove-harness.mjs +0 -26
  112. package/esm2020/mdc-chips/testing/chip-row-harness.mjs +0 -22
  113. package/esm2020/mdc-chips/testing/chip-set-harness.mjs +0 -26
  114. package/esm2020/mdc-chips/testing/index.mjs +0 -9
  115. package/esm2020/mdc-chips/testing/public-api.mjs +0 -18
  116. package/esm2020/mdc-chips/tokens.mjs +0 -33
  117. package/esm2020/mdc-core/index.mjs +0 -9
  118. package/esm2020/mdc-core/mdc-core_public_index.mjs +0 -5
  119. package/esm2020/mdc-core/option/index.mjs +0 -30
  120. package/esm2020/mdc-core/option/optgroup.mjs +0 -46
  121. package/esm2020/mdc-core/option/option.mjs +0 -52
  122. package/esm2020/mdc-core/public-api.mjs +0 -10
  123. package/esm2020/mdc-core/testing/index.mjs +0 -9
  124. package/esm2020/mdc-core/testing/optgroup-harness-filters.mjs +0 -9
  125. package/esm2020/mdc-core/testing/optgroup-harness.mjs +0 -43
  126. package/esm2020/mdc-core/testing/option-harness-filters.mjs +0 -9
  127. package/esm2020/mdc-core/testing/option-harness.mjs +0 -53
  128. package/esm2020/mdc-core/testing/public-api.mjs +0 -12
  129. package/esm2020/mdc-dialog/dialog-container.mjs +0 -171
  130. package/esm2020/mdc-dialog/dialog-content-directives.mjs +0 -179
  131. package/esm2020/mdc-dialog/dialog-ref.mjs +0 -14
  132. package/esm2020/mdc-dialog/dialog.mjs +0 -82
  133. package/esm2020/mdc-dialog/index.mjs +0 -9
  134. package/esm2020/mdc-dialog/mdc-dialog_public_index.mjs +0 -5
  135. package/esm2020/mdc-dialog/module.mjs +0 -53
  136. package/esm2020/mdc-dialog/public-api.mjs +0 -14
  137. package/esm2020/mdc-dialog/testing/dialog-harness.mjs +0 -29
  138. package/esm2020/mdc-dialog/testing/dialog-opener.mjs +0 -45
  139. package/esm2020/mdc-dialog/testing/index.mjs +0 -9
  140. package/esm2020/mdc-dialog/testing/public-api.mjs +0 -10
  141. package/esm2020/mdc-form-field/directives/error.mjs +0 -47
  142. package/esm2020/mdc-form-field/directives/floating-label.mjs +0 -73
  143. package/esm2020/mdc-form-field/directives/hint.mjs +0 -39
  144. package/esm2020/mdc-form-field/directives/label.mjs +0 -21
  145. package/esm2020/mdc-form-field/directives/line-ripple.mjs +0 -59
  146. package/esm2020/mdc-form-field/directives/notched-outline.mjs +0 -68
  147. package/esm2020/mdc-form-field/directives/prefix.mjs +0 -32
  148. package/esm2020/mdc-form-field/directives/suffix.mjs +0 -32
  149. package/esm2020/mdc-form-field/form-field.mjs +0 -608
  150. package/esm2020/mdc-form-field/index.mjs +0 -9
  151. package/esm2020/mdc-form-field/mdc-form-field_public_index.mjs +0 -5
  152. package/esm2020/mdc-form-field/module.mjs +0 -53
  153. package/esm2020/mdc-form-field/public-api.mjs +0 -16
  154. package/esm2020/mdc-form-field/testing/form-field-harness.mjs +0 -58
  155. package/esm2020/mdc-form-field/testing/index.mjs +0 -9
  156. package/esm2020/mdc-form-field/testing/public-api.mjs +0 -13
  157. package/esm2020/mdc-input/index.mjs +0 -9
  158. package/esm2020/mdc-input/input.mjs +0 -55
  159. package/esm2020/mdc-input/mdc-input_public_index.mjs +0 -5
  160. package/esm2020/mdc-input/module.mjs +0 -27
  161. package/esm2020/mdc-input/public-api.mjs +0 -11
  162. package/esm2020/mdc-input/testing/index.mjs +0 -9
  163. package/esm2020/mdc-input/testing/public-api.mjs +0 -9
  164. package/esm2020/mdc-list/action-list.mjs +0 -31
  165. package/esm2020/mdc-list/index.mjs +0 -9
  166. package/esm2020/mdc-list/list-base.mjs +0 -272
  167. package/esm2020/mdc-list/list-item-sections.mjs +0 -138
  168. package/esm2020/mdc-list/list-option-types.mjs +0 -16
  169. package/esm2020/mdc-list/list-option.mjs +0 -253
  170. package/esm2020/mdc-list/list.mjs +0 -82
  171. package/esm2020/mdc-list/mdc-list_public_index.mjs +0 -5
  172. package/esm2020/mdc-list/module.mjs +0 -98
  173. package/esm2020/mdc-list/nav-list.mjs +0 -31
  174. package/esm2020/mdc-list/public-api.mjs +0 -18
  175. package/esm2020/mdc-list/selection-list.mjs +0 -338
  176. package/esm2020/mdc-list/subheader.mjs +0 -27
  177. package/esm2020/mdc-list/testing/action-list-harness.mjs +0 -59
  178. package/esm2020/mdc-list/testing/index.mjs +0 -9
  179. package/esm2020/mdc-list/testing/list-harness-base.mjs +0 -95
  180. package/esm2020/mdc-list/testing/list-harness-filters.mjs +0 -9
  181. package/esm2020/mdc-list/testing/list-harness.mjs +0 -41
  182. package/esm2020/mdc-list/testing/list-item-harness-base.mjs +0 -150
  183. package/esm2020/mdc-list/testing/nav-list-harness.mjs +0 -69
  184. package/esm2020/mdc-list/testing/public-api.mjs +0 -14
  185. package/esm2020/mdc-list/testing/selection-list-harness.mjs +0 -117
  186. package/esm2020/mdc-menu/directives.mjs +0 -38
  187. package/esm2020/mdc-menu/index.mjs +0 -9
  188. package/esm2020/mdc-menu/mdc-menu_public_index.mjs +0 -5
  189. package/esm2020/mdc-menu/menu-item.mjs +0 -36
  190. package/esm2020/mdc-menu/menu.mjs +0 -43
  191. package/esm2020/mdc-menu/module.mjs +0 -44
  192. package/esm2020/mdc-menu/public-api.mjs +0 -13
  193. package/esm2020/mdc-menu/testing/index.mjs +0 -9
  194. package/esm2020/mdc-menu/testing/menu-harness.mjs +0 -46
  195. package/esm2020/mdc-menu/testing/public-api.mjs +0 -9
  196. package/esm2020/mdc-paginator/index.mjs +0 -9
  197. package/esm2020/mdc-paginator/mdc-paginator_public_index.mjs +0 -5
  198. package/esm2020/mdc-paginator/module.mjs +0 -30
  199. package/esm2020/mdc-paginator/paginator.mjs +0 -48
  200. package/esm2020/mdc-paginator/public-api.mjs +0 -11
  201. package/esm2020/mdc-paginator/testing/index.mjs +0 -9
  202. package/esm2020/mdc-paginator/testing/paginator-harness.mjs +0 -36
  203. package/esm2020/mdc-paginator/testing/public-api.mjs +0 -9
  204. package/esm2020/mdc-progress-bar/index.mjs +0 -9
  205. package/esm2020/mdc-progress-bar/mdc-progress-bar_public_index.mjs +0 -5
  206. package/esm2020/mdc-progress-bar/module.mjs +0 -24
  207. package/esm2020/mdc-progress-bar/progress-bar.mjs +0 -152
  208. package/esm2020/mdc-progress-bar/public-api.mjs +0 -11
  209. package/esm2020/mdc-progress-bar/testing/index.mjs +0 -9
  210. package/esm2020/mdc-progress-bar/testing/progress-bar-harness.mjs +0 -33
  211. package/esm2020/mdc-progress-bar/testing/public-api.mjs +0 -9
  212. package/esm2020/mdc-progress-bar/testing/testing_public_index.mjs +0 -5
  213. package/esm2020/mdc-progress-spinner/index.mjs +0 -9
  214. package/esm2020/mdc-progress-spinner/mdc-progress-spinner_public_index.mjs +0 -5
  215. package/esm2020/mdc-progress-spinner/module.mjs +0 -26
  216. package/esm2020/mdc-progress-spinner/progress-spinner.mjs +0 -151
  217. package/esm2020/mdc-progress-spinner/public-api.mjs +0 -11
  218. package/esm2020/mdc-progress-spinner/testing/index.mjs +0 -9
  219. package/esm2020/mdc-progress-spinner/testing/progress-spinner-harness.mjs +0 -35
  220. package/esm2020/mdc-progress-spinner/testing/public-api.mjs +0 -9
  221. package/esm2020/mdc-progress-spinner/testing/testing_public_index.mjs +0 -5
  222. package/esm2020/mdc-radio/index.mjs +0 -9
  223. package/esm2020/mdc-radio/mdc-radio_public_index.mjs +0 -5
  224. package/esm2020/mdc-radio/module.mjs +0 -26
  225. package/esm2020/mdc-radio/public-api.mjs +0 -11
  226. package/esm2020/mdc-radio/radio.mjs +0 -111
  227. package/esm2020/mdc-radio/testing/index.mjs +0 -9
  228. package/esm2020/mdc-radio/testing/public-api.mjs +0 -9
  229. package/esm2020/mdc-radio/testing/radio-harness.mjs +0 -50
  230. package/esm2020/mdc-select/index.mjs +0 -9
  231. package/esm2020/mdc-select/mdc-select_public_index.mjs +0 -5
  232. package/esm2020/mdc-select/module.mjs +0 -46
  233. package/esm2020/mdc-select/public-api.mjs +0 -12
  234. package/esm2020/mdc-select/select-animations.mjs +0 -38
  235. package/esm2020/mdc-select/select-errors.mjs +0 -35
  236. package/esm2020/mdc-select/select.mjs +0 -172
  237. package/esm2020/mdc-select/testing/index.mjs +0 -9
  238. package/esm2020/mdc-select/testing/public-api.mjs +0 -10
  239. package/esm2020/mdc-select/testing/select-harness-filters.mjs +0 -9
  240. package/esm2020/mdc-select/testing/select-harness.mjs +0 -29
  241. package/esm2020/mdc-slide-toggle/index.mjs +0 -9
  242. package/esm2020/mdc-slide-toggle/mdc-slide-toggle_public_index.mjs +0 -5
  243. package/esm2020/mdc-slide-toggle/module.mjs +0 -27
  244. package/esm2020/mdc-slide-toggle/public-api.mjs +0 -12
  245. package/esm2020/mdc-slide-toggle/slide-toggle-config.mjs +0 -14
  246. package/esm2020/mdc-slide-toggle/slide-toggle.mjs +0 -99
  247. package/esm2020/mdc-slide-toggle/testing/index.mjs +0 -9
  248. package/esm2020/mdc-slide-toggle/testing/public-api.mjs +0 -9
  249. package/esm2020/mdc-slide-toggle/testing/slide-toggle-harness.mjs +0 -47
  250. package/esm2020/mdc-slider/global-change-and-input-listener.mjs +0 -59
  251. package/esm2020/mdc-slider/index.mjs +0 -9
  252. package/esm2020/mdc-slider/mdc-slider_public_index.mjs +0 -5
  253. package/esm2020/mdc-slider/module.mjs +0 -26
  254. package/esm2020/mdc-slider/public-api.mjs +0 -10
  255. package/esm2020/mdc-slider/slider.mjs +0 -1094
  256. package/esm2020/mdc-slider/testing/index.mjs +0 -9
  257. package/esm2020/mdc-slider/testing/public-api.mjs +0 -11
  258. package/esm2020/mdc-slider/testing/slider-harness-filters.mjs +0 -2
  259. package/esm2020/mdc-slider/testing/slider-harness.mjs +0 -62
  260. package/esm2020/mdc-slider/testing/slider-thumb-harness.mjs +0 -94
  261. package/esm2020/mdc-snack-bar/index.mjs +0 -9
  262. package/esm2020/mdc-snack-bar/mdc-snack-bar_public_index.mjs +0 -5
  263. package/esm2020/mdc-snack-bar/module.mjs +0 -51
  264. package/esm2020/mdc-snack-bar/public-api.mjs +0 -14
  265. package/esm2020/mdc-snack-bar/simple-snack-bar.mjs +0 -40
  266. package/esm2020/mdc-snack-bar/snack-bar-container.mjs +0 -41
  267. package/esm2020/mdc-snack-bar/snack-bar-content.mjs +0 -52
  268. package/esm2020/mdc-snack-bar/snack-bar.mjs +0 -45
  269. package/esm2020/mdc-snack-bar/testing/index.mjs +0 -9
  270. package/esm2020/mdc-snack-bar/testing/public-api.mjs +0 -9
  271. package/esm2020/mdc-snack-bar/testing/snack-bar-harness.mjs +0 -34
  272. package/esm2020/mdc-table/cell.mjs +0 -141
  273. package/esm2020/mdc-table/index.mjs +0 -9
  274. package/esm2020/mdc-table/mdc-table_public_index.mjs +0 -5
  275. package/esm2020/mdc-table/module.mjs +0 -94
  276. package/esm2020/mdc-table/public-api.mjs +0 -14
  277. package/esm2020/mdc-table/row.mjs +0 -143
  278. package/esm2020/mdc-table/table-data-source.mjs +0 -24
  279. package/esm2020/mdc-table/table.mjs +0 -74
  280. package/esm2020/mdc-table/testing/cell-harness.mjs +0 -50
  281. package/esm2020/mdc-table/testing/index.mjs +0 -9
  282. package/esm2020/mdc-table/testing/public-api.mjs +0 -11
  283. package/esm2020/mdc-table/testing/row-harness.mjs +0 -64
  284. package/esm2020/mdc-table/testing/table-harness.mjs +0 -30
  285. package/esm2020/mdc-table/text-column.mjs +0 -58
  286. package/esm2020/mdc-tabs/index.mjs +0 -9
  287. package/esm2020/mdc-tabs/ink-bar.mjs +0 -130
  288. package/esm2020/mdc-tabs/mdc-tabs_public_index.mjs +0 -5
  289. package/esm2020/mdc-tabs/module.mjs +0 -93
  290. package/esm2020/mdc-tabs/public-api.mjs +0 -19
  291. package/esm2020/mdc-tabs/tab-body.mjs +0 -60
  292. package/esm2020/mdc-tabs/tab-content.mjs +0 -20
  293. package/esm2020/mdc-tabs/tab-group.mjs +0 -98
  294. package/esm2020/mdc-tabs/tab-header.mjs +0 -73
  295. package/esm2020/mdc-tabs/tab-label-wrapper.mjs +0 -32
  296. package/esm2020/mdc-tabs/tab-label.mjs +0 -22
  297. package/esm2020/mdc-tabs/tab-nav-bar/tab-nav-bar.mjs +0 -202
  298. package/esm2020/mdc-tabs/tab.mjs +0 -34
  299. package/esm2020/mdc-tabs/testing/index.mjs +0 -9
  300. package/esm2020/mdc-tabs/testing/public-api.mjs +0 -13
  301. package/esm2020/mdc-tabs/testing/tab-group-harness.mjs +0 -56
  302. package/esm2020/mdc-tabs/testing/tab-harness-filters.mjs +0 -2
  303. package/esm2020/mdc-tabs/testing/tab-harness.mjs +0 -64
  304. package/esm2020/mdc-tabs/testing/tab-link-harness.mjs +0 -40
  305. package/esm2020/mdc-tabs/testing/tab-nav-bar-harness.mjs +0 -66
  306. package/esm2020/mdc-tabs/testing/tab-nav-panel-harness.mjs +0 -27
  307. package/esm2020/mdc-tooltip/index.mjs +0 -9
  308. package/esm2020/mdc-tooltip/mdc-tooltip_public_index.mjs +0 -5
  309. package/esm2020/mdc-tooltip/module.mjs +0 -31
  310. package/esm2020/mdc-tooltip/public-api.mjs +0 -12
  311. package/esm2020/mdc-tooltip/testing/index.mjs +0 -9
  312. package/esm2020/mdc-tooltip/testing/public-api.mjs +0 -9
  313. package/esm2020/mdc-tooltip/testing/tooltip-harness.mjs +0 -30
  314. package/esm2020/mdc-tooltip/tooltip-animations.mjs +0 -24
  315. package/esm2020/mdc-tooltip/tooltip.mjs +0 -132
  316. package/fesm2015/mdc-autocomplete/testing.mjs +0 -50
  317. package/fesm2015/mdc-autocomplete/testing.mjs.map +0 -1
  318. package/fesm2015/mdc-autocomplete.mjs +0 -196
  319. package/fesm2015/mdc-autocomplete.mjs.map +0 -1
  320. package/fesm2015/mdc-button/testing.mjs +0 -75
  321. package/fesm2015/mdc-button/testing.mjs.map +0 -1
  322. package/fesm2015/mdc-button.mjs +0 -490
  323. package/fesm2015/mdc-button.mjs.map +0 -1
  324. package/fesm2015/mdc-card/testing.mjs +0 -63
  325. package/fesm2015/mdc-card/testing.mjs.map +0 -1
  326. package/fesm2015/mdc-card.mjs +0 -351
  327. package/fesm2015/mdc-card.mjs.map +0 -1
  328. package/fesm2015/mdc-checkbox/testing.mjs +0 -56
  329. package/fesm2015/mdc-checkbox/testing.mjs.map +0 -1
  330. package/fesm2015/mdc-checkbox.mjs +0 -142
  331. package/fesm2015/mdc-checkbox.mjs.map +0 -1
  332. package/fesm2015/mdc-chips/testing.mjs +0 -394
  333. package/fesm2015/mdc-chips/testing.mjs.map +0 -1
  334. package/fesm2015/mdc-chips.mjs +0 -2169
  335. package/fesm2015/mdc-chips.mjs.map +0 -1
  336. package/fesm2015/mdc-core/testing.mjs +0 -118
  337. package/fesm2015/mdc-core/testing.mjs.map +0 -1
  338. package/fesm2015/mdc-core.mjs +0 -141
  339. package/fesm2015/mdc-core.mjs.map +0 -1
  340. package/fesm2015/mdc-dialog/testing.mjs +0 -90
  341. package/fesm2015/mdc-dialog/testing.mjs.map +0 -1
  342. package/fesm2015/mdc-dialog.mjs +0 -500
  343. package/fesm2015/mdc-dialog.mjs.map +0 -1
  344. package/fesm2015/mdc-form-field/testing.mjs +0 -78
  345. package/fesm2015/mdc-form-field/testing.mjs.map +0 -1
  346. package/fesm2015/mdc-form-field.mjs +0 -1018
  347. package/fesm2015/mdc-form-field.mjs.map +0 -1
  348. package/fesm2015/mdc-input/testing.mjs +0 -18
  349. package/fesm2015/mdc-input/testing.mjs.map +0 -1
  350. package/fesm2015/mdc-input.mjs +0 -103
  351. package/fesm2015/mdc-input.mjs.map +0 -1
  352. package/fesm2015/mdc-list/testing.mjs +0 -574
  353. package/fesm2015/mdc-list/testing.mjs.map +0 -1
  354. package/fesm2015/mdc-list.mjs +0 -1264
  355. package/fesm2015/mdc-list.mjs.map +0 -1
  356. package/fesm2015/mdc-menu/testing.mjs +0 -59
  357. package/fesm2015/mdc-menu/testing.mjs.map +0 -1
  358. package/fesm2015/mdc-menu.mjs +0 -174
  359. package/fesm2015/mdc-menu.mjs.map +0 -1
  360. package/fesm2015/mdc-paginator/testing.mjs +0 -55
  361. package/fesm2015/mdc-paginator/testing.mjs.map +0 -1
  362. package/fesm2015/mdc-paginator.mjs +0 -100
  363. package/fesm2015/mdc-paginator.mjs.map +0 -1
  364. package/fesm2015/mdc-progress-bar/testing.mjs +0 -54
  365. package/fesm2015/mdc-progress-bar/testing.mjs.map +0 -1
  366. package/fesm2015/mdc-progress-bar.mjs +0 -198
  367. package/fesm2015/mdc-progress-bar.mjs.map +0 -1
  368. package/fesm2015/mdc-progress-spinner/testing.mjs +0 -56
  369. package/fesm2015/mdc-progress-spinner/testing.mjs.map +0 -1
  370. package/fesm2015/mdc-progress-spinner.mjs +0 -200
  371. package/fesm2015/mdc-progress-spinner.mjs.map +0 -1
  372. package/fesm2015/mdc-radio/testing.mjs +0 -63
  373. package/fesm2015/mdc-radio/testing.mjs.map +0 -1
  374. package/fesm2015/mdc-radio.mjs +0 -155
  375. package/fesm2015/mdc-radio.mjs.map +0 -1
  376. package/fesm2015/mdc-select/testing.mjs +0 -48
  377. package/fesm2015/mdc-select/testing.mjs.map +0 -1
  378. package/fesm2015/mdc-select.mjs +0 -273
  379. package/fesm2015/mdc-select.mjs.map +0 -1
  380. package/fesm2015/mdc-slide-toggle/testing.mjs +0 -66
  381. package/fesm2015/mdc-slide-toggle/testing.mjs.map +0 -1
  382. package/fesm2015/mdc-slide-toggle.mjs +0 -159
  383. package/fesm2015/mdc-slide-toggle.mjs.map +0 -1
  384. package/fesm2015/mdc-slider/testing.mjs +0 -199
  385. package/fesm2015/mdc-slider/testing.mjs.map +0 -1
  386. package/fesm2015/mdc-slider.mjs +0 -1212
  387. package/fesm2015/mdc-slider.mjs.map +0 -1
  388. package/fesm2015/mdc-snack-bar/testing.mjs +0 -49
  389. package/fesm2015/mdc-snack-bar/testing.mjs.map +0 -1
  390. package/fesm2015/mdc-snack-bar.mjs +0 -229
  391. package/fesm2015/mdc-snack-bar.mjs.map +0 -1
  392. package/fesm2015/mdc-table/testing.mjs +0 -158
  393. package/fesm2015/mdc-table/testing.mjs.map +0 -1
  394. package/fesm2015/mdc-table.mjs +0 -540
  395. package/fesm2015/mdc-table.mjs.map +0 -1
  396. package/fesm2015/mdc-tabs/testing.mjs +0 -273
  397. package/fesm2015/mdc-tabs/testing.mjs.map +0 -1
  398. package/fesm2015/mdc-tabs.mjs +0 -737
  399. package/fesm2015/mdc-tabs.mjs.map +0 -1
  400. package/fesm2015/mdc-tooltip/testing.mjs +0 -49
  401. package/fesm2015/mdc-tooltip/testing.mjs.map +0 -1
  402. package/fesm2015/mdc-tooltip.mjs +0 -206
  403. package/fesm2015/mdc-tooltip.mjs.map +0 -1
  404. package/fesm2020/mdc-autocomplete/testing.mjs +0 -58
  405. package/fesm2020/mdc-autocomplete/testing.mjs.map +0 -1
  406. package/fesm2020/mdc-autocomplete.mjs +0 -196
  407. package/fesm2020/mdc-autocomplete.mjs.map +0 -1
  408. package/fesm2020/mdc-button/testing.mjs +0 -69
  409. package/fesm2020/mdc-button/testing.mjs.map +0 -1
  410. package/fesm2020/mdc-button.mjs +0 -510
  411. package/fesm2020/mdc-button.mjs.map +0 -1
  412. package/fesm2020/mdc-card/testing.mjs +0 -69
  413. package/fesm2020/mdc-card/testing.mjs.map +0 -1
  414. package/fesm2020/mdc-card.mjs +0 -349
  415. package/fesm2020/mdc-card.mjs.map +0 -1
  416. package/fesm2020/mdc-checkbox/testing.mjs +0 -60
  417. package/fesm2020/mdc-checkbox/testing.mjs.map +0 -1
  418. package/fesm2020/mdc-checkbox.mjs +0 -139
  419. package/fesm2020/mdc-checkbox.mjs.map +0 -1
  420. package/fesm2020/mdc-chips/testing.mjs +0 -395
  421. package/fesm2020/mdc-chips/testing.mjs.map +0 -1
  422. package/fesm2020/mdc-chips.mjs +0 -2161
  423. package/fesm2020/mdc-chips.mjs.map +0 -1
  424. package/fesm2020/mdc-core/testing.mjs +0 -129
  425. package/fesm2020/mdc-core/testing.mjs.map +0 -1
  426. package/fesm2020/mdc-core.mjs +0 -139
  427. package/fesm2020/mdc-core.mjs.map +0 -1
  428. package/fesm2020/mdc-dialog/testing.mjs +0 -90
  429. package/fesm2020/mdc-dialog/testing.mjs.map +0 -1
  430. package/fesm2020/mdc-dialog.mjs +0 -499
  431. package/fesm2020/mdc-dialog.mjs.map +0 -1
  432. package/fesm2020/mdc-form-field/testing.mjs +0 -78
  433. package/fesm2020/mdc-form-field/testing.mjs.map +0 -1
  434. package/fesm2020/mdc-form-field.mjs +0 -1014
  435. package/fesm2020/mdc-form-field.mjs.map +0 -1
  436. package/fesm2020/mdc-input/testing.mjs +0 -18
  437. package/fesm2020/mdc-input/testing.mjs.map +0 -1
  438. package/fesm2020/mdc-input.mjs +0 -103
  439. package/fesm2020/mdc-input.mjs.map +0 -1
  440. package/fesm2020/mdc-list/testing.mjs +0 -544
  441. package/fesm2020/mdc-list/testing.mjs.map +0 -1
  442. package/fesm2020/mdc-list.mjs +0 -1260
  443. package/fesm2020/mdc-list.mjs.map +0 -1
  444. package/fesm2020/mdc-menu/testing.mjs +0 -65
  445. package/fesm2020/mdc-menu/testing.mjs.map +0 -1
  446. package/fesm2020/mdc-menu.mjs +0 -172
  447. package/fesm2020/mdc-menu.mjs.map +0 -1
  448. package/fesm2020/mdc-paginator/testing.mjs +0 -55
  449. package/fesm2020/mdc-paginator/testing.mjs.map +0 -1
  450. package/fesm2020/mdc-paginator.mjs +0 -98
  451. package/fesm2020/mdc-paginator.mjs.map +0 -1
  452. package/fesm2020/mdc-progress-bar/testing.mjs +0 -56
  453. package/fesm2020/mdc-progress-bar/testing.mjs.map +0 -1
  454. package/fesm2020/mdc-progress-bar.mjs +0 -196
  455. package/fesm2020/mdc-progress-bar.mjs.map +0 -1
  456. package/fesm2020/mdc-progress-spinner/testing.mjs +0 -58
  457. package/fesm2020/mdc-progress-spinner/testing.mjs.map +0 -1
  458. package/fesm2020/mdc-progress-spinner.mjs +0 -197
  459. package/fesm2020/mdc-progress-spinner.mjs.map +0 -1
  460. package/fesm2020/mdc-radio/testing.mjs +0 -69
  461. package/fesm2020/mdc-radio/testing.mjs.map +0 -1
  462. package/fesm2020/mdc-radio.mjs +0 -153
  463. package/fesm2020/mdc-radio.mjs.map +0 -1
  464. package/fesm2020/mdc-select/testing.mjs +0 -56
  465. package/fesm2020/mdc-select/testing.mjs.map +0 -1
  466. package/fesm2020/mdc-select.mjs +0 -273
  467. package/fesm2020/mdc-select.mjs.map +0 -1
  468. package/fesm2020/mdc-slide-toggle/testing.mjs +0 -66
  469. package/fesm2020/mdc-slide-toggle/testing.mjs.map +0 -1
  470. package/fesm2020/mdc-slide-toggle.mjs +0 -157
  471. package/fesm2020/mdc-slide-toggle.mjs.map +0 -1
  472. package/fesm2020/mdc-slider/testing.mjs +0 -172
  473. package/fesm2020/mdc-slider/testing.mjs.map +0 -1
  474. package/fesm2020/mdc-slider.mjs +0 -1191
  475. package/fesm2020/mdc-slider.mjs.map +0 -1
  476. package/fesm2020/mdc-snack-bar/testing.mjs +0 -53
  477. package/fesm2020/mdc-snack-bar/testing.mjs.map +0 -1
  478. package/fesm2020/mdc-snack-bar.mjs +0 -232
  479. package/fesm2020/mdc-snack-bar.mjs.map +0 -1
  480. package/fesm2020/mdc-table/testing.mjs +0 -158
  481. package/fesm2020/mdc-table/testing.mjs.map +0 -1
  482. package/fesm2020/mdc-table.mjs +0 -539
  483. package/fesm2020/mdc-table.mjs.map +0 -1
  484. package/fesm2020/mdc-tabs/testing.mjs +0 -265
  485. package/fesm2020/mdc-tabs/testing.mjs.map +0 -1
  486. package/fesm2020/mdc-tabs.mjs +0 -723
  487. package/fesm2020/mdc-tabs.mjs.map +0 -1
  488. package/fesm2020/mdc-tooltip/testing.mjs +0 -49
  489. package/fesm2020/mdc-tooltip/testing.mjs.map +0 -1
  490. package/fesm2020/mdc-tooltip.mjs +0 -202
  491. package/fesm2020/mdc-tooltip.mjs.map +0 -1
  492. package/mdc-autocomplete/_autocomplete-theme.import.scss +0 -5
  493. package/mdc-autocomplete/_autocomplete-theme.scss +0 -48
  494. package/mdc-autocomplete/index.d.ts +0 -97
  495. package/mdc-autocomplete/testing/index.d.ts +0 -32
  496. package/mdc-button/_button-base.import.scss +0 -4
  497. package/mdc-button/_button-base.scss +0 -95
  498. package/mdc-button/_button-theme-private.scss +0 -62
  499. package/mdc-button/_button-theme.import.scss +0 -16
  500. package/mdc-button/_button-theme.scss +0 -224
  501. package/mdc-button/_fab-theme.scss +0 -90
  502. package/mdc-button/_icon-button-theme.scss +0 -76
  503. package/mdc-button/index.d.ts +0 -216
  504. package/mdc-button/testing/index.d.ts +0 -41
  505. package/mdc-card/_card-theme.import.scss +0 -7
  506. package/mdc-card/_card-theme.scss +0 -74
  507. package/mdc-card/index.d.ts +0 -194
  508. package/mdc-card/testing/index.d.ts +0 -44
  509. package/mdc-checkbox/_checkbox-private.scss +0 -53
  510. package/mdc-checkbox/_checkbox-theme.import.scss +0 -15
  511. package/mdc-checkbox/_checkbox-theme.scss +0 -122
  512. package/mdc-checkbox/index.d.ts +0 -87
  513. package/mdc-checkbox/testing/index.d.ts +0 -28
  514. package/mdc-chips/_chips-theme.import.scss +0 -8
  515. package/mdc-chips/_chips-theme.scss +0 -117
  516. package/mdc-chips/index.d.ts +0 -979
  517. package/mdc-chips/testing/index.d.ts +0 -232
  518. package/mdc-core/_core-theme.import.scss +0 -10
  519. package/mdc-core/_core-theme.scss +0 -78
  520. package/mdc-core/_elevation.scss +0 -38
  521. package/mdc-core/color/_all-color.scss +0 -25
  522. package/mdc-core/density/_all-density.scss +0 -25
  523. package/mdc-core/index.d.ts +0 -206
  524. package/mdc-core/mdc-helpers/_focus-indicators-theme.scss +0 -39
  525. package/mdc-core/mdc-helpers/_focus-indicators.import.scss +0 -10
  526. package/mdc-core/mdc-helpers/_focus-indicators.scss +0 -15
  527. package/mdc-core/mdc-helpers/_mdc-helpers.import.scss +0 -8
  528. package/mdc-core/mdc-helpers/_mdc-helpers.scss +0 -221
  529. package/mdc-core/option/_optgroup-theme.import.scss +0 -7
  530. package/mdc-core/option/_optgroup-theme.scss +0 -44
  531. package/mdc-core/option/_option-theme.import.scss +0 -7
  532. package/mdc-core/option/_option-theme.scss +0 -87
  533. package/mdc-core/testing/index.d.ts +0 -64
  534. package/mdc-core/theming/_all-theme.scss +0 -61
  535. package/mdc-core/theming/prebuilt/deeppurple-amber.css +0 -1
  536. package/mdc-core/theming/prebuilt/indigo-pink.css +0 -1
  537. package/mdc-core/theming/prebuilt/pink-bluegrey.css +0 -1
  538. package/mdc-core/theming/prebuilt/purple-green.css +0 -1
  539. package/mdc-core/typography/_all-typography.scss +0 -99
  540. package/mdc-dialog/_dialog-legacy-padding.import.scss +0 -1
  541. package/mdc-dialog/_dialog-legacy-padding.scss +0 -31
  542. package/mdc-dialog/_dialog-theme.import.scss +0 -5
  543. package/mdc-dialog/_dialog-theme.scss +0 -78
  544. package/mdc-dialog/_mdc-dialog-structure-overrides.import.scss +0 -1
  545. package/mdc-dialog/_mdc-dialog-structure-overrides.scss +0 -56
  546. package/mdc-dialog/index.d.ts +0 -217
  547. package/mdc-dialog/testing/index.d.ts +0 -47
  548. package/mdc-form-field/_form-field-density.scss +0 -119
  549. package/mdc-form-field/_form-field-focus-overlay.scss +0 -34
  550. package/mdc-form-field/_form-field-high-contrast.scss +0 -39
  551. package/mdc-form-field/_form-field-native-select.scss +0 -133
  552. package/mdc-form-field/_form-field-sizing.scss +0 -40
  553. package/mdc-form-field/_form-field-subscript.scss +0 -83
  554. package/mdc-form-field/_form-field-theme.scss +0 -148
  555. package/mdc-form-field/_mdc-text-field-structure-overrides.scss +0 -129
  556. package/mdc-form-field/_mdc-text-field-textarea-overrides.scss +0 -36
  557. package/mdc-form-field/_mdc-text-field-theme-variable-refresh.scss +0 -63
  558. package/mdc-form-field/index.d.ts +0 -431
  559. package/mdc-form-field/testing/index.d.ts +0 -48
  560. package/mdc-input/_input-theme.import.scss +0 -5
  561. package/mdc-input/_input-theme.scss +0 -35
  562. package/mdc-input/index.d.ts +0 -30
  563. package/mdc-input/testing/index.d.ts +0 -20
  564. package/mdc-list/_interactive-list-theme.import.scss +0 -5
  565. package/mdc-list/_interactive-list-theme.scss +0 -40
  566. package/mdc-list/_list-option-theme.import.scss +0 -13
  567. package/mdc-list/_list-option-theme.scss +0 -28
  568. package/mdc-list/_list-option-trailing-avatar-compat.scss +0 -58
  569. package/mdc-list/_list-theme.import.scss +0 -17
  570. package/mdc-list/_list-theme.scss +0 -81
  571. package/mdc-list/index.d.ts +0 -534
  572. package/mdc-list/testing/index.d.ts +0 -372
  573. package/mdc-menu/_menu-theme.import.scss +0 -5
  574. package/mdc-menu/_menu-theme.scss +0 -88
  575. package/mdc-menu/index.d.ts +0 -110
  576. package/mdc-menu/testing/index.d.ts +0 -38
  577. package/mdc-paginator/_paginator-theme.import.scss +0 -9
  578. package/mdc-paginator/_paginator-theme.scss +0 -106
  579. package/mdc-paginator/_paginator-variables.import.scss +0 -1
  580. package/mdc-paginator/_paginator-variables.scss +0 -13
  581. package/mdc-paginator/index.d.ts +0 -72
  582. package/mdc-paginator/testing/index.d.ts +0 -30
  583. package/mdc-progress-bar/_progress-bar-theme.import.scss +0 -6
  584. package/mdc-progress-bar/_progress-bar-theme.scss +0 -57
  585. package/mdc-progress-bar/index.d.ts +0 -98
  586. package/mdc-progress-bar/testing/index.d.ts +0 -24
  587. package/mdc-progress-spinner/_progress-spinner-theme.import.scss +0 -6
  588. package/mdc-progress-spinner/_progress-spinner-theme.scss +0 -48
  589. package/mdc-progress-spinner/index.d.ts +0 -90
  590. package/mdc-progress-spinner/testing/index.d.ts +0 -26
  591. package/mdc-radio/_radio-theme.import.scss +0 -7
  592. package/mdc-radio/_radio-theme.scss +0 -110
  593. package/mdc-radio/index.d.ts +0 -72
  594. package/mdc-radio/testing/index.d.ts +0 -43
  595. package/mdc-select/_select-theme.import.scss +0 -10
  596. package/mdc-select/_select-theme.scss +0 -100
  597. package/mdc-select/index.d.ts +0 -111
  598. package/mdc-select/testing/index.d.ts +0 -28
  599. package/mdc-slide-toggle/_slide-toggle-theme.import.scss +0 -11
  600. package/mdc-slide-toggle/_slide-toggle-theme.scss +0 -140
  601. package/mdc-slide-toggle/index.d.ts +0 -83
  602. package/mdc-slide-toggle/testing/index.d.ts +0 -27
  603. package/mdc-slider/_slider-theme.import.scss +0 -5
  604. package/mdc-slider/_slider-theme.scss +0 -125
  605. package/mdc-slider/index.d.ts +0 -435
  606. package/mdc-slider/testing/index.d.ts +0 -92
  607. package/mdc-snack-bar/_snack-bar-theme.import.scss +0 -8
  608. package/mdc-snack-bar/_snack-bar-theme.scss +0 -81
  609. package/mdc-snack-bar/index.d.ts +0 -136
  610. package/mdc-snack-bar/testing/index.d.ts +0 -23
  611. package/mdc-table/_table-theme.import.scss +0 -11
  612. package/mdc-table/_table-theme.scss +0 -78
  613. package/mdc-table/index.d.ts +0 -238
  614. package/mdc-table/testing/index.d.ts +0 -118
  615. package/mdc-tabs/_tabs-common.import.scss +0 -14
  616. package/mdc-tabs/_tabs-common.scss +0 -196
  617. package/mdc-tabs/_tabs-theme.import.scss +0 -8
  618. package/mdc-tabs/_tabs-theme.scss +0 -146
  619. package/mdc-tabs/index.d.ts +0 -307
  620. package/mdc-tabs/testing/index.d.ts +0 -151
  621. package/mdc-tooltip/_tooltip-theme.import.scss +0 -5
  622. package/mdc-tooltip/_tooltip-theme.scss +0 -49
  623. package/mdc-tooltip/index.d.ts +0 -118
  624. package/mdc-tooltip/testing/index.d.ts +0 -26
@@ -1,2169 +0,0 @@
1
- import { coerceBooleanProperty } from '@angular/cdk/coercion';
2
- import { ANIMATION_MODULE_TYPE } from '@angular/platform-browser/animations';
3
- import * as i0 from '@angular/core';
4
- import { InjectionToken, Directive, Inject, Input, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Optional, Attribute, Output, ContentChild, ViewChild, QueryList, ContentChildren, forwardRef, Self, NgModule } from '@angular/core';
5
- import * as i2 from '@angular/common';
6
- import { DOCUMENT, CommonModule } from '@angular/common';
7
- import * as i3 from '@angular/material-experimental/mdc-core';
8
- import { mixinTabIndex, mixinColor, mixinDisableRipple, mixinDisabled, MAT_RIPPLE_GLOBAL_OPTIONS, MatRipple, mixinErrorState, MatCommonModule, MatRippleModule, ErrorStateMatcher } from '@angular/material-experimental/mdc-core';
9
- import { Subject, merge } from 'rxjs';
10
- import { take, takeUntil, startWith, switchMap } from 'rxjs/operators';
11
- import { ENTER, SPACE, BACKSPACE, DELETE, TAB, hasModifierKey } from '@angular/cdk/keycodes';
12
- import * as i1 from '@angular/cdk/a11y';
13
- import { FocusKeyManager } from '@angular/cdk/a11y';
14
- import * as i1$1 from '@angular/cdk/bidi';
15
- import * as i2$1 from '@angular/forms';
16
- import { NG_VALUE_ACCESSOR, Validators } from '@angular/forms';
17
- import * as i1$2 from '@angular/material-experimental/mdc-form-field';
18
- import { MatFormFieldControl, MAT_FORM_FIELD } from '@angular/material-experimental/mdc-form-field';
19
-
20
- /**
21
- * @license
22
- * Copyright Google LLC All Rights Reserved.
23
- *
24
- * Use of this source code is governed by an MIT-style license that can be
25
- * found in the LICENSE file at https://angular.io/license
26
- */
27
- /** Injection token to be used to override the default options for the chips module. */
28
- const MAT_CHIPS_DEFAULT_OPTIONS = new InjectionToken('mat-chips-default-options');
29
- /**
30
- * Injection token that can be used to reference instances of `MatChipAvatar`. It serves as
31
- * alternative token to the actual `MatChipAvatar` class which could cause unnecessary
32
- * retention of the class and its directive metadata.
33
- */
34
- const MAT_CHIP_AVATAR = new InjectionToken('MatChipAvatar');
35
- /**
36
- * Injection token that can be used to reference instances of `MatChipTrailingIcon`. It serves as
37
- * alternative token to the actual `MatChipTrailingIcon` class which could cause unnecessary
38
- * retention of the class and its directive metadata.
39
- */
40
- const MAT_CHIP_TRAILING_ICON = new InjectionToken('MatChipTrailingIcon');
41
- /**
42
- * Injection token that can be used to reference instances of `MatChipRemove`. It serves as
43
- * alternative token to the actual `MatChipRemove` class which could cause unnecessary
44
- * retention of the class and its directive metadata.
45
- */
46
- const MAT_CHIP_REMOVE = new InjectionToken('MatChipRemove');
47
- /**
48
- * Injection token used to avoid a circular dependency between the `MatChip` and `MatChipAction`.
49
- */
50
- const MAT_CHIP = new InjectionToken('MatChip');
51
-
52
- /**
53
- * @license
54
- * Copyright Google LLC All Rights Reserved.
55
- *
56
- * Use of this source code is governed by an MIT-style license that can be
57
- * found in the LICENSE file at https://angular.io/license
58
- */
59
- class _MatChipActionBase {
60
- }
61
- const _MatChipActionMixinBase = mixinTabIndex(_MatChipActionBase, -1);
62
- /**
63
- * Section within a chip.
64
- * @docs-private
65
- */
66
- class MatChipAction extends _MatChipActionMixinBase {
67
- constructor(_elementRef, _parentChip) {
68
- super();
69
- this._elementRef = _elementRef;
70
- this._parentChip = _parentChip;
71
- /** Whether the action is interactive. */
72
- this.isInteractive = true;
73
- /** Whether this is the primary action in the chip. */
74
- this._isPrimary = true;
75
- this._disabled = false;
76
- if (_elementRef.nativeElement.nodeName === 'BUTTON') {
77
- _elementRef.nativeElement.setAttribute('type', 'button');
78
- }
79
- }
80
- /** Whether the action is disabled. */
81
- get disabled() {
82
- return this._disabled || this._parentChip.disabled;
83
- }
84
- set disabled(value) {
85
- this._disabled = coerceBooleanProperty(value);
86
- }
87
- focus() {
88
- this._elementRef.nativeElement.focus();
89
- }
90
- _handleClick(event) {
91
- if (!this.disabled && this.isInteractive && this._isPrimary) {
92
- event.preventDefault();
93
- this._parentChip._handlePrimaryActionInteraction();
94
- }
95
- }
96
- _handleKeydown(event) {
97
- if ((event.keyCode === ENTER || event.keyCode === SPACE) &&
98
- !this.disabled &&
99
- this.isInteractive &&
100
- this._isPrimary) {
101
- event.preventDefault();
102
- this._parentChip._handlePrimaryActionInteraction();
103
- }
104
- }
105
- }
106
- MatChipAction.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipAction, deps: [{ token: i0.ElementRef }, { token: MAT_CHIP }], target: i0.ɵɵFactoryTarget.Directive });
107
- MatChipAction.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: MatChipAction, selector: "[matChipAction]", inputs: { disabled: "disabled", tabIndex: "tabIndex", isInteractive: "isInteractive" }, host: { listeners: { "click": "_handleClick($event)", "keydown": "_handleKeydown($event)" }, properties: { "class.mdc-evolution-chip__action--primary": "_isPrimary", "class.mdc-evolution-chip__action--presentational": "_isPrimary", "class.mdc-evolution-chip__action--trailing": "!_isPrimary", "attr.tabindex": "(disabled || !isInteractive) ? null : tabIndex", "attr.disabled": "disabled ? '' : null", "attr.aria-disabled": "disabled" }, classAttribute: "mdc-evolution-chip__action mat-mdc-chip-action" }, usesInheritance: true, ngImport: i0 });
108
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipAction, decorators: [{
109
- type: Directive,
110
- args: [{
111
- selector: '[matChipAction]',
112
- inputs: ['disabled', 'tabIndex'],
113
- host: {
114
- 'class': 'mdc-evolution-chip__action mat-mdc-chip-action',
115
- '[class.mdc-evolution-chip__action--primary]': '_isPrimary',
116
- // Note that while our actions are interactive, we have to add the `--presentational` class,
117
- // in order to avoid some super-specific `:hover` styles from MDC.
118
- '[class.mdc-evolution-chip__action--presentational]': '_isPrimary',
119
- '[class.mdc-evolution-chip__action--trailing]': '!_isPrimary',
120
- '[attr.tabindex]': '(disabled || !isInteractive) ? null : tabIndex',
121
- '[attr.disabled]': "disabled ? '' : null",
122
- '[attr.aria-disabled]': 'disabled',
123
- '(click)': '_handleClick($event)',
124
- '(keydown)': '_handleKeydown($event)',
125
- },
126
- }]
127
- }], ctorParameters: function () {
128
- return [{ type: i0.ElementRef }, { type: undefined, decorators: [{
129
- type: Inject,
130
- args: [MAT_CHIP]
131
- }] }];
132
- }, propDecorators: { isInteractive: [{
133
- type: Input
134
- }], disabled: [{
135
- type: Input
136
- }] } });
137
-
138
- /**
139
- * @license
140
- * Copyright Google LLC All Rights Reserved.
141
- *
142
- * Use of this source code is governed by an MIT-style license that can be
143
- * found in the LICENSE file at https://angular.io/license
144
- */
145
- let uid = 0;
146
- /**
147
- * Boilerplate for applying mixins to MatChip.
148
- * @docs-private
149
- */
150
- const _MatChipMixinBase = mixinTabIndex(mixinColor(mixinDisableRipple(mixinDisabled(class {
151
- constructor(_elementRef) {
152
- this._elementRef = _elementRef;
153
- }
154
- })), 'primary'), -1);
155
- /**
156
- * Material design styled Chip base component. Used inside the MatChipSet component.
157
- *
158
- * Extended by MatChipOption and MatChipRow for different interaction patterns.
159
- */
160
- class MatChip extends _MatChipMixinBase {
161
- constructor(_changeDetectorRef, elementRef, _ngZone, _focusMonitor, _document, animationMode, _globalRippleOptions, tabIndex) {
162
- var _a;
163
- super(elementRef);
164
- this._changeDetectorRef = _changeDetectorRef;
165
- this._ngZone = _ngZone;
166
- this._focusMonitor = _focusMonitor;
167
- this._globalRippleOptions = _globalRippleOptions;
168
- /** Whether the ripple is centered on the chip. */
169
- this._isRippleCentered = false;
170
- /** Emits when the chip is focused. */
171
- this._onFocus = new Subject();
172
- /** Emits when the chip is blurred. */
173
- this._onBlur = new Subject();
174
- /** Role for the root of the chip. */
175
- this.role = null;
176
- /** Whether the chip has focus. */
177
- this._hasFocusInternal = false;
178
- /** A unique id for the chip. If none is supplied, it will be auto-generated. */
179
- this.id = `mat-mdc-chip-${uid++}`;
180
- /** ARIA label for the content of the chip. */
181
- this.ariaLabel = null;
182
- this._removable = true;
183
- this._highlighted = false;
184
- /** Emitted when a chip is to be removed. */
185
- this.removed = new EventEmitter();
186
- /** Emitted when the chip is destroyed. */
187
- this.destroyed = new EventEmitter();
188
- /** The unstyled chip selector for this component. */
189
- this.basicChipAttrName = 'mat-basic-chip';
190
- const element = elementRef.nativeElement;
191
- this._document = _document;
192
- this._animationsDisabled = animationMode === 'NoopAnimations';
193
- this._isBasicChip =
194
- element.hasAttribute(this.basicChipAttrName) ||
195
- element.tagName.toLowerCase() === this.basicChipAttrName;
196
- if (tabIndex != null) {
197
- this.tabIndex = (_a = parseInt(tabIndex)) !== null && _a !== void 0 ? _a : this.defaultTabIndex;
198
- }
199
- this._monitorFocus();
200
- }
201
- _hasFocus() {
202
- return this._hasFocusInternal;
203
- }
204
- /**
205
- * The value of the chip. Defaults to the content inside
206
- * the `mat-mdc-chip-action-label` element.
207
- */
208
- get value() {
209
- return this._value !== undefined ? this._value : this._textElement.textContent.trim();
210
- }
211
- set value(value) {
212
- this._value = value;
213
- }
214
- /**
215
- * Determines whether or not the chip displays the remove styling and emits (removed) events.
216
- */
217
- get removable() {
218
- return this._removable;
219
- }
220
- set removable(value) {
221
- this._removable = coerceBooleanProperty(value);
222
- }
223
- /**
224
- * Colors the chip for emphasis as if it were selected.
225
- */
226
- get highlighted() {
227
- return this._highlighted;
228
- }
229
- set highlighted(value) {
230
- this._highlighted = coerceBooleanProperty(value);
231
- }
232
- ngAfterViewInit() {
233
- this._textElement = this._elementRef.nativeElement.querySelector('.mat-mdc-chip-action-label');
234
- if (this._pendingFocus) {
235
- this._pendingFocus = false;
236
- this.focus();
237
- }
238
- }
239
- ngOnDestroy() {
240
- this._focusMonitor.stopMonitoring(this._elementRef);
241
- this.destroyed.emit({ chip: this });
242
- this.destroyed.complete();
243
- }
244
- /**
245
- * Allows for programmatic removal of the chip.
246
- *
247
- * Informs any listeners of the removal request. Does not remove the chip from the DOM.
248
- */
249
- remove() {
250
- if (this.removable) {
251
- this.removed.emit({ chip: this });
252
- }
253
- }
254
- /** Whether or not the ripple should be disabled. */
255
- _isRippleDisabled() {
256
- var _a;
257
- return (this.disabled ||
258
- this.disableRipple ||
259
- this._animationsDisabled ||
260
- this._isBasicChip ||
261
- !!((_a = this._globalRippleOptions) === null || _a === void 0 ? void 0 : _a.disabled));
262
- }
263
- /** Returns whether the chip has a trailing icon. */
264
- _hasTrailingIcon() {
265
- return !!(this.trailingIcon || this.removeIcon);
266
- }
267
- /** Handles keyboard events on the chip. */
268
- _handleKeydown(event) {
269
- if (event.keyCode === BACKSPACE || event.keyCode === DELETE) {
270
- event.preventDefault();
271
- this.remove();
272
- }
273
- }
274
- /** Allows for programmatic focusing of the chip. */
275
- focus() {
276
- if (!this.disabled) {
277
- // If `focus` is called before `ngAfterViewInit`, we won't have access to the primary action.
278
- // This can happen if the consumer tries to focus a chip immediately after it is added.
279
- // Queue the method to be called again on init.
280
- if (this.primaryAction) {
281
- this.primaryAction.focus();
282
- }
283
- else {
284
- this._pendingFocus = true;
285
- }
286
- }
287
- }
288
- /** Gets the action that contains a specific target node. */
289
- _getSourceAction(target) {
290
- return this._getActions().find(action => {
291
- const element = action._elementRef.nativeElement;
292
- return element === target || element.contains(target);
293
- });
294
- }
295
- /** Gets all of the actions within the chip. */
296
- _getActions() {
297
- const result = [];
298
- if (this.primaryAction) {
299
- result.push(this.primaryAction);
300
- }
301
- if (this.removeIcon) {
302
- result.push(this.removeIcon);
303
- }
304
- if (this.trailingIcon) {
305
- result.push(this.trailingIcon);
306
- }
307
- return result;
308
- }
309
- /** Handles interactions with the primary action of the chip. */
310
- _handlePrimaryActionInteraction() {
311
- // Empty here, but is overwritten in child classes.
312
- }
313
- /** Starts the focus monitoring process on the chip. */
314
- _monitorFocus() {
315
- this._focusMonitor.monitor(this._elementRef, true).subscribe(origin => {
316
- const hasFocus = origin !== null;
317
- if (hasFocus !== this._hasFocusInternal) {
318
- this._hasFocusInternal = hasFocus;
319
- if (hasFocus) {
320
- this._onFocus.next({ chip: this });
321
- }
322
- else {
323
- // When animations are enabled, Angular may end up removing the chip from the DOM a little
324
- // earlier than usual, causing it to be blurred and throwing off the logic in the chip list
325
- // that moves focus not the next item. To work around the issue, we defer marking the chip
326
- // as not focused until the next time the zone stabilizes.
327
- this._ngZone.onStable
328
- .pipe(take(1))
329
- .subscribe(() => this._ngZone.run(() => this._onBlur.next({ chip: this })));
330
- }
331
- }
332
- });
333
- }
334
- }
335
- MatChip.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.FocusMonitor }, { token: DOCUMENT }, { token: ANIMATION_MODULE_TYPE, optional: true }, { token: MAT_RIPPLE_GLOBAL_OPTIONS, optional: true }, { token: 'tabindex', attribute: true }], target: i0.ɵɵFactoryTarget.Component });
336
- MatChip.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MatChip, selector: "mat-basic-chip, mat-chip", inputs: { color: "color", disabled: "disabled", disableRipple: "disableRipple", tabIndex: "tabIndex", role: "role", id: "id", ariaLabel: ["aria-label", "ariaLabel"], value: "value", removable: "removable", highlighted: "highlighted" }, outputs: { removed: "removed", destroyed: "destroyed" }, host: { listeners: { "keydown": "_handleKeydown($event)" }, properties: { "class.mdc-evolution-chip": "!_isBasicChip", "class.mdc-evolution-chip--disabled": "disabled", "class.mdc-evolution-chip--with-trailing-action": "_hasTrailingIcon()", "class.mdc-evolution-chip--with-primary-graphic": "leadingIcon", "class.mdc-evolution-chip--with-primary-icon": "leadingIcon", "class.mdc-evolution-chip--with-avatar": "leadingIcon", "class.mat-mdc-chip-with-avatar": "leadingIcon", "class.mat-mdc-chip-highlighted": "highlighted", "class.mat-mdc-chip-disabled": "disabled", "class.mat-mdc-basic-chip": "_isBasicChip", "class.mat-mdc-standard-chip": "!_isBasicChip", "class.mat-mdc-chip-with-trailing-icon": "_hasTrailingIcon()", "class._mat-animation-noopable": "_animationsDisabled", "id": "id", "attr.role": "role", "attr.tabindex": "role ? tabIndex : null", "attr.aria-label": "ariaLabel" }, classAttribute: "mat-mdc-chip" }, providers: [{ provide: MAT_CHIP, useExisting: MatChip }], queries: [{ propertyName: "leadingIcon", first: true, predicate: MAT_CHIP_AVATAR, descendants: true }, { propertyName: "trailingIcon", first: true, predicate: MAT_CHIP_TRAILING_ICON, descendants: true }, { propertyName: "removeIcon", first: true, predicate: MAT_CHIP_REMOVE, descendants: true }], viewQueries: [{ propertyName: "ripple", first: true, predicate: MatRipple, descendants: true }, { propertyName: "primaryAction", first: true, predicate: MatChipAction, descendants: true }], exportAs: ["matChip"], usesInheritance: true, ngImport: i0, template: "<span matRipple class=\"mat-mdc-chip-ripple\"\n [matRippleDisabled]=\"_isRippleDisabled()\"\n [matRippleCentered]=\"_isRippleCentered\"\n [matRippleTrigger]=\"_elementRef.nativeElement\"></span>\n<span class=\"mat-mdc-chip-focus-overlay\"></span>\n\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\">\n <div matChipAction [isInteractive]=\"false\">\n <span class=\"mdc-evolution-chip__graphic mat-mdc-chip-graphic\" *ngIf=\"leadingIcon\">\n <ng-content select=\"mat-chip-avatar, [matChipAvatar]\"></ng-content>\n </span>\n <span class=\"mdc-evolution-chip__text-label mat-mdc-chip-action-label\">\n <ng-content></ng-content>\n <span class=\"mat-mdc-chip-primary-focus-indicator mat-mdc-focus-indicator\"></span>\n </span>\n </div>\n</span>\n\n<span\n class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\"\n *ngIf=\"_hasTrailingIcon()\">\n <ng-content select=\"mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]\"></ng-content>\n</span>\n", styles: [".mdc-evolution-chip,.mdc-evolution-chip__cell,.mdc-evolution-chip__action{display:inline-flex;align-items:center}.mdc-evolution-chip{position:relative;max-width:100%}.mdc-evolution-chip .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-evolution-chip__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{overflow-x:hidden}.mdc-evolution-chip__cell--trailing{flex:1 0 auto}.mdc-evolution-chip__action{align-items:center;background:none;border:none;box-sizing:content-box;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;text-decoration:none}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}.mdc-evolution-chip__action--primary{overflow-x:hidden}.mdc-evolution-chip__action--trailing{position:relative;overflow:visible}.mdc-evolution-chip__action--primary:before{box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1}.mdc-evolution-chip--touch{margin-top:8px;margin-bottom:8px}.mdc-evolution-chip__action-touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}.mdc-evolution-chip__text-label{white-space:nowrap;user-select:none;text-overflow:ellipsis;overflow:hidden}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.mdc-evolution-chip__checkmark-background{opacity:0}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark{transition:transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-75%, -50%)}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting .mdc-evolution-chip__graphic{transition:width 100ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting .mdc-evolution-chip__checkmark{transition:opacity 50ms 0ms linear,transform 100ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-75%, -50%)}.mdc-evolution-chip--deselecting .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}.mdc-evolution-chip--selecting-with-primary-icon .mdc-evolution-chip__icon--primary{transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selecting-with-primary-icon .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset 150ms 75ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting-with-primary-icon .mdc-evolution-chip__icon--primary{transition:opacity 150ms 75ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting-with-primary-icon .mdc-evolution-chip__checkmark{transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-50%, -50%)}.mdc-evolution-chip--deselecting-with-primary-icon .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{transform:translate(-50%, -50%);opacity:1}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}@keyframes mdc-evolution-chip-enter{from{transform:scale(0.8);opacity:.4}to{transform:scale(1);opacity:1}}.mdc-evolution-chip--enter{animation:mdc-evolution-chip-enter 100ms 0ms cubic-bezier(0, 0, 0.2, 1)}@keyframes mdc-evolution-chip-exit{from{opacity:1}to{opacity:0}}.mdc-evolution-chip--exit{animation:mdc-evolution-chip-exit 75ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-evolution-chip--hidden{opacity:0;pointer-events:none;transition:width 150ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-evolution-chip{height:32px;border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__ripple{border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__action--primary:before{border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__icon--primary{border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}[dir=rtl] .mdc-evolution-chip .mdc-evolution-chip__action--primary,.mdc-evolution-chip .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:12px;padding-right:12px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic[dir=rtl]{padding-left:6px;padding-right:6px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:12px;padding-right:0}.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing[dir=rtl]{padding-left:8px;padding-right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing{left:8px;right:initial}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing[dir=rtl]{left:initial;right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:0;padding-right:12px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic[dir=rtl]{padding-left:6px;padding-right:6px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing[dir=rtl]{padding-left:8px;padding-right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing{left:8px;right:initial}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing[dir=rtl]{left:initial;right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:0;padding-right:0}.mdc-evolution-chip.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--with-primary-icon){--mdc-chip-graphic-selected-width:20px}.mdc-evolution-chip .mdc-evolution-chip__graphic{height:20px;width:20px;font-size:20px}.mdc-evolution-chip .mdc-evolution-chip__icon--primary{height:20px;width:20px;font-size:20px}.mdc-evolution-chip .mdc-evolution-chip__checkmark{height:20px;width:20px}.mdc-evolution-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip .mdc-evolution-chip__focus-ring{display:none}.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{z-index:1;display:block;pointer-events:none;border:2px solid rgba(0,0,0,0);border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(\n 100% + 4px\n );width:calc(\n 100% + 4px\n )}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{border-color:CanvasText}}.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{content:\"\";border:2px solid rgba(0,0,0,0);border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{border-color:CanvasText}}.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{z-index:1;display:block;pointer-events:none;border:2px solid rgba(0,0,0,0);border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(\n 100% + 4px\n );width:calc(\n 100% + -4px\n )}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{border-color:CanvasText}}.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{content:\"\";border:2px solid rgba(0,0,0,0);border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{border-color:CanvasText}}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic[dir=rtl]{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:12px;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic[dir=rtl]{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing[dir=rtl]{padding-left:8px;padding-right:8px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing{left:8px;right:initial}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing[dir=rtl]{left:initial;right:8px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:0;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--with-primary-icon){--mdc-chip-graphic-selected-width:24px}.mdc-evolution-chip--with-avatar .mdc-evolution-chip__graphic{height:24px;width:24px;font-size:24px}.mdc-evolution-chip--with-avatar .mdc-evolution-chip__icon--primary{height:24px;width:24px;font-size:24px}.mat-mdc-standard-chip{border-radius:16px 16px 16px 16px;height:32px}.mat-mdc-standard-chip .mdc-evolution-chip__ripple{border-radius:16px 16px 16px 16px}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-radius:16px 16px 16px 16px}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:14px 14px 14px 14px}.mat-mdc-standard-chip.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--with-primary-icon){--mdc-chip-graphic-selected-width:28px}.mat-mdc-standard-chip .mdc-evolution-chip__graphic{height:28px;width:28px;font-size:28px}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-width:1px}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-width:1px}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary:before{border-width:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--selected) .mdc-evolution-chip__action--primary:before{border-width:1px}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{height:18px;width:18px;font-size:18px}.cdk-high-contrast-active .mat-mdc-standard-chip{outline:solid 1px}.cdk-high-contrast-active .mat-mdc-standard-chip .mdc-evolution-chip__checkmark-path{stroke:CanvasText !important}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:.4}.mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,.mat-mdc-standard-chip .mdc-evolution-chip__action--primary,.mat-mdc-standard-chip .mat-mdc-chip-action-label{overflow:visible}.mat-mdc-standard-chip .mdc-evolution-chip__cell--primary{width:100%}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit}.mat-mdc-standard-chip .mat-mdc-chip-graphic,.mat-mdc-standard-chip .mat-mdc-chip-trailing-icon{box-sizing:content-box}.mat-mdc-standard-chip._mat-animation-noopable,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__graphic,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.mat-mdc-chip-focus-overlay{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity 150ms linear}._mat-animation-noopable .mat-mdc-chip-focus-overlay{transition:none}.mat-mdc-basic-chip .mat-mdc-chip-focus-overlay{display:none}.mat-mdc-chip:hover .mat-mdc-chip-focus-overlay{opacity:.04}.mat-mdc-chip.cdk-focused .mat-mdc-chip-focus-overlay{opacity:.12}.mat-mdc-chip-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.mat-mdc-chip-avatar{text-align:center;line-height:1}.mat-mdc-chip{position:relative}.mat-mdc-chip-action-label{text-align:left}[dir=rtl] .mat-mdc-chip-action-label{text-align:right}.mat-mdc-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label{position:relative}.mat-mdc-chip-action-label .mat-mdc-chip-primary-focus-indicator{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mat-mdc-chip-action-label .mat-mdc-focus-indicator::before{margin:calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 2px) * -1)}.mat-mdc-chip-remove{opacity:.54}.mat-mdc-chip-remove:focus{opacity:1}.mat-mdc-chip-remove::before{margin:calc(var(--mat-mdc-focus-indicator-border-width, 3px) * -1);left:8px;right:8px}.mat-mdc-chip-remove .mat-icon{width:inherit;height:inherit;font-size:inherit;box-sizing:content-box}.mat-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}.cdk-high-contrast-active .mat-mdc-chip-selected:not(.mat-mdc-chip-multiple){outline-width:3px}.mat-mdc-chip-action:focus .mat-mdc-focus-indicator::before{content:\"\"}"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: MatChipAction, selector: "[matChipAction]", inputs: ["disabled", "tabIndex", "isInteractive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
337
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChip, decorators: [{
338
- type: Component,
339
- args: [{ selector: 'mat-basic-chip, mat-chip', inputs: ['color', 'disabled', 'disableRipple', 'tabIndex'], exportAs: 'matChip', host: {
340
- 'class': 'mat-mdc-chip',
341
- '[class.mdc-evolution-chip]': '!_isBasicChip',
342
- '[class.mdc-evolution-chip--disabled]': 'disabled',
343
- '[class.mdc-evolution-chip--with-trailing-action]': '_hasTrailingIcon()',
344
- '[class.mdc-evolution-chip--with-primary-graphic]': 'leadingIcon',
345
- '[class.mdc-evolution-chip--with-primary-icon]': 'leadingIcon',
346
- '[class.mdc-evolution-chip--with-avatar]': 'leadingIcon',
347
- '[class.mat-mdc-chip-with-avatar]': 'leadingIcon',
348
- '[class.mat-mdc-chip-highlighted]': 'highlighted',
349
- '[class.mat-mdc-chip-disabled]': 'disabled',
350
- '[class.mat-mdc-basic-chip]': '_isBasicChip',
351
- '[class.mat-mdc-standard-chip]': '!_isBasicChip',
352
- '[class.mat-mdc-chip-with-trailing-icon]': '_hasTrailingIcon()',
353
- '[class._mat-animation-noopable]': '_animationsDisabled',
354
- '[id]': 'id',
355
- '[attr.role]': 'role',
356
- '[attr.tabindex]': 'role ? tabIndex : null',
357
- '[attr.aria-label]': 'ariaLabel',
358
- '(keydown)': '_handleKeydown($event)',
359
- }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: MAT_CHIP, useExisting: MatChip }], template: "<span matRipple class=\"mat-mdc-chip-ripple\"\n [matRippleDisabled]=\"_isRippleDisabled()\"\n [matRippleCentered]=\"_isRippleCentered\"\n [matRippleTrigger]=\"_elementRef.nativeElement\"></span>\n<span class=\"mat-mdc-chip-focus-overlay\"></span>\n\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\">\n <div matChipAction [isInteractive]=\"false\">\n <span class=\"mdc-evolution-chip__graphic mat-mdc-chip-graphic\" *ngIf=\"leadingIcon\">\n <ng-content select=\"mat-chip-avatar, [matChipAvatar]\"></ng-content>\n </span>\n <span class=\"mdc-evolution-chip__text-label mat-mdc-chip-action-label\">\n <ng-content></ng-content>\n <span class=\"mat-mdc-chip-primary-focus-indicator mat-mdc-focus-indicator\"></span>\n </span>\n </div>\n</span>\n\n<span\n class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\"\n *ngIf=\"_hasTrailingIcon()\">\n <ng-content select=\"mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]\"></ng-content>\n</span>\n", styles: [".mdc-evolution-chip,.mdc-evolution-chip__cell,.mdc-evolution-chip__action{display:inline-flex;align-items:center}.mdc-evolution-chip{position:relative;max-width:100%}.mdc-evolution-chip .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-evolution-chip__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{overflow-x:hidden}.mdc-evolution-chip__cell--trailing{flex:1 0 auto}.mdc-evolution-chip__action{align-items:center;background:none;border:none;box-sizing:content-box;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;text-decoration:none}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}.mdc-evolution-chip__action--primary{overflow-x:hidden}.mdc-evolution-chip__action--trailing{position:relative;overflow:visible}.mdc-evolution-chip__action--primary:before{box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1}.mdc-evolution-chip--touch{margin-top:8px;margin-bottom:8px}.mdc-evolution-chip__action-touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}.mdc-evolution-chip__text-label{white-space:nowrap;user-select:none;text-overflow:ellipsis;overflow:hidden}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.mdc-evolution-chip__checkmark-background{opacity:0}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark{transition:transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-75%, -50%)}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting .mdc-evolution-chip__graphic{transition:width 100ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting .mdc-evolution-chip__checkmark{transition:opacity 50ms 0ms linear,transform 100ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-75%, -50%)}.mdc-evolution-chip--deselecting .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}.mdc-evolution-chip--selecting-with-primary-icon .mdc-evolution-chip__icon--primary{transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selecting-with-primary-icon .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset 150ms 75ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting-with-primary-icon .mdc-evolution-chip__icon--primary{transition:opacity 150ms 75ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting-with-primary-icon .mdc-evolution-chip__checkmark{transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-50%, -50%)}.mdc-evolution-chip--deselecting-with-primary-icon .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{transform:translate(-50%, -50%);opacity:1}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}@keyframes mdc-evolution-chip-enter{from{transform:scale(0.8);opacity:.4}to{transform:scale(1);opacity:1}}.mdc-evolution-chip--enter{animation:mdc-evolution-chip-enter 100ms 0ms cubic-bezier(0, 0, 0.2, 1)}@keyframes mdc-evolution-chip-exit{from{opacity:1}to{opacity:0}}.mdc-evolution-chip--exit{animation:mdc-evolution-chip-exit 75ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-evolution-chip--hidden{opacity:0;pointer-events:none;transition:width 150ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-evolution-chip{height:32px;border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__ripple{border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__action--primary:before{border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__icon--primary{border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}[dir=rtl] .mdc-evolution-chip .mdc-evolution-chip__action--primary,.mdc-evolution-chip .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:12px;padding-right:12px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic[dir=rtl]{padding-left:6px;padding-right:6px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:12px;padding-right:0}.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing[dir=rtl]{padding-left:8px;padding-right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing{left:8px;right:initial}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing[dir=rtl]{left:initial;right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:0;padding-right:12px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic[dir=rtl]{padding-left:6px;padding-right:6px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing[dir=rtl]{padding-left:8px;padding-right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing{left:8px;right:initial}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing[dir=rtl]{left:initial;right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:0;padding-right:0}.mdc-evolution-chip.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--with-primary-icon){--mdc-chip-graphic-selected-width:20px}.mdc-evolution-chip .mdc-evolution-chip__graphic{height:20px;width:20px;font-size:20px}.mdc-evolution-chip .mdc-evolution-chip__icon--primary{height:20px;width:20px;font-size:20px}.mdc-evolution-chip .mdc-evolution-chip__checkmark{height:20px;width:20px}.mdc-evolution-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip .mdc-evolution-chip__focus-ring{display:none}.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{z-index:1;display:block;pointer-events:none;border:2px solid rgba(0,0,0,0);border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(\n 100% + 4px\n );width:calc(\n 100% + 4px\n )}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{border-color:CanvasText}}.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{content:\"\";border:2px solid rgba(0,0,0,0);border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{border-color:CanvasText}}.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{z-index:1;display:block;pointer-events:none;border:2px solid rgba(0,0,0,0);border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(\n 100% + 4px\n );width:calc(\n 100% + -4px\n )}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{border-color:CanvasText}}.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{content:\"\";border:2px solid rgba(0,0,0,0);border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{border-color:CanvasText}}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic[dir=rtl]{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:12px;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic[dir=rtl]{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing[dir=rtl]{padding-left:8px;padding-right:8px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing{left:8px;right:initial}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing[dir=rtl]{left:initial;right:8px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:0;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--with-primary-icon){--mdc-chip-graphic-selected-width:24px}.mdc-evolution-chip--with-avatar .mdc-evolution-chip__graphic{height:24px;width:24px;font-size:24px}.mdc-evolution-chip--with-avatar .mdc-evolution-chip__icon--primary{height:24px;width:24px;font-size:24px}.mat-mdc-standard-chip{border-radius:16px 16px 16px 16px;height:32px}.mat-mdc-standard-chip .mdc-evolution-chip__ripple{border-radius:16px 16px 16px 16px}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-radius:16px 16px 16px 16px}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:14px 14px 14px 14px}.mat-mdc-standard-chip.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--with-primary-icon){--mdc-chip-graphic-selected-width:28px}.mat-mdc-standard-chip .mdc-evolution-chip__graphic{height:28px;width:28px;font-size:28px}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-width:1px}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-width:1px}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary:before{border-width:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--selected) .mdc-evolution-chip__action--primary:before{border-width:1px}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{height:18px;width:18px;font-size:18px}.cdk-high-contrast-active .mat-mdc-standard-chip{outline:solid 1px}.cdk-high-contrast-active .mat-mdc-standard-chip .mdc-evolution-chip__checkmark-path{stroke:CanvasText !important}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:.4}.mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,.mat-mdc-standard-chip .mdc-evolution-chip__action--primary,.mat-mdc-standard-chip .mat-mdc-chip-action-label{overflow:visible}.mat-mdc-standard-chip .mdc-evolution-chip__cell--primary{width:100%}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit}.mat-mdc-standard-chip .mat-mdc-chip-graphic,.mat-mdc-standard-chip .mat-mdc-chip-trailing-icon{box-sizing:content-box}.mat-mdc-standard-chip._mat-animation-noopable,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__graphic,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.mat-mdc-chip-focus-overlay{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity 150ms linear}._mat-animation-noopable .mat-mdc-chip-focus-overlay{transition:none}.mat-mdc-basic-chip .mat-mdc-chip-focus-overlay{display:none}.mat-mdc-chip:hover .mat-mdc-chip-focus-overlay{opacity:.04}.mat-mdc-chip.cdk-focused .mat-mdc-chip-focus-overlay{opacity:.12}.mat-mdc-chip-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.mat-mdc-chip-avatar{text-align:center;line-height:1}.mat-mdc-chip{position:relative}.mat-mdc-chip-action-label{text-align:left}[dir=rtl] .mat-mdc-chip-action-label{text-align:right}.mat-mdc-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label{position:relative}.mat-mdc-chip-action-label .mat-mdc-chip-primary-focus-indicator{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mat-mdc-chip-action-label .mat-mdc-focus-indicator::before{margin:calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 2px) * -1)}.mat-mdc-chip-remove{opacity:.54}.mat-mdc-chip-remove:focus{opacity:1}.mat-mdc-chip-remove::before{margin:calc(var(--mat-mdc-focus-indicator-border-width, 3px) * -1);left:8px;right:8px}.mat-mdc-chip-remove .mat-icon{width:inherit;height:inherit;font-size:inherit;box-sizing:content-box}.mat-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}.cdk-high-contrast-active .mat-mdc-chip-selected:not(.mat-mdc-chip-multiple){outline-width:3px}.mat-mdc-chip-action:focus .mat-mdc-focus-indicator::before{content:\"\"}"] }]
360
- }], ctorParameters: function () {
361
- return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.FocusMonitor }, { type: undefined, decorators: [{
362
- type: Inject,
363
- args: [DOCUMENT]
364
- }] }, { type: undefined, decorators: [{
365
- type: Optional
366
- }, {
367
- type: Inject,
368
- args: [ANIMATION_MODULE_TYPE]
369
- }] }, { type: undefined, decorators: [{
370
- type: Optional
371
- }, {
372
- type: Inject,
373
- args: [MAT_RIPPLE_GLOBAL_OPTIONS]
374
- }] }, { type: undefined, decorators: [{
375
- type: Attribute,
376
- args: ['tabindex']
377
- }] }];
378
- }, propDecorators: { role: [{
379
- type: Input
380
- }], id: [{
381
- type: Input
382
- }], ariaLabel: [{
383
- type: Input,
384
- args: ['aria-label']
385
- }], value: [{
386
- type: Input
387
- }], removable: [{
388
- type: Input
389
- }], highlighted: [{
390
- type: Input
391
- }], removed: [{
392
- type: Output
393
- }], destroyed: [{
394
- type: Output
395
- }], leadingIcon: [{
396
- type: ContentChild,
397
- args: [MAT_CHIP_AVATAR]
398
- }], trailingIcon: [{
399
- type: ContentChild,
400
- args: [MAT_CHIP_TRAILING_ICON]
401
- }], removeIcon: [{
402
- type: ContentChild,
403
- args: [MAT_CHIP_REMOVE]
404
- }], ripple: [{
405
- type: ViewChild,
406
- args: [MatRipple]
407
- }], primaryAction: [{
408
- type: ViewChild,
409
- args: [MatChipAction]
410
- }] } });
411
-
412
- /**
413
- * @license
414
- * Copyright Google LLC All Rights Reserved.
415
- *
416
- * Use of this source code is governed by an MIT-style license that can be
417
- * found in the LICENSE file at https://angular.io/license
418
- */
419
- /** Event object emitted by MatChipOption when selected or deselected. */
420
- class MatChipSelectionChange {
421
- constructor(
422
- /** Reference to the chip that emitted the event. */
423
- source,
424
- /** Whether the chip that emitted the event is selected. */
425
- selected,
426
- /** Whether the selection change was a result of a user interaction. */
427
- isUserInput = false) {
428
- this.source = source;
429
- this.selected = selected;
430
- this.isUserInput = isUserInput;
431
- }
432
- }
433
- /**
434
- * An extension of the MatChip component that supports chip selection.
435
- * Used with MatChipListbox.
436
- */
437
- class MatChipOption extends MatChip {
438
- constructor() {
439
- super(...arguments);
440
- /** Whether the chip list is selectable. */
441
- this.chipListSelectable = true;
442
- /** Whether the chip list is in multi-selection mode. */
443
- this._chipListMultiple = false;
444
- this._selectable = true;
445
- this._selected = false;
446
- /** The unstyled chip selector for this component. */
447
- this.basicChipAttrName = 'mat-basic-chip-option';
448
- /** Emitted when the chip is selected or deselected. */
449
- this.selectionChange = new EventEmitter();
450
- }
451
- /**
452
- * Whether or not the chip is selectable.
453
- *
454
- * When a chip is not selectable, changes to its selected state are always
455
- * ignored. By default an option chip is selectable, and it becomes
456
- * non-selectable if its parent chip list is not selectable.
457
- */
458
- get selectable() {
459
- return this._selectable && this.chipListSelectable;
460
- }
461
- set selectable(value) {
462
- this._selectable = coerceBooleanProperty(value);
463
- }
464
- /** Whether the chip is selected. */
465
- get selected() {
466
- return this._selected;
467
- }
468
- set selected(value) {
469
- this._setSelectedState(coerceBooleanProperty(value), false, true);
470
- }
471
- /** The ARIA selected applied to the chip. */
472
- get ariaSelected() {
473
- // Remove the `aria-selected` when the chip is deselected in single-selection mode, because
474
- // it adds noise to NVDA users where "not selected" will be read out for each chip.
475
- return this.selectable && (this._chipListMultiple || this.selected)
476
- ? this.selected.toString()
477
- : null;
478
- }
479
- ngOnInit() {
480
- this.role = 'presentation';
481
- }
482
- /** Selects the chip. */
483
- select() {
484
- this._setSelectedState(true, false, true);
485
- }
486
- /** Deselects the chip. */
487
- deselect() {
488
- this._setSelectedState(false, false, true);
489
- }
490
- /** Selects this chip and emits userInputSelection event */
491
- selectViaInteraction() {
492
- this._setSelectedState(true, true, true);
493
- }
494
- /** Toggles the current selected state of this chip. */
495
- toggleSelected(isUserInput = false) {
496
- this._setSelectedState(!this.selected, isUserInput, true);
497
- return this.selected;
498
- }
499
- _handlePrimaryActionInteraction() {
500
- if (this.selectable && !this.disabled) {
501
- this.toggleSelected(true);
502
- }
503
- }
504
- _hasLeadingGraphic() {
505
- // The checkmark graphic is built in for multi-select chip lists.
506
- return this.leadingIcon || (this._chipListMultiple && this.selectable);
507
- }
508
- _setSelectedState(isSelected, isUserInput, emitEvent) {
509
- if (isSelected !== this.selected) {
510
- this._selected = isSelected;
511
- if (emitEvent) {
512
- this.selectionChange.emit({
513
- source: this,
514
- isUserInput,
515
- selected: this.selected,
516
- });
517
- }
518
- }
519
- }
520
- }
521
- MatChipOption.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipOption, deps: null, target: i0.ɵɵFactoryTarget.Component });
522
- MatChipOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MatChipOption, selector: "mat-basic-chip-option, mat-chip-option", inputs: { color: "color", disabled: "disabled", disableRipple: "disableRipple", tabIndex: "tabIndex", selectable: "selectable", selected: "selected" }, outputs: { selectionChange: "selectionChange" }, host: { properties: { "class.mat-mdc-chip-selected": "selected", "class.mat-mdc-chip-multiple": "_chipListMultiple", "class.mat-mdc-chip-disabled": "disabled", "class.mat-mdc-chip-with-avatar": "leadingIcon", "class.mdc-evolution-chip--selectable": "selectable", "class.mdc-evolution-chip--disabled": "disabled", "class.mdc-evolution-chip--selected": "selected", "class.mdc-evolution-chip--selecting": "!_animationsDisabled", "class.mdc-evolution-chip--with-trailing-action": "_hasTrailingIcon()", "class.mdc-evolution-chip--with-primary-graphic": "_hasLeadingGraphic()", "class.mdc-evolution-chip--with-primary-icon": "leadingIcon", "class.mdc-evolution-chip--with-avatar": "leadingIcon", "class.mat-mdc-chip-highlighted": "highlighted", "class.mat-mdc-chip-with-trailing-icon": "_hasTrailingIcon()", "attr.tabindex": "null", "attr.aria-label": "null", "attr.role": "role", "id": "id" }, classAttribute: "mat-mdc-chip mat-mdc-chip-option mdc-evolution-chip mdc-evolution-chip--filter" }, providers: [
523
- { provide: MatChip, useExisting: MatChipOption },
524
- { provide: MAT_CHIP, useExisting: MatChipOption },
525
- ], usesInheritance: true, ngImport: i0, template: "<span matRipple class=\"mat-mdc-chip-ripple\"\n [matRippleDisabled]=\"_isRippleDisabled()\"\n [matRippleCentered]=\"_isRippleCentered\"\n [matRippleTrigger]=\"_elementRef.nativeElement\"></span>\n<span class=\"mat-mdc-chip-focus-overlay\"></span>\n\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\">\n <button\n matChipAction\n [tabIndex]=\"tabIndex\"\n [disabled]=\"disabled\"\n [attr.aria-selected]=\"ariaSelected\"\n [attr.aria-label]=\"ariaLabel\"\n role=\"option\">\n <span class=\"mdc-evolution-chip__graphic mat-mdc-chip-graphic\" *ngIf=\"_hasLeadingGraphic()\">\n <ng-content select=\"mat-chip-avatar, [matChipAvatar]\"></ng-content>\n <span class=\"mdc-evolution-chip__checkmark\">\n <svg class=\"mdc-evolution-chip__checkmark-svg\" viewBox=\"-2 -3 30 30\" focusable=\"false\">\n <path class=\"mdc-evolution-chip__checkmark-path\"\n fill=\"none\" stroke=\"currentColor\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\n </svg>\n </span>\n </span>\n <span class=\"mdc-evolution-chip__text-label mat-mdc-chip-action-label\">\n <ng-content></ng-content>\n <span class=\"mat-mdc-chip-primary-focus-indicator mat-mdc-focus-indicator\"></span>\n </span>\n </button>\n</span>\n\n<span\n class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\"\n *ngIf=\"_hasTrailingIcon()\">\n <ng-content select=\"mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]\"></ng-content>\n</span>\n", styles: [".mdc-evolution-chip,.mdc-evolution-chip__cell,.mdc-evolution-chip__action{display:inline-flex;align-items:center}.mdc-evolution-chip{position:relative;max-width:100%}.mdc-evolution-chip .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-evolution-chip__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{overflow-x:hidden}.mdc-evolution-chip__cell--trailing{flex:1 0 auto}.mdc-evolution-chip__action{align-items:center;background:none;border:none;box-sizing:content-box;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;text-decoration:none}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}.mdc-evolution-chip__action--primary{overflow-x:hidden}.mdc-evolution-chip__action--trailing{position:relative;overflow:visible}.mdc-evolution-chip__action--primary:before{box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1}.mdc-evolution-chip--touch{margin-top:8px;margin-bottom:8px}.mdc-evolution-chip__action-touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}.mdc-evolution-chip__text-label{white-space:nowrap;user-select:none;text-overflow:ellipsis;overflow:hidden}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.mdc-evolution-chip__checkmark-background{opacity:0}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark{transition:transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-75%, -50%)}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting .mdc-evolution-chip__graphic{transition:width 100ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting .mdc-evolution-chip__checkmark{transition:opacity 50ms 0ms linear,transform 100ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-75%, -50%)}.mdc-evolution-chip--deselecting .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}.mdc-evolution-chip--selecting-with-primary-icon .mdc-evolution-chip__icon--primary{transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selecting-with-primary-icon .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset 150ms 75ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting-with-primary-icon .mdc-evolution-chip__icon--primary{transition:opacity 150ms 75ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting-with-primary-icon .mdc-evolution-chip__checkmark{transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-50%, -50%)}.mdc-evolution-chip--deselecting-with-primary-icon .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{transform:translate(-50%, -50%);opacity:1}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}@keyframes mdc-evolution-chip-enter{from{transform:scale(0.8);opacity:.4}to{transform:scale(1);opacity:1}}.mdc-evolution-chip--enter{animation:mdc-evolution-chip-enter 100ms 0ms cubic-bezier(0, 0, 0.2, 1)}@keyframes mdc-evolution-chip-exit{from{opacity:1}to{opacity:0}}.mdc-evolution-chip--exit{animation:mdc-evolution-chip-exit 75ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-evolution-chip--hidden{opacity:0;pointer-events:none;transition:width 150ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-evolution-chip{height:32px;border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__ripple{border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__action--primary:before{border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__icon--primary{border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}[dir=rtl] .mdc-evolution-chip .mdc-evolution-chip__action--primary,.mdc-evolution-chip .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:12px;padding-right:12px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic[dir=rtl]{padding-left:6px;padding-right:6px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:12px;padding-right:0}.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing[dir=rtl]{padding-left:8px;padding-right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing{left:8px;right:initial}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing[dir=rtl]{left:initial;right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:0;padding-right:12px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic[dir=rtl]{padding-left:6px;padding-right:6px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing[dir=rtl]{padding-left:8px;padding-right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing{left:8px;right:initial}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing[dir=rtl]{left:initial;right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:0;padding-right:0}.mdc-evolution-chip.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--with-primary-icon){--mdc-chip-graphic-selected-width:20px}.mdc-evolution-chip .mdc-evolution-chip__graphic{height:20px;width:20px;font-size:20px}.mdc-evolution-chip .mdc-evolution-chip__icon--primary{height:20px;width:20px;font-size:20px}.mdc-evolution-chip .mdc-evolution-chip__checkmark{height:20px;width:20px}.mdc-evolution-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip .mdc-evolution-chip__focus-ring{display:none}.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{z-index:1;display:block;pointer-events:none;border:2px solid rgba(0,0,0,0);border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(\n 100% + 4px\n );width:calc(\n 100% + 4px\n )}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{border-color:CanvasText}}.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{content:\"\";border:2px solid rgba(0,0,0,0);border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{border-color:CanvasText}}.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{z-index:1;display:block;pointer-events:none;border:2px solid rgba(0,0,0,0);border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(\n 100% + 4px\n );width:calc(\n 100% + -4px\n )}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{border-color:CanvasText}}.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{content:\"\";border:2px solid rgba(0,0,0,0);border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{border-color:CanvasText}}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic[dir=rtl]{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:12px;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic[dir=rtl]{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing[dir=rtl]{padding-left:8px;padding-right:8px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing{left:8px;right:initial}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing[dir=rtl]{left:initial;right:8px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:0;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--with-primary-icon){--mdc-chip-graphic-selected-width:24px}.mdc-evolution-chip--with-avatar .mdc-evolution-chip__graphic{height:24px;width:24px;font-size:24px}.mdc-evolution-chip--with-avatar .mdc-evolution-chip__icon--primary{height:24px;width:24px;font-size:24px}.mat-mdc-standard-chip{border-radius:16px 16px 16px 16px;height:32px}.mat-mdc-standard-chip .mdc-evolution-chip__ripple{border-radius:16px 16px 16px 16px}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-radius:16px 16px 16px 16px}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:14px 14px 14px 14px}.mat-mdc-standard-chip.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--with-primary-icon){--mdc-chip-graphic-selected-width:28px}.mat-mdc-standard-chip .mdc-evolution-chip__graphic{height:28px;width:28px;font-size:28px}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-width:1px}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-width:1px}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary:before{border-width:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--selected) .mdc-evolution-chip__action--primary:before{border-width:1px}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{height:18px;width:18px;font-size:18px}.cdk-high-contrast-active .mat-mdc-standard-chip{outline:solid 1px}.cdk-high-contrast-active .mat-mdc-standard-chip .mdc-evolution-chip__checkmark-path{stroke:CanvasText !important}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:.4}.mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,.mat-mdc-standard-chip .mdc-evolution-chip__action--primary,.mat-mdc-standard-chip .mat-mdc-chip-action-label{overflow:visible}.mat-mdc-standard-chip .mdc-evolution-chip__cell--primary{width:100%}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit}.mat-mdc-standard-chip .mat-mdc-chip-graphic,.mat-mdc-standard-chip .mat-mdc-chip-trailing-icon{box-sizing:content-box}.mat-mdc-standard-chip._mat-animation-noopable,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__graphic,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.mat-mdc-chip-focus-overlay{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity 150ms linear}._mat-animation-noopable .mat-mdc-chip-focus-overlay{transition:none}.mat-mdc-basic-chip .mat-mdc-chip-focus-overlay{display:none}.mat-mdc-chip:hover .mat-mdc-chip-focus-overlay{opacity:.04}.mat-mdc-chip.cdk-focused .mat-mdc-chip-focus-overlay{opacity:.12}.mat-mdc-chip-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.mat-mdc-chip-avatar{text-align:center;line-height:1}.mat-mdc-chip{position:relative}.mat-mdc-chip-action-label{text-align:left}[dir=rtl] .mat-mdc-chip-action-label{text-align:right}.mat-mdc-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label{position:relative}.mat-mdc-chip-action-label .mat-mdc-chip-primary-focus-indicator{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mat-mdc-chip-action-label .mat-mdc-focus-indicator::before{margin:calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 2px) * -1)}.mat-mdc-chip-remove{opacity:.54}.mat-mdc-chip-remove:focus{opacity:1}.mat-mdc-chip-remove::before{margin:calc(var(--mat-mdc-focus-indicator-border-width, 3px) * -1);left:8px;right:8px}.mat-mdc-chip-remove .mat-icon{width:inherit;height:inherit;font-size:inherit;box-sizing:content-box}.mat-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}.cdk-high-contrast-active .mat-mdc-chip-selected:not(.mat-mdc-chip-multiple){outline-width:3px}.mat-mdc-chip-action:focus .mat-mdc-focus-indicator::before{content:\"\"}"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: MatChipAction, selector: "[matChipAction]", inputs: ["disabled", "tabIndex", "isInteractive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
526
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipOption, decorators: [{
527
- type: Component,
528
- args: [{ selector: 'mat-basic-chip-option, mat-chip-option', inputs: ['color', 'disabled', 'disableRipple', 'tabIndex'], host: {
529
- 'class': 'mat-mdc-chip mat-mdc-chip-option mdc-evolution-chip mdc-evolution-chip--filter',
530
- '[class.mat-mdc-chip-selected]': 'selected',
531
- '[class.mat-mdc-chip-multiple]': '_chipListMultiple',
532
- '[class.mat-mdc-chip-disabled]': 'disabled',
533
- '[class.mat-mdc-chip-with-avatar]': 'leadingIcon',
534
- '[class.mdc-evolution-chip--selectable]': 'selectable',
535
- '[class.mdc-evolution-chip--disabled]': 'disabled',
536
- '[class.mdc-evolution-chip--selected]': 'selected',
537
- // This class enables the transition on the checkmark. Usually MDC adds it when selection
538
- // starts and removes it once the animation is finished. We don't need to go through all
539
- // the trouble, because we only care about the selection animation. MDC needs to do it,
540
- // because they also have an exit animation that we don't care about.
541
- '[class.mdc-evolution-chip--selecting]': '!_animationsDisabled',
542
- '[class.mdc-evolution-chip--with-trailing-action]': '_hasTrailingIcon()',
543
- '[class.mdc-evolution-chip--with-primary-graphic]': '_hasLeadingGraphic()',
544
- '[class.mdc-evolution-chip--with-primary-icon]': 'leadingIcon',
545
- '[class.mdc-evolution-chip--with-avatar]': 'leadingIcon',
546
- '[class.mat-mdc-chip-highlighted]': 'highlighted',
547
- '[class.mat-mdc-chip-with-trailing-icon]': '_hasTrailingIcon()',
548
- '[attr.tabindex]': 'null',
549
- '[attr.aria-label]': 'null',
550
- '[attr.role]': 'role',
551
- '[id]': 'id',
552
- }, providers: [
553
- { provide: MatChip, useExisting: MatChipOption },
554
- { provide: MAT_CHIP, useExisting: MatChipOption },
555
- ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span matRipple class=\"mat-mdc-chip-ripple\"\n [matRippleDisabled]=\"_isRippleDisabled()\"\n [matRippleCentered]=\"_isRippleCentered\"\n [matRippleTrigger]=\"_elementRef.nativeElement\"></span>\n<span class=\"mat-mdc-chip-focus-overlay\"></span>\n\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\">\n <button\n matChipAction\n [tabIndex]=\"tabIndex\"\n [disabled]=\"disabled\"\n [attr.aria-selected]=\"ariaSelected\"\n [attr.aria-label]=\"ariaLabel\"\n role=\"option\">\n <span class=\"mdc-evolution-chip__graphic mat-mdc-chip-graphic\" *ngIf=\"_hasLeadingGraphic()\">\n <ng-content select=\"mat-chip-avatar, [matChipAvatar]\"></ng-content>\n <span class=\"mdc-evolution-chip__checkmark\">\n <svg class=\"mdc-evolution-chip__checkmark-svg\" viewBox=\"-2 -3 30 30\" focusable=\"false\">\n <path class=\"mdc-evolution-chip__checkmark-path\"\n fill=\"none\" stroke=\"currentColor\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\n </svg>\n </span>\n </span>\n <span class=\"mdc-evolution-chip__text-label mat-mdc-chip-action-label\">\n <ng-content></ng-content>\n <span class=\"mat-mdc-chip-primary-focus-indicator mat-mdc-focus-indicator\"></span>\n </span>\n </button>\n</span>\n\n<span\n class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\"\n *ngIf=\"_hasTrailingIcon()\">\n <ng-content select=\"mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]\"></ng-content>\n</span>\n", styles: [".mdc-evolution-chip,.mdc-evolution-chip__cell,.mdc-evolution-chip__action{display:inline-flex;align-items:center}.mdc-evolution-chip{position:relative;max-width:100%}.mdc-evolution-chip .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-evolution-chip__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{overflow-x:hidden}.mdc-evolution-chip__cell--trailing{flex:1 0 auto}.mdc-evolution-chip__action{align-items:center;background:none;border:none;box-sizing:content-box;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;text-decoration:none}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}.mdc-evolution-chip__action--primary{overflow-x:hidden}.mdc-evolution-chip__action--trailing{position:relative;overflow:visible}.mdc-evolution-chip__action--primary:before{box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1}.mdc-evolution-chip--touch{margin-top:8px;margin-bottom:8px}.mdc-evolution-chip__action-touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}.mdc-evolution-chip__text-label{white-space:nowrap;user-select:none;text-overflow:ellipsis;overflow:hidden}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.mdc-evolution-chip__checkmark-background{opacity:0}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark{transition:transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-75%, -50%)}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting .mdc-evolution-chip__graphic{transition:width 100ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting .mdc-evolution-chip__checkmark{transition:opacity 50ms 0ms linear,transform 100ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-75%, -50%)}.mdc-evolution-chip--deselecting .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}.mdc-evolution-chip--selecting-with-primary-icon .mdc-evolution-chip__icon--primary{transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selecting-with-primary-icon .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset 150ms 75ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting-with-primary-icon .mdc-evolution-chip__icon--primary{transition:opacity 150ms 75ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting-with-primary-icon .mdc-evolution-chip__checkmark{transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-50%, -50%)}.mdc-evolution-chip--deselecting-with-primary-icon .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{transform:translate(-50%, -50%);opacity:1}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}@keyframes mdc-evolution-chip-enter{from{transform:scale(0.8);opacity:.4}to{transform:scale(1);opacity:1}}.mdc-evolution-chip--enter{animation:mdc-evolution-chip-enter 100ms 0ms cubic-bezier(0, 0, 0.2, 1)}@keyframes mdc-evolution-chip-exit{from{opacity:1}to{opacity:0}}.mdc-evolution-chip--exit{animation:mdc-evolution-chip-exit 75ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-evolution-chip--hidden{opacity:0;pointer-events:none;transition:width 150ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-evolution-chip{height:32px;border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__ripple{border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__action--primary:before{border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__icon--primary{border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}[dir=rtl] .mdc-evolution-chip .mdc-evolution-chip__action--primary,.mdc-evolution-chip .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:12px;padding-right:12px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic[dir=rtl]{padding-left:6px;padding-right:6px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:12px;padding-right:0}.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing[dir=rtl]{padding-left:8px;padding-right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing{left:8px;right:initial}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing[dir=rtl]{left:initial;right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:0;padding-right:12px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic[dir=rtl]{padding-left:6px;padding-right:6px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing[dir=rtl]{padding-left:8px;padding-right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing{left:8px;right:initial}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing[dir=rtl]{left:initial;right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:0;padding-right:0}.mdc-evolution-chip.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--with-primary-icon){--mdc-chip-graphic-selected-width:20px}.mdc-evolution-chip .mdc-evolution-chip__graphic{height:20px;width:20px;font-size:20px}.mdc-evolution-chip .mdc-evolution-chip__icon--primary{height:20px;width:20px;font-size:20px}.mdc-evolution-chip .mdc-evolution-chip__checkmark{height:20px;width:20px}.mdc-evolution-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip .mdc-evolution-chip__focus-ring{display:none}.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{z-index:1;display:block;pointer-events:none;border:2px solid rgba(0,0,0,0);border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(\n 100% + 4px\n );width:calc(\n 100% + 4px\n )}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{border-color:CanvasText}}.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{content:\"\";border:2px solid rgba(0,0,0,0);border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{border-color:CanvasText}}.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{z-index:1;display:block;pointer-events:none;border:2px solid rgba(0,0,0,0);border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(\n 100% + 4px\n );width:calc(\n 100% + -4px\n )}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{border-color:CanvasText}}.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{content:\"\";border:2px solid rgba(0,0,0,0);border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{border-color:CanvasText}}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic[dir=rtl]{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:12px;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic[dir=rtl]{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing[dir=rtl]{padding-left:8px;padding-right:8px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing{left:8px;right:initial}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing[dir=rtl]{left:initial;right:8px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:0;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--with-primary-icon){--mdc-chip-graphic-selected-width:24px}.mdc-evolution-chip--with-avatar .mdc-evolution-chip__graphic{height:24px;width:24px;font-size:24px}.mdc-evolution-chip--with-avatar .mdc-evolution-chip__icon--primary{height:24px;width:24px;font-size:24px}.mat-mdc-standard-chip{border-radius:16px 16px 16px 16px;height:32px}.mat-mdc-standard-chip .mdc-evolution-chip__ripple{border-radius:16px 16px 16px 16px}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-radius:16px 16px 16px 16px}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:14px 14px 14px 14px}.mat-mdc-standard-chip.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--with-primary-icon){--mdc-chip-graphic-selected-width:28px}.mat-mdc-standard-chip .mdc-evolution-chip__graphic{height:28px;width:28px;font-size:28px}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-width:1px}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-width:1px}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary:before{border-width:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--selected) .mdc-evolution-chip__action--primary:before{border-width:1px}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{height:18px;width:18px;font-size:18px}.cdk-high-contrast-active .mat-mdc-standard-chip{outline:solid 1px}.cdk-high-contrast-active .mat-mdc-standard-chip .mdc-evolution-chip__checkmark-path{stroke:CanvasText !important}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:.4}.mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,.mat-mdc-standard-chip .mdc-evolution-chip__action--primary,.mat-mdc-standard-chip .mat-mdc-chip-action-label{overflow:visible}.mat-mdc-standard-chip .mdc-evolution-chip__cell--primary{width:100%}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit}.mat-mdc-standard-chip .mat-mdc-chip-graphic,.mat-mdc-standard-chip .mat-mdc-chip-trailing-icon{box-sizing:content-box}.mat-mdc-standard-chip._mat-animation-noopable,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__graphic,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.mat-mdc-chip-focus-overlay{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity 150ms linear}._mat-animation-noopable .mat-mdc-chip-focus-overlay{transition:none}.mat-mdc-basic-chip .mat-mdc-chip-focus-overlay{display:none}.mat-mdc-chip:hover .mat-mdc-chip-focus-overlay{opacity:.04}.mat-mdc-chip.cdk-focused .mat-mdc-chip-focus-overlay{opacity:.12}.mat-mdc-chip-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.mat-mdc-chip-avatar{text-align:center;line-height:1}.mat-mdc-chip{position:relative}.mat-mdc-chip-action-label{text-align:left}[dir=rtl] .mat-mdc-chip-action-label{text-align:right}.mat-mdc-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label{position:relative}.mat-mdc-chip-action-label .mat-mdc-chip-primary-focus-indicator{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mat-mdc-chip-action-label .mat-mdc-focus-indicator::before{margin:calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 2px) * -1)}.mat-mdc-chip-remove{opacity:.54}.mat-mdc-chip-remove:focus{opacity:1}.mat-mdc-chip-remove::before{margin:calc(var(--mat-mdc-focus-indicator-border-width, 3px) * -1);left:8px;right:8px}.mat-mdc-chip-remove .mat-icon{width:inherit;height:inherit;font-size:inherit;box-sizing:content-box}.mat-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}.cdk-high-contrast-active .mat-mdc-chip-selected:not(.mat-mdc-chip-multiple){outline-width:3px}.mat-mdc-chip-action:focus .mat-mdc-focus-indicator::before{content:\"\"}"] }]
556
- }], propDecorators: { selectable: [{
557
- type: Input
558
- }], selected: [{
559
- type: Input
560
- }], selectionChange: [{
561
- type: Output
562
- }] } });
563
-
564
- /**
565
- * @license
566
- * Copyright Google LLC All Rights Reserved.
567
- *
568
- * Use of this source code is governed by an MIT-style license that can be
569
- * found in the LICENSE file at https://angular.io/license
570
- */
571
- /**
572
- * A directive that makes a span editable and exposes functions to modify and retrieve the
573
- * element's contents.
574
- */
575
- class MatChipEditInput {
576
- constructor(_elementRef, _document) {
577
- this._elementRef = _elementRef;
578
- this._document = _document;
579
- }
580
- initialize(initialValue) {
581
- this.getNativeElement().focus();
582
- this.setValue(initialValue);
583
- }
584
- getNativeElement() {
585
- return this._elementRef.nativeElement;
586
- }
587
- setValue(value) {
588
- this.getNativeElement().textContent = value;
589
- this._moveCursorToEndOfInput();
590
- }
591
- getValue() {
592
- return this.getNativeElement().textContent || '';
593
- }
594
- _moveCursorToEndOfInput() {
595
- const range = this._document.createRange();
596
- range.selectNodeContents(this.getNativeElement());
597
- range.collapse(false);
598
- const sel = window.getSelection();
599
- sel.removeAllRanges();
600
- sel.addRange(range);
601
- }
602
- }
603
- MatChipEditInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipEditInput, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
604
- MatChipEditInput.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: MatChipEditInput, selector: "span[matChipEditInput]", host: { attributes: { "role": "textbox", "tabindex": "-1", "contenteditable": "true" }, classAttribute: "mat-chip-edit-input" }, ngImport: i0 });
605
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipEditInput, decorators: [{
606
- type: Directive,
607
- args: [{
608
- selector: 'span[matChipEditInput]',
609
- host: {
610
- 'class': 'mat-chip-edit-input',
611
- 'role': 'textbox',
612
- 'tabindex': '-1',
613
- 'contenteditable': 'true',
614
- },
615
- }]
616
- }], ctorParameters: function () {
617
- return [{ type: i0.ElementRef }, { type: undefined, decorators: [{
618
- type: Inject,
619
- args: [DOCUMENT]
620
- }] }];
621
- } });
622
-
623
- /**
624
- * @license
625
- * Copyright Google LLC All Rights Reserved.
626
- *
627
- * Use of this source code is governed by an MIT-style license that can be
628
- * found in the LICENSE file at https://angular.io/license
629
- */
630
- /**
631
- * An extension of the MatChip component used with MatChipGrid and
632
- * the matChipInputFor directive.
633
- */
634
- class MatChipRow extends MatChip {
635
- constructor(changeDetectorRef, elementRef, ngZone, focusMonitor, _document, animationMode, globalRippleOptions, tabIndex) {
636
- super(changeDetectorRef, elementRef, ngZone, focusMonitor, _document, animationMode, globalRippleOptions, tabIndex);
637
- this.basicChipAttrName = 'mat-basic-chip-row';
638
- /**
639
- * The editing action has to be triggered in a timeout. While we're waiting on it, a blur
640
- * event might occur which will interrupt the editing. This flag is used to avoid interruptions
641
- * while the editing action is being initialized.
642
- */
643
- this._editStartPending = false;
644
- this.editable = false;
645
- /** Emitted when the chip is edited. */
646
- this.edited = new EventEmitter();
647
- this._isEditing = false;
648
- this.role = 'row';
649
- this._onBlur.pipe(takeUntil(this.destroyed)).subscribe(() => {
650
- if (this._isEditing && !this._editStartPending) {
651
- this._onEditFinish();
652
- }
653
- });
654
- }
655
- _hasTrailingIcon() {
656
- // The trailing icon is hidden while editing.
657
- return !this._isEditing && super._hasTrailingIcon();
658
- }
659
- /** Sends focus to the first gridcell when the user clicks anywhere inside the chip. */
660
- _mousedown(event) {
661
- if (!this._isEditing) {
662
- if (!this.disabled) {
663
- this.focus();
664
- }
665
- event.preventDefault();
666
- }
667
- }
668
- _handleKeydown(event) {
669
- if (event.keyCode === ENTER && !this.disabled) {
670
- if (this._isEditing) {
671
- event.preventDefault();
672
- this._onEditFinish();
673
- }
674
- else if (this.editable) {
675
- this._startEditing(event);
676
- }
677
- }
678
- else if (this._isEditing) {
679
- // Stop the event from reaching the chip set in order to avoid navigating.
680
- event.stopPropagation();
681
- }
682
- else {
683
- super._handleKeydown(event);
684
- }
685
- }
686
- _doubleclick(event) {
687
- if (!this.disabled && this.editable) {
688
- this._startEditing(event);
689
- }
690
- }
691
- _startEditing(event) {
692
- if (!this.primaryAction ||
693
- (this.removeIcon && this._getSourceAction(event.target) === this.removeIcon)) {
694
- return;
695
- }
696
- // The value depends on the DOM so we need to extract it before we flip the flag.
697
- const value = this.value;
698
- this._isEditing = true;
699
- this._editStartPending = true;
700
- // Defer initializing the input so it has time to be added to the DOM.
701
- setTimeout(() => {
702
- this._getEditInput().initialize(value);
703
- this._editStartPending = false;
704
- });
705
- }
706
- _onEditFinish() {
707
- this._isEditing = false;
708
- this._editStartPending = false;
709
- this.edited.emit({ chip: this, value: this._getEditInput().getValue() });
710
- // If the edit input is still focused or focus was returned to the body after it was destroyed,
711
- // return focus to the chip contents.
712
- if (this._document.activeElement === this._getEditInput().getNativeElement() ||
713
- this._document.activeElement === this._document.body) {
714
- this.primaryAction.focus();
715
- }
716
- }
717
- /**
718
- * Gets the projected chip edit input, or the default input if none is projected in. One of these
719
- * two values is guaranteed to be defined.
720
- */
721
- _getEditInput() {
722
- return this.contentEditInput || this.defaultEditInput;
723
- }
724
- }
725
- MatChipRow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipRow, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.FocusMonitor }, { token: DOCUMENT }, { token: ANIMATION_MODULE_TYPE, optional: true }, { token: MAT_RIPPLE_GLOBAL_OPTIONS, optional: true }, { token: 'tabindex', attribute: true }], target: i0.ɵɵFactoryTarget.Component });
726
- MatChipRow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MatChipRow, selector: "mat-chip-row, mat-basic-chip-row", inputs: { color: "color", disabled: "disabled", disableRipple: "disableRipple", tabIndex: "tabIndex", editable: "editable" }, outputs: { edited: "edited" }, host: { listeners: { "mousedown": "_mousedown($event)", "dblclick": "_doubleclick($event)" }, properties: { "class.mat-mdc-chip-with-avatar": "leadingIcon", "class.mat-mdc-chip-disabled": "disabled", "class.mat-mdc-chip-editing": "_isEditing", "class.mat-mdc-chip-editable": "editable", "class.mdc-evolution-chip--disabled": "disabled", "class.mdc-evolution-chip--with-trailing-action": "_hasTrailingIcon()", "class.mdc-evolution-chip--with-primary-graphic": "leadingIcon", "class.mdc-evolution-chip--with-primary-icon": "leadingIcon", "class.mdc-evolution-chip--with-avatar": "leadingIcon", "class.mat-mdc-chip-highlighted": "highlighted", "class.mat-mdc-chip-with-trailing-icon": "_hasTrailingIcon()", "id": "id", "attr.tabindex": "null", "attr.aria-label": "null", "attr.role": "role" }, classAttribute: "mat-mdc-chip mat-mdc-chip-row mdc-evolution-chip" }, providers: [
727
- { provide: MatChip, useExisting: MatChipRow },
728
- { provide: MAT_CHIP, useExisting: MatChipRow },
729
- ], queries: [{ propertyName: "contentEditInput", first: true, predicate: MatChipEditInput, descendants: true }], viewQueries: [{ propertyName: "defaultEditInput", first: true, predicate: MatChipEditInput, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!_isEditing\">\n <span matRipple class=\"mat-mdc-chip-ripple\"\n [matRippleDisabled]=\"_isRippleDisabled()\"\n [matRippleCentered]=\"_isRippleCentered\"\n [matRippleTrigger]=\"_elementRef.nativeElement\"></span>\n <span class=\"mat-mdc-chip-focus-overlay\"></span>\n</ng-container>\n\n\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\" role=\"gridcell\">\n <span\n matChipAction\n [attr.role]=\"editable ? 'button' : null\"\n [tabIndex]=\"tabIndex\"\n [disabled]=\"disabled\"\n [attr.aria-label]=\"ariaLabel\">\n <span class=\"mdc-evolution-chip__graphic mat-mdc-chip-graphic\" *ngIf=\"leadingIcon\">\n <ng-content select=\"mat-chip-avatar, [matChipAvatar]\"></ng-content>\n </span>\n <span class=\"mdc-evolution-chip__text-label mat-mdc-chip-action-label\" [ngSwitch]=\"_isEditing\">\n <ng-container *ngSwitchCase=\"false\"><ng-content></ng-content></ng-container>\n\n <ng-container *ngSwitchCase=\"true\">\n <ng-content *ngIf=\"contentEditInput; else defaultMatChipEditInput\"\n select=\"[matChipEditInput]\"></ng-content>\n <ng-template #defaultMatChipEditInput><span matChipEditInput></span></ng-template>\n </ng-container>\n\n <span class=\"mat-mdc-chip-primary-focus-indicator mat-mdc-focus-indicator\"></span>\n </span>\n </span>\n</span>\n\n<span\n class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\"\n role=\"gridcell\"\n *ngIf=\"_hasTrailingIcon()\">\n <ng-content select=\"mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]\"></ng-content>\n</span>\n", styles: [".mdc-evolution-chip,.mdc-evolution-chip__cell,.mdc-evolution-chip__action{display:inline-flex;align-items:center}.mdc-evolution-chip{position:relative;max-width:100%}.mdc-evolution-chip .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-evolution-chip__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{overflow-x:hidden}.mdc-evolution-chip__cell--trailing{flex:1 0 auto}.mdc-evolution-chip__action{align-items:center;background:none;border:none;box-sizing:content-box;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;text-decoration:none}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}.mdc-evolution-chip__action--primary{overflow-x:hidden}.mdc-evolution-chip__action--trailing{position:relative;overflow:visible}.mdc-evolution-chip__action--primary:before{box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1}.mdc-evolution-chip--touch{margin-top:8px;margin-bottom:8px}.mdc-evolution-chip__action-touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}.mdc-evolution-chip__text-label{white-space:nowrap;user-select:none;text-overflow:ellipsis;overflow:hidden}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.mdc-evolution-chip__checkmark-background{opacity:0}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark{transition:transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-75%, -50%)}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting .mdc-evolution-chip__graphic{transition:width 100ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting .mdc-evolution-chip__checkmark{transition:opacity 50ms 0ms linear,transform 100ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-75%, -50%)}.mdc-evolution-chip--deselecting .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}.mdc-evolution-chip--selecting-with-primary-icon .mdc-evolution-chip__icon--primary{transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selecting-with-primary-icon .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset 150ms 75ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting-with-primary-icon .mdc-evolution-chip__icon--primary{transition:opacity 150ms 75ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting-with-primary-icon .mdc-evolution-chip__checkmark{transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-50%, -50%)}.mdc-evolution-chip--deselecting-with-primary-icon .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{transform:translate(-50%, -50%);opacity:1}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}@keyframes mdc-evolution-chip-enter{from{transform:scale(0.8);opacity:.4}to{transform:scale(1);opacity:1}}.mdc-evolution-chip--enter{animation:mdc-evolution-chip-enter 100ms 0ms cubic-bezier(0, 0, 0.2, 1)}@keyframes mdc-evolution-chip-exit{from{opacity:1}to{opacity:0}}.mdc-evolution-chip--exit{animation:mdc-evolution-chip-exit 75ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-evolution-chip--hidden{opacity:0;pointer-events:none;transition:width 150ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-evolution-chip{height:32px;border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__ripple{border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__action--primary:before{border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__icon--primary{border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}[dir=rtl] .mdc-evolution-chip .mdc-evolution-chip__action--primary,.mdc-evolution-chip .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:12px;padding-right:12px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic[dir=rtl]{padding-left:6px;padding-right:6px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:12px;padding-right:0}.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing[dir=rtl]{padding-left:8px;padding-right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing{left:8px;right:initial}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing[dir=rtl]{left:initial;right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:0;padding-right:12px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic[dir=rtl]{padding-left:6px;padding-right:6px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing[dir=rtl]{padding-left:8px;padding-right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing{left:8px;right:initial}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing[dir=rtl]{left:initial;right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:0;padding-right:0}.mdc-evolution-chip.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--with-primary-icon){--mdc-chip-graphic-selected-width:20px}.mdc-evolution-chip .mdc-evolution-chip__graphic{height:20px;width:20px;font-size:20px}.mdc-evolution-chip .mdc-evolution-chip__icon--primary{height:20px;width:20px;font-size:20px}.mdc-evolution-chip .mdc-evolution-chip__checkmark{height:20px;width:20px}.mdc-evolution-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip .mdc-evolution-chip__focus-ring{display:none}.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{z-index:1;display:block;pointer-events:none;border:2px solid rgba(0,0,0,0);border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(\n 100% + 4px\n );width:calc(\n 100% + 4px\n )}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{border-color:CanvasText}}.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{content:\"\";border:2px solid rgba(0,0,0,0);border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{border-color:CanvasText}}.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{z-index:1;display:block;pointer-events:none;border:2px solid rgba(0,0,0,0);border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(\n 100% + 4px\n );width:calc(\n 100% + -4px\n )}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{border-color:CanvasText}}.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{content:\"\";border:2px solid rgba(0,0,0,0);border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{border-color:CanvasText}}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic[dir=rtl]{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:12px;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic[dir=rtl]{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing[dir=rtl]{padding-left:8px;padding-right:8px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing{left:8px;right:initial}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing[dir=rtl]{left:initial;right:8px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:0;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--with-primary-icon){--mdc-chip-graphic-selected-width:24px}.mdc-evolution-chip--with-avatar .mdc-evolution-chip__graphic{height:24px;width:24px;font-size:24px}.mdc-evolution-chip--with-avatar .mdc-evolution-chip__icon--primary{height:24px;width:24px;font-size:24px}.mat-mdc-standard-chip{border-radius:16px 16px 16px 16px;height:32px}.mat-mdc-standard-chip .mdc-evolution-chip__ripple{border-radius:16px 16px 16px 16px}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-radius:16px 16px 16px 16px}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:14px 14px 14px 14px}.mat-mdc-standard-chip.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--with-primary-icon){--mdc-chip-graphic-selected-width:28px}.mat-mdc-standard-chip .mdc-evolution-chip__graphic{height:28px;width:28px;font-size:28px}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-width:1px}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-width:1px}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary:before{border-width:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--selected) .mdc-evolution-chip__action--primary:before{border-width:1px}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{height:18px;width:18px;font-size:18px}.cdk-high-contrast-active .mat-mdc-standard-chip{outline:solid 1px}.cdk-high-contrast-active .mat-mdc-standard-chip .mdc-evolution-chip__checkmark-path{stroke:CanvasText !important}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:.4}.mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,.mat-mdc-standard-chip .mdc-evolution-chip__action--primary,.mat-mdc-standard-chip .mat-mdc-chip-action-label{overflow:visible}.mat-mdc-standard-chip .mdc-evolution-chip__cell--primary{width:100%}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit}.mat-mdc-standard-chip .mat-mdc-chip-graphic,.mat-mdc-standard-chip .mat-mdc-chip-trailing-icon{box-sizing:content-box}.mat-mdc-standard-chip._mat-animation-noopable,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__graphic,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.mat-mdc-chip-focus-overlay{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity 150ms linear}._mat-animation-noopable .mat-mdc-chip-focus-overlay{transition:none}.mat-mdc-basic-chip .mat-mdc-chip-focus-overlay{display:none}.mat-mdc-chip:hover .mat-mdc-chip-focus-overlay{opacity:.04}.mat-mdc-chip.cdk-focused .mat-mdc-chip-focus-overlay{opacity:.12}.mat-mdc-chip-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.mat-mdc-chip-avatar{text-align:center;line-height:1}.mat-mdc-chip{position:relative}.mat-mdc-chip-action-label{text-align:left}[dir=rtl] .mat-mdc-chip-action-label{text-align:right}.mat-mdc-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label{position:relative}.mat-mdc-chip-action-label .mat-mdc-chip-primary-focus-indicator{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mat-mdc-chip-action-label .mat-mdc-focus-indicator::before{margin:calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 2px) * -1)}.mat-mdc-chip-remove{opacity:.54}.mat-mdc-chip-remove:focus{opacity:1}.mat-mdc-chip-remove::before{margin:calc(var(--mat-mdc-focus-indicator-border-width, 3px) * -1);left:8px;right:8px}.mat-mdc-chip-remove .mat-icon{width:inherit;height:inherit;font-size:inherit;box-sizing:content-box}.mat-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}.cdk-high-contrast-active .mat-mdc-chip-selected:not(.mat-mdc-chip-multiple){outline-width:3px}.mat-mdc-chip-action:focus .mat-mdc-focus-indicator::before{content:\"\"}"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: MatChipAction, selector: "[matChipAction]", inputs: ["disabled", "tabIndex", "isInteractive"] }, { kind: "directive", type: MatChipEditInput, selector: "span[matChipEditInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
730
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipRow, decorators: [{
731
- type: Component,
732
- args: [{ selector: 'mat-chip-row, mat-basic-chip-row', inputs: ['color', 'disabled', 'disableRipple', 'tabIndex'], host: {
733
- 'class': 'mat-mdc-chip mat-mdc-chip-row mdc-evolution-chip',
734
- '[class.mat-mdc-chip-with-avatar]': 'leadingIcon',
735
- '[class.mat-mdc-chip-disabled]': 'disabled',
736
- '[class.mat-mdc-chip-editing]': '_isEditing',
737
- '[class.mat-mdc-chip-editable]': 'editable',
738
- '[class.mdc-evolution-chip--disabled]': 'disabled',
739
- '[class.mdc-evolution-chip--with-trailing-action]': '_hasTrailingIcon()',
740
- '[class.mdc-evolution-chip--with-primary-graphic]': 'leadingIcon',
741
- '[class.mdc-evolution-chip--with-primary-icon]': 'leadingIcon',
742
- '[class.mdc-evolution-chip--with-avatar]': 'leadingIcon',
743
- '[class.mat-mdc-chip-highlighted]': 'highlighted',
744
- '[class.mat-mdc-chip-with-trailing-icon]': '_hasTrailingIcon()',
745
- '[id]': 'id',
746
- '[attr.tabindex]': 'null',
747
- '[attr.aria-label]': 'null',
748
- '[attr.role]': 'role',
749
- '(mousedown)': '_mousedown($event)',
750
- '(dblclick)': '_doubleclick($event)',
751
- }, providers: [
752
- { provide: MatChip, useExisting: MatChipRow },
753
- { provide: MAT_CHIP, useExisting: MatChipRow },
754
- ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"!_isEditing\">\n <span matRipple class=\"mat-mdc-chip-ripple\"\n [matRippleDisabled]=\"_isRippleDisabled()\"\n [matRippleCentered]=\"_isRippleCentered\"\n [matRippleTrigger]=\"_elementRef.nativeElement\"></span>\n <span class=\"mat-mdc-chip-focus-overlay\"></span>\n</ng-container>\n\n\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\" role=\"gridcell\">\n <span\n matChipAction\n [attr.role]=\"editable ? 'button' : null\"\n [tabIndex]=\"tabIndex\"\n [disabled]=\"disabled\"\n [attr.aria-label]=\"ariaLabel\">\n <span class=\"mdc-evolution-chip__graphic mat-mdc-chip-graphic\" *ngIf=\"leadingIcon\">\n <ng-content select=\"mat-chip-avatar, [matChipAvatar]\"></ng-content>\n </span>\n <span class=\"mdc-evolution-chip__text-label mat-mdc-chip-action-label\" [ngSwitch]=\"_isEditing\">\n <ng-container *ngSwitchCase=\"false\"><ng-content></ng-content></ng-container>\n\n <ng-container *ngSwitchCase=\"true\">\n <ng-content *ngIf=\"contentEditInput; else defaultMatChipEditInput\"\n select=\"[matChipEditInput]\"></ng-content>\n <ng-template #defaultMatChipEditInput><span matChipEditInput></span></ng-template>\n </ng-container>\n\n <span class=\"mat-mdc-chip-primary-focus-indicator mat-mdc-focus-indicator\"></span>\n </span>\n </span>\n</span>\n\n<span\n class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\"\n role=\"gridcell\"\n *ngIf=\"_hasTrailingIcon()\">\n <ng-content select=\"mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]\"></ng-content>\n</span>\n", styles: [".mdc-evolution-chip,.mdc-evolution-chip__cell,.mdc-evolution-chip__action{display:inline-flex;align-items:center}.mdc-evolution-chip{position:relative;max-width:100%}.mdc-evolution-chip .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-evolution-chip__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{overflow-x:hidden}.mdc-evolution-chip__cell--trailing{flex:1 0 auto}.mdc-evolution-chip__action{align-items:center;background:none;border:none;box-sizing:content-box;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;text-decoration:none}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}.mdc-evolution-chip__action--primary{overflow-x:hidden}.mdc-evolution-chip__action--trailing{position:relative;overflow:visible}.mdc-evolution-chip__action--primary:before{box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1}.mdc-evolution-chip--touch{margin-top:8px;margin-bottom:8px}.mdc-evolution-chip__action-touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}.mdc-evolution-chip__text-label{white-space:nowrap;user-select:none;text-overflow:ellipsis;overflow:hidden}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.mdc-evolution-chip__checkmark-background{opacity:0}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark{transition:transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-75%, -50%)}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting .mdc-evolution-chip__graphic{transition:width 100ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting .mdc-evolution-chip__checkmark{transition:opacity 50ms 0ms linear,transform 100ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-75%, -50%)}.mdc-evolution-chip--deselecting .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}.mdc-evolution-chip--selecting-with-primary-icon .mdc-evolution-chip__icon--primary{transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selecting-with-primary-icon .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset 150ms 75ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting-with-primary-icon .mdc-evolution-chip__icon--primary{transition:opacity 150ms 75ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--deselecting-with-primary-icon .mdc-evolution-chip__checkmark{transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-50%, -50%)}.mdc-evolution-chip--deselecting-with-primary-icon .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{transform:translate(-50%, -50%);opacity:1}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}@keyframes mdc-evolution-chip-enter{from{transform:scale(0.8);opacity:.4}to{transform:scale(1);opacity:1}}.mdc-evolution-chip--enter{animation:mdc-evolution-chip-enter 100ms 0ms cubic-bezier(0, 0, 0.2, 1)}@keyframes mdc-evolution-chip-exit{from{opacity:1}to{opacity:0}}.mdc-evolution-chip--exit{animation:mdc-evolution-chip-exit 75ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-evolution-chip--hidden{opacity:0;pointer-events:none;transition:width 150ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-evolution-chip{height:32px;border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__ripple{border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__action--primary:before{border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__icon--primary{border-radius:16px}.mdc-evolution-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}[dir=rtl] .mdc-evolution-chip .mdc-evolution-chip__action--primary,.mdc-evolution-chip .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:12px;padding-right:12px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic[dir=rtl]{padding-left:6px;padding-right:6px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:12px;padding-right:0}.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing[dir=rtl]{padding-left:8px;padding-right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing{left:8px;right:initial}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing[dir=rtl]{left:initial;right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:0;padding-right:12px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic[dir=rtl]{padding-left:6px;padding-right:6px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing[dir=rtl]{padding-left:8px;padding-right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing{left:8px;right:initial}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing[dir=rtl]{left:initial;right:8px}.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:0;padding-right:0}.mdc-evolution-chip.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--with-primary-icon){--mdc-chip-graphic-selected-width:20px}.mdc-evolution-chip .mdc-evolution-chip__graphic{height:20px;width:20px;font-size:20px}.mdc-evolution-chip .mdc-evolution-chip__icon--primary{height:20px;width:20px;font-size:20px}.mdc-evolution-chip .mdc-evolution-chip__checkmark{height:20px;width:20px}.mdc-evolution-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip .mdc-evolution-chip__focus-ring{display:none}.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{z-index:1;display:block;pointer-events:none;border:2px solid rgba(0,0,0,0);border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(\n 100% + 4px\n );width:calc(\n 100% + 4px\n )}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{border-color:CanvasText}}.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{content:\"\";border:2px solid rgba(0,0,0,0);border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{border-color:CanvasText}}.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{z-index:1;display:block;pointer-events:none;border:2px solid rgba(0,0,0,0);border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(\n 100% + 4px\n );width:calc(\n 100% + -4px\n )}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring{border-color:CanvasText}}.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{content:\"\";border:2px solid rgba(0,0,0,0);border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused .mdc-evolution-chip__focus-ring::after,.mdc-evolution-chip .mdc-evolution-chip__action--trailing:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__focus-ring::after{border-color:CanvasText}}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic[dir=rtl]{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:12px;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic[dir=rtl]{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing[dir=rtl]{padding-left:8px;padding-right:8px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing{left:8px;right:initial}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing[dir=rtl]{left:initial;right:8px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary[dir=rtl]{padding-left:0;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--with-primary-icon){--mdc-chip-graphic-selected-width:24px}.mdc-evolution-chip--with-avatar .mdc-evolution-chip__graphic{height:24px;width:24px;font-size:24px}.mdc-evolution-chip--with-avatar .mdc-evolution-chip__icon--primary{height:24px;width:24px;font-size:24px}.mat-mdc-standard-chip{border-radius:16px 16px 16px 16px;height:32px}.mat-mdc-standard-chip .mdc-evolution-chip__ripple{border-radius:16px 16px 16px 16px}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-radius:16px 16px 16px 16px}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:14px 14px 14px 14px}.mat-mdc-standard-chip.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--with-primary-icon){--mdc-chip-graphic-selected-width:28px}.mat-mdc-standard-chip .mdc-evolution-chip__graphic{height:28px;width:28px;font-size:28px}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-width:1px}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary:before{border-width:1px}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary:before{border-width:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--selected) .mdc-evolution-chip__action--primary:before{border-width:1px}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{height:18px;width:18px;font-size:18px}.cdk-high-contrast-active .mat-mdc-standard-chip{outline:solid 1px}.cdk-high-contrast-active .mat-mdc-standard-chip .mdc-evolution-chip__checkmark-path{stroke:CanvasText !important}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:.4}.mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,.mat-mdc-standard-chip .mdc-evolution-chip__action--primary,.mat-mdc-standard-chip .mat-mdc-chip-action-label{overflow:visible}.mat-mdc-standard-chip .mdc-evolution-chip__cell--primary{width:100%}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit}.mat-mdc-standard-chip .mat-mdc-chip-graphic,.mat-mdc-standard-chip .mat-mdc-chip-trailing-icon{box-sizing:content-box}.mat-mdc-standard-chip._mat-animation-noopable,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__graphic,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.mat-mdc-chip-focus-overlay{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity 150ms linear}._mat-animation-noopable .mat-mdc-chip-focus-overlay{transition:none}.mat-mdc-basic-chip .mat-mdc-chip-focus-overlay{display:none}.mat-mdc-chip:hover .mat-mdc-chip-focus-overlay{opacity:.04}.mat-mdc-chip.cdk-focused .mat-mdc-chip-focus-overlay{opacity:.12}.mat-mdc-chip-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.mat-mdc-chip-avatar{text-align:center;line-height:1}.mat-mdc-chip{position:relative}.mat-mdc-chip-action-label{text-align:left}[dir=rtl] .mat-mdc-chip-action-label{text-align:right}.mat-mdc-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label{position:relative}.mat-mdc-chip-action-label .mat-mdc-chip-primary-focus-indicator{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mat-mdc-chip-action-label .mat-mdc-focus-indicator::before{margin:calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 2px) * -1)}.mat-mdc-chip-remove{opacity:.54}.mat-mdc-chip-remove:focus{opacity:1}.mat-mdc-chip-remove::before{margin:calc(var(--mat-mdc-focus-indicator-border-width, 3px) * -1);left:8px;right:8px}.mat-mdc-chip-remove .mat-icon{width:inherit;height:inherit;font-size:inherit;box-sizing:content-box}.mat-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}.cdk-high-contrast-active .mat-mdc-chip-selected:not(.mat-mdc-chip-multiple){outline-width:3px}.mat-mdc-chip-action:focus .mat-mdc-focus-indicator::before{content:\"\"}"] }]
755
- }], ctorParameters: function () {
756
- return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.FocusMonitor }, { type: undefined, decorators: [{
757
- type: Inject,
758
- args: [DOCUMENT]
759
- }] }, { type: undefined, decorators: [{
760
- type: Optional
761
- }, {
762
- type: Inject,
763
- args: [ANIMATION_MODULE_TYPE]
764
- }] }, { type: undefined, decorators: [{
765
- type: Optional
766
- }, {
767
- type: Inject,
768
- args: [MAT_RIPPLE_GLOBAL_OPTIONS]
769
- }] }, { type: undefined, decorators: [{
770
- type: Attribute,
771
- args: ['tabindex']
772
- }] }];
773
- }, propDecorators: { editable: [{
774
- type: Input
775
- }], edited: [{
776
- type: Output
777
- }], defaultEditInput: [{
778
- type: ViewChild,
779
- args: [MatChipEditInput]
780
- }], contentEditInput: [{
781
- type: ContentChild,
782
- args: [MatChipEditInput]
783
- }] } });
784
-
785
- /**
786
- * @license
787
- * Copyright Google LLC All Rights Reserved.
788
- *
789
- * Use of this source code is governed by an MIT-style license that can be
790
- * found in the LICENSE file at https://angular.io/license
791
- */
792
- /**
793
- * Boilerplate for applying mixins to MatChipSet.
794
- * @docs-private
795
- */
796
- class MatChipSetBase {
797
- constructor(_elementRef) { }
798
- }
799
- const _MatChipSetMixinBase = mixinTabIndex(MatChipSetBase);
800
- /**
801
- * Basic container component for the MatChip component.
802
- *
803
- * Extended by MatChipListbox and MatChipGrid for different interaction patterns.
804
- */
805
- class MatChipSet extends _MatChipSetMixinBase {
806
- constructor(_elementRef, _changeDetectorRef, _dir) {
807
- super(_elementRef);
808
- this._elementRef = _elementRef;
809
- this._changeDetectorRef = _changeDetectorRef;
810
- this._dir = _dir;
811
- /** Index of the last destroyed chip that had focus. */
812
- this._lastDestroyedFocusedChipIndex = null;
813
- /** Subject that emits when the component has been destroyed. */
814
- this._destroyed = new Subject();
815
- /** Role to use if it hasn't been overwritten by the user. */
816
- this._defaultRole = 'presentation';
817
- this._disabled = false;
818
- this._explicitRole = null;
819
- /** Flat list of all the actions contained within the chips. */
820
- this._chipActions = new QueryList();
821
- }
822
- /** Combined stream of all of the child chips' focus events. */
823
- get chipFocusChanges() {
824
- return this._getChipStream(chip => chip._onFocus);
825
- }
826
- /** Combined stream of all of the child chips' remove events. */
827
- get chipDestroyedChanges() {
828
- return this._getChipStream(chip => chip.destroyed);
829
- }
830
- /** Whether the chip set is disabled. */
831
- get disabled() {
832
- return this._disabled;
833
- }
834
- set disabled(value) {
835
- this._disabled = coerceBooleanProperty(value);
836
- this._syncChipsState();
837
- }
838
- /** Whether the chip list contains chips or not. */
839
- get empty() {
840
- return this._chips.length === 0;
841
- }
842
- /** The ARIA role applied to the chip set. */
843
- get role() {
844
- if (this._explicitRole) {
845
- return this._explicitRole;
846
- }
847
- return this.empty ? null : this._defaultRole;
848
- }
849
- set role(value) {
850
- this._explicitRole = value;
851
- }
852
- /** Whether any of the chips inside of this chip-set has focus. */
853
- get focused() {
854
- return this._hasFocusedChip();
855
- }
856
- ngAfterViewInit() {
857
- this._setUpFocusManagement();
858
- this._trackChipSetChanges();
859
- this._trackDestroyedFocusedChip();
860
- }
861
- ngOnDestroy() {
862
- this._chipActions.destroy();
863
- this._destroyed.next();
864
- this._destroyed.complete();
865
- }
866
- /** Checks whether any of the chips is focused. */
867
- _hasFocusedChip() {
868
- return this._chips && this._chips.some(chip => chip._hasFocus());
869
- }
870
- /** Syncs the chip-set's state with the individual chips. */
871
- _syncChipsState() {
872
- if (this._chips) {
873
- this._chips.forEach(chip => {
874
- chip.disabled = this._disabled;
875
- chip._changeDetectorRef.markForCheck();
876
- });
877
- }
878
- }
879
- /** Dummy method for subclasses to override. Base chip set cannot be focused. */
880
- focus() { }
881
- /** Handles keyboard events on the chip set. */
882
- _handleKeydown(event) {
883
- if (this._originatesFromChip(event)) {
884
- this._keyManager.onKeydown(event);
885
- }
886
- }
887
- /**
888
- * Utility to ensure all indexes are valid.
889
- *
890
- * @param index The index to be checked.
891
- * @returns True if the index is valid for our list of chips.
892
- */
893
- _isValidIndex(index) {
894
- return index >= 0 && index < this._chips.length;
895
- }
896
- /**
897
- * Removes the `tabindex` from the chip grid and resets it back afterwards, allowing the
898
- * user to tab out of it. This prevents the grid from capturing focus and redirecting
899
- * it back to the first chip, creating a focus trap, if it user tries to tab away.
900
- */
901
- _allowFocusEscape() {
902
- const previousTabIndex = this.tabIndex;
903
- if (this.tabIndex !== -1) {
904
- this.tabIndex = -1;
905
- setTimeout(() => {
906
- this.tabIndex = previousTabIndex;
907
- this._changeDetectorRef.markForCheck();
908
- });
909
- }
910
- }
911
- /**
912
- * Gets a stream of events from all the chips within the set.
913
- * The stream will automatically incorporate any newly-added chips.
914
- */
915
- _getChipStream(mappingFunction) {
916
- return this._chips.changes.pipe(startWith(null), switchMap(() => merge(...this._chips.map(mappingFunction))));
917
- }
918
- /** Checks whether an event comes from inside a chip element. */
919
- _originatesFromChip(event) {
920
- let currentElement = event.target;
921
- while (currentElement && currentElement !== this._elementRef.nativeElement) {
922
- // Null check the classList, because IE and Edge don't support it on all elements.
923
- if (currentElement.classList && currentElement.classList.contains('mdc-evolution-chip')) {
924
- return true;
925
- }
926
- currentElement = currentElement.parentElement;
927
- }
928
- return false;
929
- }
930
- /** Sets up the chip set's focus management logic. */
931
- _setUpFocusManagement() {
932
- var _a;
933
- // Create a flat `QueryList` containing the actions of all of the chips.
934
- // This allows us to navigate both within the chip and move to the next/previous
935
- // one using the existing `ListKeyManager`.
936
- this._chips.changes.pipe(startWith(this._chips)).subscribe((chips) => {
937
- const actions = [];
938
- chips.forEach(chip => chip._getActions().forEach(action => actions.push(action)));
939
- this._chipActions.reset(actions);
940
- this._chipActions.notifyOnChanges();
941
- });
942
- this._keyManager = new FocusKeyManager(this._chipActions)
943
- .withVerticalOrientation()
944
- .withHorizontalOrientation(this._dir ? this._dir.value : 'ltr')
945
- .withHomeAndEnd()
946
- // Skip non-interactive and disabled actions since the user can't do anything with them.
947
- .skipPredicate(action => !action.isInteractive || action.disabled);
948
- // Keep the manager active index in sync so that navigation picks
949
- // up from the current chip if the user clicks into the list directly.
950
- this.chipFocusChanges.pipe(takeUntil(this._destroyed)).subscribe(({ chip }) => {
951
- const action = chip._getSourceAction(document.activeElement);
952
- if (action) {
953
- this._keyManager.updateActiveItem(action);
954
- }
955
- });
956
- (_a = this._dir) === null || _a === void 0 ? void 0 : _a.change.pipe(takeUntil(this._destroyed)).subscribe(direction => this._keyManager.withHorizontalOrientation(direction));
957
- }
958
- /** Listens to changes in the chip set and syncs up the state of the individual chips. */
959
- _trackChipSetChanges() {
960
- this._chips.changes.pipe(startWith(null), takeUntil(this._destroyed)).subscribe(() => {
961
- if (this.disabled) {
962
- // Since this happens after the content has been
963
- // checked, we need to defer it to the next tick.
964
- Promise.resolve().then(() => this._syncChipsState());
965
- }
966
- this._redirectDestroyedChipFocus();
967
- });
968
- }
969
- /** Starts tracking the destroyed chips in order to capture the focused one. */
970
- _trackDestroyedFocusedChip() {
971
- this.chipDestroyedChanges.pipe(takeUntil(this._destroyed)).subscribe((event) => {
972
- const chipArray = this._chips.toArray();
973
- const chipIndex = chipArray.indexOf(event.chip);
974
- // If the focused chip is destroyed, save its index so that we can move focus to the next
975
- // chip. We only save the index here, rather than move the focus immediately, because we want
976
- // to wait until the chip is removed from the chip list before focusing the next one. This
977
- // allows us to keep focus on the same index if the chip gets swapped out.
978
- if (this._isValidIndex(chipIndex) && event.chip._hasFocus()) {
979
- this._lastDestroyedFocusedChipIndex = chipIndex;
980
- }
981
- });
982
- }
983
- /**
984
- * Finds the next appropriate chip to move focus to,
985
- * if the currently-focused chip is destroyed.
986
- */
987
- _redirectDestroyedChipFocus() {
988
- if (this._lastDestroyedFocusedChipIndex == null) {
989
- return;
990
- }
991
- if (this._chips.length) {
992
- const newIndex = Math.min(this._lastDestroyedFocusedChipIndex, this._chips.length - 1);
993
- const chipToFocus = this._chips.toArray()[newIndex];
994
- if (chipToFocus.disabled) {
995
- // If we're down to one disabled chip, move focus back to the set.
996
- if (this._chips.length === 1) {
997
- this.focus();
998
- }
999
- else {
1000
- this._keyManager.setPreviousItemActive();
1001
- }
1002
- }
1003
- else {
1004
- chipToFocus.focus();
1005
- }
1006
- }
1007
- else {
1008
- this.focus();
1009
- }
1010
- this._lastDestroyedFocusedChipIndex = null;
1011
- }
1012
- }
1013
- MatChipSet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipSet, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$1.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Component });
1014
- MatChipSet.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MatChipSet, selector: "mat-chip-set", inputs: { disabled: "disabled", role: "role" }, host: { listeners: { "keydown": "_handleKeydown($event)" }, properties: { "attr.role": "role" }, classAttribute: "mat-mdc-chip-set mdc-evolution-chip-set" }, queries: [{ propertyName: "_chips", predicate: MatChip, descendants: true }], usesInheritance: true, ngImport: i0, template: `
1015
- <span class="mdc-evolution-chip-set__chips" role="presentation">
1016
- <ng-content></ng-content>
1017
- </span>
1018
- `, isInline: true, styles: [".mdc-evolution-chip-set{display:flex}.mdc-evolution-chip-set:focus{outline:none}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.mdc-evolution-chip-set--overflow .mdc-evolution-chip-set__chips{flex-flow:nowrap}.mdc-evolution-chip-set .mdc-evolution-chip-set__chips{margin-left:-8px;margin-right:0}[dir=rtl] .mdc-evolution-chip-set .mdc-evolution-chip-set__chips,.mdc-evolution-chip-set .mdc-evolution-chip-set__chips[dir=rtl]{margin-left:0;margin-right:-8px}.mdc-evolution-chip-set .mdc-evolution-chip{margin-left:8px;margin-right:0}[dir=rtl] .mdc-evolution-chip-set .mdc-evolution-chip,.mdc-evolution-chip-set .mdc-evolution-chip[dir=rtl]{margin-left:0;margin-right:8px}.mdc-evolution-chip-set .mdc-evolution-chip{margin-top:4px;margin-bottom:4px}.mat-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%}.mat-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.mat-mdc-chip-set-stacked .mat-mdc-chip{width:100%}input.mat-mdc-chip-input{flex:1 0 150px;margin-left:8px}[dir=rtl] input.mat-mdc-chip-input{margin-left:0;margin-right:8px}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1019
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipSet, decorators: [{
1020
- type: Component,
1021
- args: [{ selector: 'mat-chip-set', template: `
1022
- <span class="mdc-evolution-chip-set__chips" role="presentation">
1023
- <ng-content></ng-content>
1024
- </span>
1025
- `, host: {
1026
- 'class': 'mat-mdc-chip-set mdc-evolution-chip-set',
1027
- '(keydown)': '_handleKeydown($event)',
1028
- '[attr.role]': 'role',
1029
- }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".mdc-evolution-chip-set{display:flex}.mdc-evolution-chip-set:focus{outline:none}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.mdc-evolution-chip-set--overflow .mdc-evolution-chip-set__chips{flex-flow:nowrap}.mdc-evolution-chip-set .mdc-evolution-chip-set__chips{margin-left:-8px;margin-right:0}[dir=rtl] .mdc-evolution-chip-set .mdc-evolution-chip-set__chips,.mdc-evolution-chip-set .mdc-evolution-chip-set__chips[dir=rtl]{margin-left:0;margin-right:-8px}.mdc-evolution-chip-set .mdc-evolution-chip{margin-left:8px;margin-right:0}[dir=rtl] .mdc-evolution-chip-set .mdc-evolution-chip,.mdc-evolution-chip-set .mdc-evolution-chip[dir=rtl]{margin-left:0;margin-right:8px}.mdc-evolution-chip-set .mdc-evolution-chip{margin-top:4px;margin-bottom:4px}.mat-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%}.mat-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.mat-mdc-chip-set-stacked .mat-mdc-chip{width:100%}input.mat-mdc-chip-input{flex:1 0 150px;margin-left:8px}[dir=rtl] input.mat-mdc-chip-input{margin-left:0;margin-right:8px}"] }]
1030
- }], ctorParameters: function () {
1031
- return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$1.Directionality, decorators: [{
1032
- type: Optional
1033
- }] }];
1034
- }, propDecorators: { disabled: [{
1035
- type: Input
1036
- }], role: [{
1037
- type: Input
1038
- }], _chips: [{
1039
- type: ContentChildren,
1040
- args: [MatChip, {
1041
- // We need to use `descendants: true`, because Ivy will no longer match
1042
- // indirect descendants if it's left as false.
1043
- descendants: true,
1044
- }]
1045
- }] } });
1046
-
1047
- /**
1048
- * @license
1049
- * Copyright Google LLC All Rights Reserved.
1050
- *
1051
- * Use of this source code is governed by an MIT-style license that can be
1052
- * found in the LICENSE file at https://angular.io/license
1053
- */
1054
- /** Change event object that is emitted when the chip listbox value has changed. */
1055
- class MatChipListboxChange {
1056
- constructor(
1057
- /** Chip listbox that emitted the event. */
1058
- source,
1059
- /** Value of the chip listbox when the event was emitted. */
1060
- value) {
1061
- this.source = source;
1062
- this.value = value;
1063
- }
1064
- }
1065
- /**
1066
- * Provider Expression that allows mat-chip-listbox to register as a ControlValueAccessor.
1067
- * This allows it to support [(ngModel)].
1068
- * @docs-private
1069
- */
1070
- const MAT_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR = {
1071
- provide: NG_VALUE_ACCESSOR,
1072
- useExisting: forwardRef(() => MatChipListbox),
1073
- multi: true,
1074
- };
1075
- /**
1076
- * An extension of the MatChipSet component that supports chip selection.
1077
- * Used with MatChipOption chips.
1078
- */
1079
- class MatChipListbox extends MatChipSet {
1080
- constructor() {
1081
- super(...arguments);
1082
- /**
1083
- * Function when touched. Set as part of ControlValueAccessor implementation.
1084
- * @docs-private
1085
- */
1086
- this._onTouched = () => { };
1087
- /**
1088
- * Function when changed. Set as part of ControlValueAccessor implementation.
1089
- * @docs-private
1090
- */
1091
- this._onChange = () => { };
1092
- // TODO: MDC uses `grid` here
1093
- this._defaultRole = 'listbox';
1094
- this._multiple = false;
1095
- /** Orientation of the chip list. */
1096
- this.ariaOrientation = 'horizontal';
1097
- this._selectable = true;
1098
- /**
1099
- * A function to compare the option values with the selected values. The first argument
1100
- * is a value from an option. The second is a value from the selection. A boolean
1101
- * should be returned.
1102
- */
1103
- this.compareWith = (o1, o2) => o1 === o2;
1104
- this._required = false;
1105
- /** Event emitted when the selected chip listbox value has been changed by the user. */
1106
- this.change = new EventEmitter();
1107
- }
1108
- /** Whether the user should be allowed to select multiple chips. */
1109
- get multiple() {
1110
- return this._multiple;
1111
- }
1112
- set multiple(value) {
1113
- this._multiple = coerceBooleanProperty(value);
1114
- this._syncListboxProperties();
1115
- }
1116
- /** The array of selected chips inside the chip listbox. */
1117
- get selected() {
1118
- const selectedChips = this._chips.toArray().filter(chip => chip.selected);
1119
- return this.multiple ? selectedChips : selectedChips[0];
1120
- }
1121
- /**
1122
- * Whether or not this chip listbox is selectable.
1123
- *
1124
- * When a chip listbox is not selectable, the selected states for all
1125
- * the chips inside the chip listbox are always ignored.
1126
- */
1127
- get selectable() {
1128
- return this._selectable;
1129
- }
1130
- set selectable(value) {
1131
- this._selectable = coerceBooleanProperty(value);
1132
- this._syncListboxProperties();
1133
- }
1134
- /** Whether this chip listbox is required. */
1135
- get required() {
1136
- return this._required;
1137
- }
1138
- set required(value) {
1139
- this._required = coerceBooleanProperty(value);
1140
- }
1141
- /** Combined stream of all of the child chips' selection change events. */
1142
- get chipSelectionChanges() {
1143
- return this._getChipStream(chip => chip.selectionChange);
1144
- }
1145
- /** Combined stream of all of the child chips' blur events. */
1146
- get chipBlurChanges() {
1147
- return this._getChipStream(chip => chip._onBlur);
1148
- }
1149
- /** The value of the listbox, which is the combined value of the selected chips. */
1150
- get value() {
1151
- return this._value;
1152
- }
1153
- set value(value) {
1154
- this.writeValue(value);
1155
- this._value = value;
1156
- }
1157
- ngAfterContentInit() {
1158
- this._chips.changes.pipe(startWith(null), takeUntil(this._destroyed)).subscribe(() => {
1159
- // Update listbox selectable/multiple properties on chips
1160
- this._syncListboxProperties();
1161
- });
1162
- this.chipBlurChanges.pipe(takeUntil(this._destroyed)).subscribe(() => this._blur());
1163
- this.chipSelectionChanges.pipe(takeUntil(this._destroyed)).subscribe(event => {
1164
- if (!this.multiple) {
1165
- this._chips.forEach(chip => {
1166
- if (chip !== event.source) {
1167
- chip._setSelectedState(false, false, false);
1168
- }
1169
- });
1170
- }
1171
- if (event.isUserInput) {
1172
- this._propagateChanges();
1173
- }
1174
- });
1175
- }
1176
- /**
1177
- * Focuses the first selected chip in this chip listbox, or the first non-disabled chip when there
1178
- * are no selected chips.
1179
- */
1180
- focus() {
1181
- if (this.disabled) {
1182
- return;
1183
- }
1184
- const firstSelectedChip = this._getFirstSelectedChip();
1185
- if (firstSelectedChip && !firstSelectedChip.disabled) {
1186
- firstSelectedChip.focus();
1187
- }
1188
- else if (this._chips.length > 0) {
1189
- this._keyManager.setFirstItemActive();
1190
- }
1191
- else {
1192
- this._elementRef.nativeElement.focus();
1193
- }
1194
- }
1195
- /**
1196
- * Implemented as part of ControlValueAccessor.
1197
- * @docs-private
1198
- */
1199
- writeValue(value) {
1200
- if (this._chips) {
1201
- this._setSelectionByValue(value, false);
1202
- }
1203
- }
1204
- /**
1205
- * Implemented as part of ControlValueAccessor.
1206
- * @docs-private
1207
- */
1208
- registerOnChange(fn) {
1209
- this._onChange = fn;
1210
- }
1211
- /**
1212
- * Implemented as part of ControlValueAccessor.
1213
- * @docs-private
1214
- */
1215
- registerOnTouched(fn) {
1216
- this._onTouched = fn;
1217
- }
1218
- /**
1219
- * Implemented as part of ControlValueAccessor.
1220
- * @docs-private
1221
- */
1222
- setDisabledState(isDisabled) {
1223
- this.disabled = isDisabled;
1224
- }
1225
- /** Selects all chips with value. */
1226
- _setSelectionByValue(value, isUserInput = true) {
1227
- this._clearSelection();
1228
- if (Array.isArray(value)) {
1229
- value.forEach(currentValue => this._selectValue(currentValue, isUserInput));
1230
- }
1231
- else {
1232
- this._selectValue(value, isUserInput);
1233
- }
1234
- }
1235
- /** When blurred, marks the field as touched when focus moved outside the chip listbox. */
1236
- _blur() {
1237
- if (!this.disabled) {
1238
- // Wait to see if focus moves to an individual chip.
1239
- setTimeout(() => {
1240
- if (!this.focused) {
1241
- this._propagateChanges();
1242
- this._markAsTouched();
1243
- }
1244
- });
1245
- }
1246
- }
1247
- _keydown(event) {
1248
- if (event.keyCode === TAB) {
1249
- super._allowFocusEscape();
1250
- }
1251
- }
1252
- /** Marks the field as touched */
1253
- _markAsTouched() {
1254
- this._onTouched();
1255
- this._changeDetectorRef.markForCheck();
1256
- }
1257
- /** Emits change event to set the model value. */
1258
- _propagateChanges() {
1259
- let valueToEmit = null;
1260
- if (Array.isArray(this.selected)) {
1261
- valueToEmit = this.selected.map(chip => chip.value);
1262
- }
1263
- else {
1264
- valueToEmit = this.selected ? this.selected.value : undefined;
1265
- }
1266
- this._value = valueToEmit;
1267
- this.change.emit(new MatChipListboxChange(this, valueToEmit));
1268
- this._onChange(valueToEmit);
1269
- this._changeDetectorRef.markForCheck();
1270
- }
1271
- /**
1272
- * Deselects every chip in the listbox.
1273
- * @param skip Chip that should not be deselected.
1274
- */
1275
- _clearSelection(skip) {
1276
- this._chips.forEach(chip => {
1277
- if (chip !== skip) {
1278
- chip.deselect();
1279
- }
1280
- });
1281
- }
1282
- /**
1283
- * Finds and selects the chip based on its value.
1284
- * @returns Chip that has the corresponding value.
1285
- */
1286
- _selectValue(value, isUserInput) {
1287
- const correspondingChip = this._chips.find(chip => {
1288
- return chip.value != null && this.compareWith(chip.value, value);
1289
- });
1290
- if (correspondingChip) {
1291
- isUserInput ? correspondingChip.selectViaInteraction() : correspondingChip.select();
1292
- }
1293
- return correspondingChip;
1294
- }
1295
- /** Syncs the chip-listbox selection state with the individual chips. */
1296
- _syncListboxProperties() {
1297
- if (this._chips) {
1298
- // Defer setting the value in order to avoid the "Expression
1299
- // has changed after it was checked" errors from Angular.
1300
- Promise.resolve().then(() => {
1301
- this._chips.forEach(chip => {
1302
- chip._chipListMultiple = this.multiple;
1303
- chip.chipListSelectable = this._selectable;
1304
- chip._changeDetectorRef.markForCheck();
1305
- });
1306
- });
1307
- }
1308
- }
1309
- /** Returns the first selected chip in this listbox, or undefined if no chips are selected. */
1310
- _getFirstSelectedChip() {
1311
- if (Array.isArray(this.selected)) {
1312
- return this.selected.length ? this.selected[0] : undefined;
1313
- }
1314
- else {
1315
- return this.selected;
1316
- }
1317
- }
1318
- }
1319
- MatChipListbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipListbox, deps: null, target: i0.ɵɵFactoryTarget.Component });
1320
- MatChipListbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MatChipListbox, selector: "mat-chip-listbox", inputs: { tabIndex: "tabIndex", multiple: "multiple", ariaOrientation: ["aria-orientation", "ariaOrientation"], selectable: "selectable", compareWith: "compareWith", required: "required", value: "value" }, outputs: { change: "change" }, host: { listeners: { "focus": "focus()", "blur": "_blur()", "keydown": "_keydown($event)" }, properties: { "attr.role": "role", "tabIndex": "empty ? -1 : tabIndex", "attr.aria-describedby": "_ariaDescribedby || null", "attr.aria-required": "role ? required : null", "attr.aria-disabled": "disabled.toString()", "attr.aria-multiselectable": "multiple", "attr.aria-orientation": "ariaOrientation", "class.mat-mdc-chip-list-disabled": "disabled", "class.mat-mdc-chip-list-required": "required" }, classAttribute: "mdc-evolution-chip-set mat-mdc-chip-listbox" }, providers: [MAT_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR], queries: [{ propertyName: "_chips", predicate: MatChipOption, descendants: true }], usesInheritance: true, ngImport: i0, template: `
1321
- <span class="mdc-evolution-chip-set__chips" role="presentation">
1322
- <ng-content></ng-content>
1323
- </span>
1324
- `, isInline: true, styles: [".mdc-evolution-chip-set{display:flex}.mdc-evolution-chip-set:focus{outline:none}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.mdc-evolution-chip-set--overflow .mdc-evolution-chip-set__chips{flex-flow:nowrap}.mdc-evolution-chip-set .mdc-evolution-chip-set__chips{margin-left:-8px;margin-right:0}[dir=rtl] .mdc-evolution-chip-set .mdc-evolution-chip-set__chips,.mdc-evolution-chip-set .mdc-evolution-chip-set__chips[dir=rtl]{margin-left:0;margin-right:-8px}.mdc-evolution-chip-set .mdc-evolution-chip{margin-left:8px;margin-right:0}[dir=rtl] .mdc-evolution-chip-set .mdc-evolution-chip,.mdc-evolution-chip-set .mdc-evolution-chip[dir=rtl]{margin-left:0;margin-right:8px}.mdc-evolution-chip-set .mdc-evolution-chip{margin-top:4px;margin-bottom:4px}.mat-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%}.mat-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.mat-mdc-chip-set-stacked .mat-mdc-chip{width:100%}input.mat-mdc-chip-input{flex:1 0 150px;margin-left:8px}[dir=rtl] input.mat-mdc-chip-input{margin-left:0;margin-right:8px}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1325
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipListbox, decorators: [{
1326
- type: Component,
1327
- args: [{ selector: 'mat-chip-listbox', template: `
1328
- <span class="mdc-evolution-chip-set__chips" role="presentation">
1329
- <ng-content></ng-content>
1330
- </span>
1331
- `, inputs: ['tabIndex'], host: {
1332
- 'class': 'mdc-evolution-chip-set mat-mdc-chip-listbox',
1333
- '[attr.role]': 'role',
1334
- '[tabIndex]': 'empty ? -1 : tabIndex',
1335
- // TODO: replace this binding with use of AriaDescriber
1336
- '[attr.aria-describedby]': '_ariaDescribedby || null',
1337
- '[attr.aria-required]': 'role ? required : null',
1338
- '[attr.aria-disabled]': 'disabled.toString()',
1339
- '[attr.aria-multiselectable]': 'multiple',
1340
- '[attr.aria-orientation]': 'ariaOrientation',
1341
- '[class.mat-mdc-chip-list-disabled]': 'disabled',
1342
- '[class.mat-mdc-chip-list-required]': 'required',
1343
- '(focus)': 'focus()',
1344
- '(blur)': '_blur()',
1345
- '(keydown)': '_keydown($event)',
1346
- }, providers: [MAT_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".mdc-evolution-chip-set{display:flex}.mdc-evolution-chip-set:focus{outline:none}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.mdc-evolution-chip-set--overflow .mdc-evolution-chip-set__chips{flex-flow:nowrap}.mdc-evolution-chip-set .mdc-evolution-chip-set__chips{margin-left:-8px;margin-right:0}[dir=rtl] .mdc-evolution-chip-set .mdc-evolution-chip-set__chips,.mdc-evolution-chip-set .mdc-evolution-chip-set__chips[dir=rtl]{margin-left:0;margin-right:-8px}.mdc-evolution-chip-set .mdc-evolution-chip{margin-left:8px;margin-right:0}[dir=rtl] .mdc-evolution-chip-set .mdc-evolution-chip,.mdc-evolution-chip-set .mdc-evolution-chip[dir=rtl]{margin-left:0;margin-right:8px}.mdc-evolution-chip-set .mdc-evolution-chip{margin-top:4px;margin-bottom:4px}.mat-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%}.mat-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.mat-mdc-chip-set-stacked .mat-mdc-chip{width:100%}input.mat-mdc-chip-input{flex:1 0 150px;margin-left:8px}[dir=rtl] input.mat-mdc-chip-input{margin-left:0;margin-right:8px}"] }]
1347
- }], propDecorators: { multiple: [{
1348
- type: Input
1349
- }], ariaOrientation: [{
1350
- type: Input,
1351
- args: ['aria-orientation']
1352
- }], selectable: [{
1353
- type: Input
1354
- }], compareWith: [{
1355
- type: Input
1356
- }], required: [{
1357
- type: Input
1358
- }], value: [{
1359
- type: Input
1360
- }], change: [{
1361
- type: Output
1362
- }], _chips: [{
1363
- type: ContentChildren,
1364
- args: [MatChipOption, {
1365
- // We need to use `descendants: true`, because Ivy will no longer match
1366
- // indirect descendants if it's left as false.
1367
- descendants: true,
1368
- }]
1369
- }] } });
1370
-
1371
- /**
1372
- * @license
1373
- * Copyright Google LLC All Rights Reserved.
1374
- *
1375
- * Use of this source code is governed by an MIT-style license that can be
1376
- * found in the LICENSE file at https://angular.io/license
1377
- */
1378
- /** Change event object that is emitted when the chip grid value has changed. */
1379
- class MatChipGridChange {
1380
- constructor(
1381
- /** Chip grid that emitted the event. */
1382
- source,
1383
- /** Value of the chip grid when the event was emitted. */
1384
- value) {
1385
- this.source = source;
1386
- this.value = value;
1387
- }
1388
- }
1389
- /**
1390
- * Boilerplate for applying mixins to MatChipGrid.
1391
- * @docs-private
1392
- */
1393
- class MatChipGridBase extends MatChipSet {
1394
- constructor(elementRef, changeDetectorRef, dir, _defaultErrorStateMatcher, _parentForm, _parentFormGroup,
1395
- /**
1396
- * Form control bound to the component.
1397
- * Implemented as part of `MatFormFieldControl`.
1398
- * @docs-private
1399
- */
1400
- ngControl) {
1401
- super(elementRef, changeDetectorRef, dir);
1402
- this._defaultErrorStateMatcher = _defaultErrorStateMatcher;
1403
- this._parentForm = _parentForm;
1404
- this._parentFormGroup = _parentFormGroup;
1405
- this.ngControl = ngControl;
1406
- /**
1407
- * Emits whenever the component state changes and should cause the parent
1408
- * form-field to update. Implemented as part of `MatFormFieldControl`.
1409
- * @docs-private
1410
- */
1411
- this.stateChanges = new Subject();
1412
- }
1413
- }
1414
- const _MatChipGridMixinBase = mixinErrorState(MatChipGridBase);
1415
- /**
1416
- * An extension of the MatChipSet component used with MatChipRow chips and
1417
- * the matChipInputFor directive.
1418
- */
1419
- class MatChipGrid extends _MatChipGridMixinBase {
1420
- constructor(elementRef, changeDetectorRef, dir, parentForm, parentFormGroup, defaultErrorStateMatcher, ngControl) {
1421
- super(elementRef, changeDetectorRef, dir, defaultErrorStateMatcher, parentForm, parentFormGroup, ngControl);
1422
- /**
1423
- * Implemented as part of MatFormFieldControl.
1424
- * @docs-private
1425
- */
1426
- this.controlType = 'mat-chip-grid';
1427
- this._defaultRole = 'grid';
1428
- /**
1429
- * List of element ids to propagate to the chipInput's aria-describedby attribute.
1430
- */
1431
- this._ariaDescribedbyIds = [];
1432
- /**
1433
- * Function when touched. Set as part of ControlValueAccessor implementation.
1434
- * @docs-private
1435
- */
1436
- this._onTouched = () => { };
1437
- /**
1438
- * Function when changed. Set as part of ControlValueAccessor implementation.
1439
- * @docs-private
1440
- */
1441
- this._onChange = () => { };
1442
- this._value = [];
1443
- /** Emits when the chip grid value has been changed by the user. */
1444
- this.change = new EventEmitter();
1445
- /**
1446
- * Emits whenever the raw value of the chip-grid changes. This is here primarily
1447
- * to facilitate the two-way binding for the `value` input.
1448
- * @docs-private
1449
- */
1450
- this.valueChange = new EventEmitter();
1451
- if (this.ngControl) {
1452
- this.ngControl.valueAccessor = this;
1453
- }
1454
- }
1455
- /**
1456
- * Implemented as part of MatFormFieldControl.
1457
- * @docs-private
1458
- */
1459
- get disabled() {
1460
- return this.ngControl ? !!this.ngControl.disabled : this._disabled;
1461
- }
1462
- set disabled(value) {
1463
- this._disabled = coerceBooleanProperty(value);
1464
- this._syncChipsState();
1465
- }
1466
- /**
1467
- * Implemented as part of MatFormFieldControl.
1468
- * @docs-private
1469
- */
1470
- get id() {
1471
- return this._chipInput.id;
1472
- }
1473
- /**
1474
- * Implemented as part of MatFormFieldControl.
1475
- * @docs-private
1476
- */
1477
- get empty() {
1478
- return ((!this._chipInput || this._chipInput.empty) && (!this._chips || this._chips.length === 0));
1479
- }
1480
- /**
1481
- * Implemented as part of MatFormFieldControl.
1482
- * @docs-private
1483
- */
1484
- get placeholder() {
1485
- return this._chipInput ? this._chipInput.placeholder : this._placeholder;
1486
- }
1487
- set placeholder(value) {
1488
- this._placeholder = value;
1489
- this.stateChanges.next();
1490
- }
1491
- /** Whether any chips or the matChipInput inside of this chip-grid has focus. */
1492
- get focused() {
1493
- return this._chipInput.focused || this._hasFocusedChip();
1494
- }
1495
- /**
1496
- * Implemented as part of MatFormFieldControl.
1497
- * @docs-private
1498
- */
1499
- get required() {
1500
- var _a, _b, _c, _d;
1501
- return (_d = (_a = this._required) !== null && _a !== void 0 ? _a : (_c = (_b = this.ngControl) === null || _b === void 0 ? void 0 : _b.control) === null || _c === void 0 ? void 0 : _c.hasValidator(Validators.required)) !== null && _d !== void 0 ? _d : false;
1502
- }
1503
- set required(value) {
1504
- this._required = coerceBooleanProperty(value);
1505
- this.stateChanges.next();
1506
- }
1507
- /**
1508
- * Implemented as part of MatFormFieldControl.
1509
- * @docs-private
1510
- */
1511
- get shouldLabelFloat() {
1512
- return !this.empty || this.focused;
1513
- }
1514
- /**
1515
- * Implemented as part of MatFormFieldControl.
1516
- * @docs-private
1517
- */
1518
- get value() {
1519
- return this._value;
1520
- }
1521
- set value(value) {
1522
- this._value = value;
1523
- }
1524
- /** Combined stream of all of the child chips' blur events. */
1525
- get chipBlurChanges() {
1526
- return this._getChipStream(chip => chip._onBlur);
1527
- }
1528
- ngAfterContentInit() {
1529
- this.chipBlurChanges.pipe(takeUntil(this._destroyed)).subscribe(() => {
1530
- this._blur();
1531
- this.stateChanges.next();
1532
- });
1533
- merge(this.chipFocusChanges, this._chips.changes)
1534
- .pipe(takeUntil(this._destroyed))
1535
- .subscribe(() => this.stateChanges.next());
1536
- }
1537
- ngAfterViewInit() {
1538
- super.ngAfterViewInit();
1539
- if (!this._chipInput && (typeof ngDevMode === 'undefined' || ngDevMode)) {
1540
- throw Error('mat-chip-grid must be used in combination with matChipInputFor.');
1541
- }
1542
- }
1543
- ngDoCheck() {
1544
- if (this.ngControl) {
1545
- // We need to re-evaluate this on every change detection cycle, because there are some
1546
- // error triggers that we can't subscribe to (e.g. parent form submissions). This means
1547
- // that whatever logic is in here has to be super lean or we risk destroying the performance.
1548
- this.updateErrorState();
1549
- }
1550
- }
1551
- ngOnDestroy() {
1552
- super.ngOnDestroy();
1553
- this.stateChanges.complete();
1554
- }
1555
- /** Associates an HTML input element with this chip grid. */
1556
- registerInput(inputElement) {
1557
- this._chipInput = inputElement;
1558
- this._chipInput.setDescribedByIds(this._ariaDescribedbyIds);
1559
- }
1560
- /**
1561
- * Implemented as part of MatFormFieldControl.
1562
- * @docs-private
1563
- */
1564
- onContainerClick(event) {
1565
- if (!this.disabled && !this._originatesFromChip(event)) {
1566
- this.focus();
1567
- }
1568
- }
1569
- /**
1570
- * Focuses the first chip in this chip grid, or the associated input when there
1571
- * are no eligible chips.
1572
- */
1573
- focus() {
1574
- if (this.disabled || this._chipInput.focused) {
1575
- return;
1576
- }
1577
- if (!this._chips.length || this._chips.first.disabled) {
1578
- // Delay until the next tick, because this can cause a "changed after checked"
1579
- // error if the input does something on focus (e.g. opens an autocomplete).
1580
- Promise.resolve().then(() => this._chipInput.focus());
1581
- }
1582
- else if (this._chips.length) {
1583
- this._keyManager.setFirstItemActive();
1584
- }
1585
- this.stateChanges.next();
1586
- }
1587
- /**
1588
- * Implemented as part of MatFormFieldControl.
1589
- * @docs-private
1590
- */
1591
- setDescribedByIds(ids) {
1592
- // We must keep this up to date to handle the case where ids are set
1593
- // before the chip input is registered.
1594
- this._ariaDescribedbyIds = ids;
1595
- if (this._chipInput) {
1596
- // Use a setTimeout in case this is being run during change detection
1597
- // and the chip input has already determined its host binding for
1598
- // aria-describedBy.
1599
- setTimeout(() => {
1600
- this._chipInput.setDescribedByIds(ids);
1601
- }, 0);
1602
- }
1603
- }
1604
- /**
1605
- * Implemented as part of ControlValueAccessor.
1606
- * @docs-private
1607
- */
1608
- writeValue(value) {
1609
- // The user is responsible for creating the child chips, so we just store the value.
1610
- this._value = value;
1611
- }
1612
- /**
1613
- * Implemented as part of ControlValueAccessor.
1614
- * @docs-private
1615
- */
1616
- registerOnChange(fn) {
1617
- this._onChange = fn;
1618
- }
1619
- /**
1620
- * Implemented as part of ControlValueAccessor.
1621
- * @docs-private
1622
- */
1623
- registerOnTouched(fn) {
1624
- this._onTouched = fn;
1625
- }
1626
- /**
1627
- * Implemented as part of ControlValueAccessor.
1628
- * @docs-private
1629
- */
1630
- setDisabledState(isDisabled) {
1631
- this.disabled = isDisabled;
1632
- this.stateChanges.next();
1633
- }
1634
- /** When blurred, mark the field as touched when focus moved outside the chip grid. */
1635
- _blur() {
1636
- if (!this.disabled) {
1637
- // Check whether the focus moved to chip input.
1638
- // If the focus is not moved to chip input, mark the field as touched. If the focus moved
1639
- // to chip input, do nothing.
1640
- // Timeout is needed to wait for the focus() event trigger on chip input.
1641
- setTimeout(() => {
1642
- if (!this.focused) {
1643
- this._propagateChanges();
1644
- this._markAsTouched();
1645
- }
1646
- });
1647
- }
1648
- }
1649
- /**
1650
- * Removes the `tabindex` from the chip grid and resets it back afterwards, allowing the
1651
- * user to tab out of it. This prevents the grid from capturing focus and redirecting
1652
- * it back to the first chip, creating a focus trap, if it user tries to tab away.
1653
- */
1654
- _allowFocusEscape() {
1655
- if (!this._chipInput.focused) {
1656
- super._allowFocusEscape();
1657
- }
1658
- }
1659
- /** Handles custom keyboard events. */
1660
- _handleKeydown(event) {
1661
- if (event.keyCode === TAB) {
1662
- if (this._chipInput.focused &&
1663
- hasModifierKey(event, 'shiftKey') &&
1664
- this._chips.length &&
1665
- !this._chips.last.disabled) {
1666
- event.preventDefault();
1667
- if (this._keyManager.activeItem) {
1668
- this._keyManager.setActiveItem(this._keyManager.activeItem);
1669
- }
1670
- else {
1671
- this._focusLastChip();
1672
- }
1673
- }
1674
- else {
1675
- // Use the super method here since it doesn't check for the input
1676
- // focused state. This allows focus to escape if there's only one
1677
- // disabled chip left in the list.
1678
- super._allowFocusEscape();
1679
- }
1680
- }
1681
- else if (!this._chipInput.focused) {
1682
- super._handleKeydown(event);
1683
- }
1684
- this.stateChanges.next();
1685
- }
1686
- _focusLastChip() {
1687
- if (this._chips.length) {
1688
- this._chips.last.focus();
1689
- }
1690
- }
1691
- /** Emits change event to set the model value. */
1692
- _propagateChanges() {
1693
- const valueToEmit = this._chips.length ? this._chips.toArray().map(chip => chip.value) : [];
1694
- this._value = valueToEmit;
1695
- this.change.emit(new MatChipGridChange(this, valueToEmit));
1696
- this.valueChange.emit(valueToEmit);
1697
- this._onChange(valueToEmit);
1698
- this._changeDetectorRef.markForCheck();
1699
- }
1700
- /** Mark the field as touched */
1701
- _markAsTouched() {
1702
- this._onTouched();
1703
- this._changeDetectorRef.markForCheck();
1704
- this.stateChanges.next();
1705
- }
1706
- }
1707
- MatChipGrid.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipGrid, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$1.Directionality, optional: true }, { token: i2$1.NgForm, optional: true }, { token: i2$1.FormGroupDirective, optional: true }, { token: i3.ErrorStateMatcher }, { token: i2$1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
1708
- MatChipGrid.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MatChipGrid, selector: "mat-chip-grid", inputs: { tabIndex: "tabIndex", disabled: "disabled", placeholder: "placeholder", required: "required", value: "value", errorStateMatcher: "errorStateMatcher" }, outputs: { change: "change", valueChange: "valueChange" }, host: { listeners: { "focus": "focus()", "blur": "_blur()" }, properties: { "attr.role": "role", "tabIndex": "_chips && _chips.length === 0 ? -1 : tabIndex", "attr.aria-disabled": "disabled.toString()", "attr.aria-invalid": "errorState", "class.mat-mdc-chip-list-disabled": "disabled", "class.mat-mdc-chip-list-invalid": "errorState", "class.mat-mdc-chip-list-required": "required" }, classAttribute: "mat-mdc-chip-set mat-mdc-chip-grid mdc-evolution-chip-set" }, providers: [{ provide: MatFormFieldControl, useExisting: MatChipGrid }], queries: [{ propertyName: "_chips", predicate: MatChipRow, descendants: true }], usesInheritance: true, ngImport: i0, template: `
1709
- <span class="mdc-evolution-chip-set__chips" role="presentation">
1710
- <ng-content></ng-content>
1711
- </span>
1712
- `, isInline: true, styles: [".mdc-evolution-chip-set{display:flex}.mdc-evolution-chip-set:focus{outline:none}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.mdc-evolution-chip-set--overflow .mdc-evolution-chip-set__chips{flex-flow:nowrap}.mdc-evolution-chip-set .mdc-evolution-chip-set__chips{margin-left:-8px;margin-right:0}[dir=rtl] .mdc-evolution-chip-set .mdc-evolution-chip-set__chips,.mdc-evolution-chip-set .mdc-evolution-chip-set__chips[dir=rtl]{margin-left:0;margin-right:-8px}.mdc-evolution-chip-set .mdc-evolution-chip{margin-left:8px;margin-right:0}[dir=rtl] .mdc-evolution-chip-set .mdc-evolution-chip,.mdc-evolution-chip-set .mdc-evolution-chip[dir=rtl]{margin-left:0;margin-right:8px}.mdc-evolution-chip-set .mdc-evolution-chip{margin-top:4px;margin-bottom:4px}.mat-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%}.mat-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.mat-mdc-chip-set-stacked .mat-mdc-chip{width:100%}input.mat-mdc-chip-input{flex:1 0 150px;margin-left:8px}[dir=rtl] input.mat-mdc-chip-input{margin-left:0;margin-right:8px}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1713
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipGrid, decorators: [{
1714
- type: Component,
1715
- args: [{ selector: 'mat-chip-grid', template: `
1716
- <span class="mdc-evolution-chip-set__chips" role="presentation">
1717
- <ng-content></ng-content>
1718
- </span>
1719
- `, inputs: ['tabIndex'], host: {
1720
- 'class': 'mat-mdc-chip-set mat-mdc-chip-grid mdc-evolution-chip-set',
1721
- '[attr.role]': 'role',
1722
- '[tabIndex]': '_chips && _chips.length === 0 ? -1 : tabIndex',
1723
- '[attr.aria-disabled]': 'disabled.toString()',
1724
- '[attr.aria-invalid]': 'errorState',
1725
- '[class.mat-mdc-chip-list-disabled]': 'disabled',
1726
- '[class.mat-mdc-chip-list-invalid]': 'errorState',
1727
- '[class.mat-mdc-chip-list-required]': 'required',
1728
- '(focus)': 'focus()',
1729
- '(blur)': '_blur()',
1730
- }, providers: [{ provide: MatFormFieldControl, useExisting: MatChipGrid }], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".mdc-evolution-chip-set{display:flex}.mdc-evolution-chip-set:focus{outline:none}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.mdc-evolution-chip-set--overflow .mdc-evolution-chip-set__chips{flex-flow:nowrap}.mdc-evolution-chip-set .mdc-evolution-chip-set__chips{margin-left:-8px;margin-right:0}[dir=rtl] .mdc-evolution-chip-set .mdc-evolution-chip-set__chips,.mdc-evolution-chip-set .mdc-evolution-chip-set__chips[dir=rtl]{margin-left:0;margin-right:-8px}.mdc-evolution-chip-set .mdc-evolution-chip{margin-left:8px;margin-right:0}[dir=rtl] .mdc-evolution-chip-set .mdc-evolution-chip,.mdc-evolution-chip-set .mdc-evolution-chip[dir=rtl]{margin-left:0;margin-right:8px}.mdc-evolution-chip-set .mdc-evolution-chip{margin-top:4px;margin-bottom:4px}.mat-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%}.mat-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.mat-mdc-chip-set-stacked .mat-mdc-chip{width:100%}input.mat-mdc-chip-input{flex:1 0 150px;margin-left:8px}[dir=rtl] input.mat-mdc-chip-input{margin-left:0;margin-right:8px}"] }]
1731
- }], ctorParameters: function () {
1732
- return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$1.Directionality, decorators: [{
1733
- type: Optional
1734
- }] }, { type: i2$1.NgForm, decorators: [{
1735
- type: Optional
1736
- }] }, { type: i2$1.FormGroupDirective, decorators: [{
1737
- type: Optional
1738
- }] }, { type: i3.ErrorStateMatcher }, { type: i2$1.NgControl, decorators: [{
1739
- type: Optional
1740
- }, {
1741
- type: Self
1742
- }] }];
1743
- }, propDecorators: { disabled: [{
1744
- type: Input
1745
- }], placeholder: [{
1746
- type: Input
1747
- }], required: [{
1748
- type: Input
1749
- }], value: [{
1750
- type: Input
1751
- }], errorStateMatcher: [{
1752
- type: Input
1753
- }], change: [{
1754
- type: Output
1755
- }], valueChange: [{
1756
- type: Output
1757
- }], _chips: [{
1758
- type: ContentChildren,
1759
- args: [MatChipRow, {
1760
- // We need to use `descendants: true`, because Ivy will no longer match
1761
- // indirect descendants if it's left as false.
1762
- descendants: true,
1763
- }]
1764
- }] } });
1765
-
1766
- /**
1767
- * @license
1768
- * Copyright Google LLC All Rights Reserved.
1769
- *
1770
- * Use of this source code is governed by an MIT-style license that can be
1771
- * found in the LICENSE file at https://angular.io/license
1772
- */
1773
- /**
1774
- * Directive to add CSS classes to chip leading icon.
1775
- * @docs-private
1776
- */
1777
- class MatChipAvatar {
1778
- }
1779
- MatChipAvatar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipAvatar, deps: [], target: i0.ɵɵFactoryTarget.Directive });
1780
- MatChipAvatar.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: MatChipAvatar, selector: "mat-chip-avatar, [matChipAvatar]", host: { attributes: { "role": "img" }, classAttribute: "mat-mdc-chip-avatar mdc-evolution-chip__icon mdc-evolution-chip__icon--primary" }, providers: [{ provide: MAT_CHIP_AVATAR, useExisting: MatChipAvatar }], ngImport: i0 });
1781
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipAvatar, decorators: [{
1782
- type: Directive,
1783
- args: [{
1784
- selector: 'mat-chip-avatar, [matChipAvatar]',
1785
- host: {
1786
- 'class': 'mat-mdc-chip-avatar mdc-evolution-chip__icon mdc-evolution-chip__icon--primary',
1787
- 'role': 'img',
1788
- },
1789
- providers: [{ provide: MAT_CHIP_AVATAR, useExisting: MatChipAvatar }],
1790
- }]
1791
- }] });
1792
- /**
1793
- * Directive to add CSS classes to and configure attributes for chip trailing icon.
1794
- * @docs-private
1795
- */
1796
- class MatChipTrailingIcon extends MatChipAction {
1797
- constructor() {
1798
- super(...arguments);
1799
- /**
1800
- * MDC considers all trailing actions as a remove icon,
1801
- * but we support non-interactive trailing icons.
1802
- */
1803
- this.isInteractive = false;
1804
- this._isPrimary = false;
1805
- }
1806
- }
1807
- MatChipTrailingIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipTrailingIcon, deps: null, target: i0.ɵɵFactoryTarget.Directive });
1808
- MatChipTrailingIcon.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: MatChipTrailingIcon, selector: "mat-chip-trailing-icon, [matChipTrailingIcon]", host: { attributes: { "aria-hidden": "true" }, classAttribute: "mat-mdc-chip-trailing-icon mdc-evolution-chip__icon mdc-evolution-chip__icon--trailing" }, providers: [{ provide: MAT_CHIP_TRAILING_ICON, useExisting: MatChipTrailingIcon }], usesInheritance: true, ngImport: i0 });
1809
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipTrailingIcon, decorators: [{
1810
- type: Directive,
1811
- args: [{
1812
- selector: 'mat-chip-trailing-icon, [matChipTrailingIcon]',
1813
- host: {
1814
- 'class': 'mat-mdc-chip-trailing-icon mdc-evolution-chip__icon mdc-evolution-chip__icon--trailing',
1815
- 'aria-hidden': 'true',
1816
- },
1817
- providers: [{ provide: MAT_CHIP_TRAILING_ICON, useExisting: MatChipTrailingIcon }],
1818
- }]
1819
- }] });
1820
- /**
1821
- * Directive to remove the parent chip when the trailing icon is clicked or
1822
- * when the ENTER key is pressed on it.
1823
- *
1824
- * Recommended for use with the Material Design "cancel" icon
1825
- * available at https://material.io/icons/#ic_cancel.
1826
- *
1827
- * Example:
1828
- *
1829
- * ```
1830
- * <mat-chip>
1831
- * <mat-icon matChipRemove>cancel</mat-icon>
1832
- * </mat-chip>
1833
- * ```
1834
- */
1835
- class MatChipRemove extends MatChipAction {
1836
- constructor() {
1837
- super(...arguments);
1838
- this._isPrimary = false;
1839
- }
1840
- _handleClick(event) {
1841
- if (!this.disabled) {
1842
- event.stopPropagation();
1843
- event.preventDefault();
1844
- this._parentChip.remove();
1845
- }
1846
- }
1847
- _handleKeydown(event) {
1848
- if ((event.keyCode === ENTER || event.keyCode === SPACE) && !this.disabled) {
1849
- event.stopPropagation();
1850
- event.preventDefault();
1851
- this._parentChip.remove();
1852
- }
1853
- }
1854
- }
1855
- MatChipRemove.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipRemove, deps: null, target: i0.ɵɵFactoryTarget.Directive });
1856
- MatChipRemove.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: MatChipRemove, selector: "[matChipRemove]", host: { attributes: { "role": "button" }, properties: { "attr.aria-hidden": "null" }, classAttribute: "mat-mdc-chip-remove mat-mdc-chip-trailing-icon mat-mdc-focus-indicator mdc-evolution-chip__icon mdc-evolution-chip__icon--trailing" }, providers: [{ provide: MAT_CHIP_REMOVE, useExisting: MatChipRemove }], usesInheritance: true, ngImport: i0 });
1857
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipRemove, decorators: [{
1858
- type: Directive,
1859
- args: [{
1860
- selector: '[matChipRemove]',
1861
- host: {
1862
- 'class': 'mat-mdc-chip-remove mat-mdc-chip-trailing-icon mat-mdc-focus-indicator ' +
1863
- 'mdc-evolution-chip__icon mdc-evolution-chip__icon--trailing',
1864
- 'role': 'button',
1865
- '[attr.aria-hidden]': 'null',
1866
- },
1867
- providers: [{ provide: MAT_CHIP_REMOVE, useExisting: MatChipRemove }],
1868
- }]
1869
- }] });
1870
-
1871
- /**
1872
- * @license
1873
- * Copyright Google LLC All Rights Reserved.
1874
- *
1875
- * Use of this source code is governed by an MIT-style license that can be
1876
- * found in the LICENSE file at https://angular.io/license
1877
- */
1878
- // Increasing integer for generating unique ids.
1879
- let nextUniqueId = 0;
1880
- /**
1881
- * Directive that adds chip-specific behaviors to an input element inside `<mat-form-field>`.
1882
- * May be placed inside or outside of a `<mat-chip-grid>`.
1883
- */
1884
- class MatChipInput {
1885
- constructor(_elementRef, _defaultOptions, formField) {
1886
- this._elementRef = _elementRef;
1887
- this._defaultOptions = _defaultOptions;
1888
- /** Whether the control is focused. */
1889
- this.focused = false;
1890
- this._addOnBlur = false;
1891
- /**
1892
- * The list of key codes that will trigger a chipEnd event.
1893
- *
1894
- * Defaults to `[ENTER]`.
1895
- */
1896
- this.separatorKeyCodes = this._defaultOptions.separatorKeyCodes;
1897
- /** Emitted when a chip is to be added. */
1898
- this.chipEnd = new EventEmitter();
1899
- /** The input's placeholder text. */
1900
- this.placeholder = '';
1901
- /** Unique id for the input. */
1902
- this.id = `mat-mdc-chip-list-input-${nextUniqueId++}`;
1903
- this._disabled = false;
1904
- this.inputElement = this._elementRef.nativeElement;
1905
- if (formField) {
1906
- this.inputElement.classList.add('mat-mdc-form-field-input-control');
1907
- }
1908
- }
1909
- /** Register input for chip list */
1910
- set chipGrid(value) {
1911
- if (value) {
1912
- this._chipGrid = value;
1913
- this._chipGrid.registerInput(this);
1914
- }
1915
- }
1916
- /**
1917
- * Whether or not the chipEnd event will be emitted when the input is blurred.
1918
- */
1919
- get addOnBlur() {
1920
- return this._addOnBlur;
1921
- }
1922
- set addOnBlur(value) {
1923
- this._addOnBlur = coerceBooleanProperty(value);
1924
- }
1925
- /** Whether the input is disabled. */
1926
- get disabled() {
1927
- return this._disabled || (this._chipGrid && this._chipGrid.disabled);
1928
- }
1929
- set disabled(value) {
1930
- this._disabled = coerceBooleanProperty(value);
1931
- }
1932
- /** Whether the input is empty. */
1933
- get empty() {
1934
- return !this.inputElement.value;
1935
- }
1936
- ngOnChanges() {
1937
- this._chipGrid.stateChanges.next();
1938
- }
1939
- ngOnDestroy() {
1940
- this.chipEnd.complete();
1941
- }
1942
- ngAfterContentInit() {
1943
- this._focusLastChipOnBackspace = this.empty;
1944
- }
1945
- /** Utility method to make host definition/tests more clear. */
1946
- _keydown(event) {
1947
- if (event) {
1948
- // To prevent the user from accidentally deleting chips when pressing BACKSPACE continuously,
1949
- // We focus the last chip on backspace only after the user has released the backspace button,
1950
- // And the input is empty (see behaviour in _keyup)
1951
- if (event.keyCode === BACKSPACE && this._focusLastChipOnBackspace) {
1952
- this._chipGrid._focusLastChip();
1953
- event.preventDefault();
1954
- return;
1955
- }
1956
- else {
1957
- this._focusLastChipOnBackspace = false;
1958
- }
1959
- }
1960
- this._emitChipEnd(event);
1961
- }
1962
- /**
1963
- * Pass events to the keyboard manager. Available here for tests.
1964
- */
1965
- _keyup(event) {
1966
- // Allow user to move focus to chips next time he presses backspace
1967
- if (!this._focusLastChipOnBackspace && event.keyCode === BACKSPACE && this.empty) {
1968
- this._focusLastChipOnBackspace = true;
1969
- event.preventDefault();
1970
- }
1971
- }
1972
- /** Checks to see if the blur should emit the (chipEnd) event. */
1973
- _blur() {
1974
- if (this.addOnBlur) {
1975
- this._emitChipEnd();
1976
- }
1977
- this.focused = false;
1978
- // Blur the chip list if it is not focused
1979
- if (!this._chipGrid.focused) {
1980
- this._chipGrid._blur();
1981
- }
1982
- this._chipGrid.stateChanges.next();
1983
- }
1984
- _focus() {
1985
- this.focused = true;
1986
- this._focusLastChipOnBackspace = this.empty;
1987
- this._chipGrid.stateChanges.next();
1988
- }
1989
- /** Checks to see if the (chipEnd) event needs to be emitted. */
1990
- _emitChipEnd(event) {
1991
- if (!event || this._isSeparatorKey(event)) {
1992
- this.chipEnd.emit({
1993
- input: this.inputElement,
1994
- value: this.inputElement.value,
1995
- chipInput: this,
1996
- });
1997
- event === null || event === void 0 ? void 0 : event.preventDefault();
1998
- }
1999
- }
2000
- _onInput() {
2001
- // Let chip list know whenever the value changes.
2002
- this._chipGrid.stateChanges.next();
2003
- }
2004
- /** Focuses the input. */
2005
- focus() {
2006
- this.inputElement.focus();
2007
- }
2008
- /** Clears the input */
2009
- clear() {
2010
- this.inputElement.value = '';
2011
- this._focusLastChipOnBackspace = true;
2012
- }
2013
- setDescribedByIds(ids) {
2014
- this._ariaDescribedby = ids.join(' ');
2015
- }
2016
- /** Checks whether a keycode is one of the configured separators. */
2017
- _isSeparatorKey(event) {
2018
- return !hasModifierKey(event) && new Set(this.separatorKeyCodes).has(event.keyCode);
2019
- }
2020
- }
2021
- MatChipInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipInput, deps: [{ token: i0.ElementRef }, { token: MAT_CHIPS_DEFAULT_OPTIONS }, { token: MAT_FORM_FIELD, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
2022
- MatChipInput.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: MatChipInput, selector: "input[matChipInputFor]", inputs: { chipGrid: ["matChipInputFor", "chipGrid"], addOnBlur: ["matChipInputAddOnBlur", "addOnBlur"], separatorKeyCodes: ["matChipInputSeparatorKeyCodes", "separatorKeyCodes"], placeholder: "placeholder", id: "id", disabled: "disabled" }, outputs: { chipEnd: "matChipInputTokenEnd" }, host: { listeners: { "keydown": "_keydown($event)", "keyup": "_keyup($event)", "blur": "_blur()", "focus": "_focus()", "input": "_onInput()" }, properties: { "id": "id", "attr.disabled": "disabled || null", "attr.placeholder": "placeholder || null", "attr.aria-invalid": "_chipGrid && _chipGrid.ngControl ? _chipGrid.ngControl.invalid : null", "attr.aria-describedby": "_ariaDescribedby || null", "attr.aria-required": "_chipGrid && _chipGrid.required || null", "attr.required": "_chipGrid && _chipGrid.required || null" }, classAttribute: "mat-mdc-chip-input mat-mdc-input-element mdc-text-field__input mat-input-element" }, exportAs: ["matChipInput", "matChipInputFor"], usesOnChanges: true, ngImport: i0 });
2023
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipInput, decorators: [{
2024
- type: Directive,
2025
- args: [{
2026
- selector: 'input[matChipInputFor]',
2027
- exportAs: 'matChipInput, matChipInputFor',
2028
- host: {
2029
- // TODO: eventually we should remove `mat-input-element` from here since it comes from the
2030
- // non-MDC version of the input. It's currently being kept for backwards compatibility, because
2031
- // the MDC chips were landed initially with it.
2032
- 'class': 'mat-mdc-chip-input mat-mdc-input-element mdc-text-field__input mat-input-element',
2033
- '(keydown)': '_keydown($event)',
2034
- '(keyup)': '_keyup($event)',
2035
- '(blur)': '_blur()',
2036
- '(focus)': '_focus()',
2037
- '(input)': '_onInput()',
2038
- '[id]': 'id',
2039
- '[attr.disabled]': 'disabled || null',
2040
- '[attr.placeholder]': 'placeholder || null',
2041
- '[attr.aria-invalid]': '_chipGrid && _chipGrid.ngControl ? _chipGrid.ngControl.invalid : null',
2042
- '[attr.aria-describedby]': '_ariaDescribedby || null',
2043
- '[attr.aria-required]': '_chipGrid && _chipGrid.required || null',
2044
- '[attr.required]': '_chipGrid && _chipGrid.required || null',
2045
- },
2046
- }]
2047
- }], ctorParameters: function () {
2048
- return [{ type: i0.ElementRef }, { type: undefined, decorators: [{
2049
- type: Inject,
2050
- args: [MAT_CHIPS_DEFAULT_OPTIONS]
2051
- }] }, { type: i1$2.MatFormField, decorators: [{
2052
- type: Optional
2053
- }, {
2054
- type: Inject,
2055
- args: [MAT_FORM_FIELD]
2056
- }] }];
2057
- }, propDecorators: { chipGrid: [{
2058
- type: Input,
2059
- args: ['matChipInputFor']
2060
- }], addOnBlur: [{
2061
- type: Input,
2062
- args: ['matChipInputAddOnBlur']
2063
- }], separatorKeyCodes: [{
2064
- type: Input,
2065
- args: ['matChipInputSeparatorKeyCodes']
2066
- }], chipEnd: [{
2067
- type: Output,
2068
- args: ['matChipInputTokenEnd']
2069
- }], placeholder: [{
2070
- type: Input
2071
- }], id: [{
2072
- type: Input
2073
- }], disabled: [{
2074
- type: Input
2075
- }] } });
2076
-
2077
- /**
2078
- * @license
2079
- * Copyright Google LLC All Rights Reserved.
2080
- *
2081
- * Use of this source code is governed by an MIT-style license that can be
2082
- * found in the LICENSE file at https://angular.io/license
2083
- */
2084
- const CHIP_DECLARATIONS = [
2085
- MatChip,
2086
- MatChipAvatar,
2087
- MatChipEditInput,
2088
- MatChipGrid,
2089
- MatChipInput,
2090
- MatChipListbox,
2091
- MatChipOption,
2092
- MatChipRemove,
2093
- MatChipRow,
2094
- MatChipSet,
2095
- MatChipTrailingIcon,
2096
- ];
2097
- class MatChipsModule {
2098
- }
2099
- MatChipsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2100
- MatChipsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: MatChipsModule, declarations: [MatChipAction, MatChip,
2101
- MatChipAvatar,
2102
- MatChipEditInput,
2103
- MatChipGrid,
2104
- MatChipInput,
2105
- MatChipListbox,
2106
- MatChipOption,
2107
- MatChipRemove,
2108
- MatChipRow,
2109
- MatChipSet,
2110
- MatChipTrailingIcon], imports: [MatCommonModule, CommonModule, MatRippleModule], exports: [MatCommonModule, MatChip,
2111
- MatChipAvatar,
2112
- MatChipEditInput,
2113
- MatChipGrid,
2114
- MatChipInput,
2115
- MatChipListbox,
2116
- MatChipOption,
2117
- MatChipRemove,
2118
- MatChipRow,
2119
- MatChipSet,
2120
- MatChipTrailingIcon] });
2121
- MatChipsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipsModule, providers: [
2122
- ErrorStateMatcher,
2123
- {
2124
- provide: MAT_CHIPS_DEFAULT_OPTIONS,
2125
- useValue: {
2126
- separatorKeyCodes: [ENTER],
2127
- },
2128
- },
2129
- ], imports: [MatCommonModule, CommonModule, MatRippleModule, MatCommonModule] });
2130
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MatChipsModule, decorators: [{
2131
- type: NgModule,
2132
- args: [{
2133
- imports: [MatCommonModule, CommonModule, MatRippleModule],
2134
- exports: [MatCommonModule, CHIP_DECLARATIONS],
2135
- declarations: [MatChipAction, CHIP_DECLARATIONS],
2136
- providers: [
2137
- ErrorStateMatcher,
2138
- {
2139
- provide: MAT_CHIPS_DEFAULT_OPTIONS,
2140
- useValue: {
2141
- separatorKeyCodes: [ENTER],
2142
- },
2143
- },
2144
- ],
2145
- }]
2146
- }] });
2147
-
2148
- /**
2149
- * @license
2150
- * Copyright Google LLC All Rights Reserved.
2151
- *
2152
- * Use of this source code is governed by an MIT-style license that can be
2153
- * found in the LICENSE file at https://angular.io/license
2154
- */
2155
-
2156
- /**
2157
- * @license
2158
- * Copyright Google LLC All Rights Reserved.
2159
- *
2160
- * Use of this source code is governed by an MIT-style license that can be
2161
- * found in the LICENSE file at https://angular.io/license
2162
- */
2163
-
2164
- /**
2165
- * Generated bundle index. Do not edit.
2166
- */
2167
-
2168
- export { MAT_CHIP, MAT_CHIPS_DEFAULT_OPTIONS, MAT_CHIP_AVATAR, MAT_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR, MAT_CHIP_REMOVE, MAT_CHIP_TRAILING_ICON, MatChip, MatChipAvatar, MatChipEditInput, MatChipGrid, MatChipGridChange, MatChipInput, MatChipListbox, MatChipListboxChange, MatChipOption, MatChipRemove, MatChipRow, MatChipSelectionChange, MatChipSet, MatChipTrailingIcon, MatChipsModule };
2169
- //# sourceMappingURL=mdc-chips.mjs.map