@angular/material-experimental 14.2.1 → 15.0.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (590) hide show
  1. package/_index.scss +0 -69
  2. package/esm2020/selection/selection-column.mjs +11 -11
  3. package/esm2020/selection/selection-module.mjs +5 -5
  4. package/esm2020/version.mjs +1 -1
  5. package/fesm2015/material-experimental.mjs +1 -1
  6. package/fesm2015/material-experimental.mjs.map +1 -1
  7. package/fesm2015/selection.mjs +13 -13
  8. package/fesm2015/selection.mjs.map +1 -1
  9. package/fesm2020/material-experimental.mjs +1 -1
  10. package/fesm2020/material-experimental.mjs.map +1 -1
  11. package/fesm2020/selection.mjs +13 -13
  12. package/fesm2020/selection.mjs.map +1 -1
  13. package/package.json +55 -422
  14. package/selection/index.d.ts +4 -4
  15. package/esm2020/mdc-autocomplete/animations.mjs +0 -25
  16. package/esm2020/mdc-autocomplete/autocomplete-origin.mjs +0 -26
  17. package/esm2020/mdc-autocomplete/autocomplete-trigger.mjs +0 -54
  18. package/esm2020/mdc-autocomplete/autocomplete.mjs +0 -35
  19. package/esm2020/mdc-autocomplete/index.mjs +0 -9
  20. package/esm2020/mdc-autocomplete/mdc-autocomplete_public_index.mjs +0 -5
  21. package/esm2020/mdc-autocomplete/module.mjs +0 -46
  22. package/esm2020/mdc-autocomplete/public-api.mjs +0 -14
  23. package/esm2020/mdc-autocomplete/testing/autocomplete-harness-filters.mjs +0 -9
  24. package/esm2020/mdc-autocomplete/testing/autocomplete-harness.mjs +0 -31
  25. package/esm2020/mdc-autocomplete/testing/index.mjs +0 -9
  26. package/esm2020/mdc-autocomplete/testing/public-api.mjs +0 -10
  27. package/esm2020/mdc-button/button-base.mjs +0 -152
  28. package/esm2020/mdc-button/button.mjs +0 -69
  29. package/esm2020/mdc-button/fab.mjs +0 -175
  30. package/esm2020/mdc-button/icon-button.mjs +0 -57
  31. package/esm2020/mdc-button/index.mjs +0 -9
  32. package/esm2020/mdc-button/mdc-button_public_index.mjs +0 -5
  33. package/esm2020/mdc-button/module.mjs +0 -61
  34. package/esm2020/mdc-button/public-api.mjs +0 -12
  35. package/esm2020/mdc-button/testing/button-harness.mjs +0 -50
  36. package/esm2020/mdc-button/testing/index.mjs +0 -9
  37. package/esm2020/mdc-button/testing/public-api.mjs +0 -9
  38. package/esm2020/mdc-card/card.mjs +0 -261
  39. package/esm2020/mdc-card/index.mjs +0 -9
  40. package/esm2020/mdc-card/mdc-card_public_index.mjs +0 -5
  41. package/esm2020/mdc-card/module.mjs +0 -68
  42. package/esm2020/mdc-card/public-api.mjs +0 -10
  43. package/esm2020/mdc-card/testing/card-harness-filters.mjs +0 -9
  44. package/esm2020/mdc-card/testing/card-harness.mjs +0 -42
  45. package/esm2020/mdc-card/testing/index.mjs +0 -9
  46. package/esm2020/mdc-card/testing/public-api.mjs +0 -10
  47. package/esm2020/mdc-checkbox/checkbox.mjs +0 -93
  48. package/esm2020/mdc-checkbox/index.mjs +0 -9
  49. package/esm2020/mdc-checkbox/mdc-checkbox_public_index.mjs +0 -5
  50. package/esm2020/mdc-checkbox/module.mjs +0 -26
  51. package/esm2020/mdc-checkbox/public-api.mjs +0 -11
  52. package/esm2020/mdc-checkbox/testing/checkbox-harness.mjs +0 -41
  53. package/esm2020/mdc-checkbox/testing/index.mjs +0 -9
  54. package/esm2020/mdc-checkbox/testing/public-api.mjs +0 -9
  55. package/esm2020/mdc-chips/chip-action.mjs +0 -90
  56. package/esm2020/mdc-chips/chip-edit-input.mjs +0 -60
  57. package/esm2020/mdc-chips/chip-grid.mjs +0 -407
  58. package/esm2020/mdc-chips/chip-icons.mjs +0 -110
  59. package/esm2020/mdc-chips/chip-input.mjs +0 -212
  60. package/esm2020/mdc-chips/chip-listbox.mjs +0 -332
  61. package/esm2020/mdc-chips/chip-option.mjs +0 -160
  62. package/esm2020/mdc-chips/chip-row.mjs +0 -176
  63. package/esm2020/mdc-chips/chip-set.mjs +0 -271
  64. package/esm2020/mdc-chips/chip-text-control.mjs +0 -9
  65. package/esm2020/mdc-chips/chip.mjs +0 -287
  66. package/esm2020/mdc-chips/index.mjs +0 -9
  67. package/esm2020/mdc-chips/mdc-chips_public_index.mjs +0 -5
  68. package/esm2020/mdc-chips/module.mjs +0 -87
  69. package/esm2020/mdc-chips/public-api.mjs +0 -20
  70. package/esm2020/mdc-chips/testing/chip-avatar-harness.mjs +0 -22
  71. package/esm2020/mdc-chips/testing/chip-grid-harness.mjs +0 -43
  72. package/esm2020/mdc-chips/testing/chip-harness-filters.mjs +0 -9
  73. package/esm2020/mdc-chips/testing/chip-harness.mjs +0 -58
  74. package/esm2020/mdc-chips/testing/chip-input-harness.mjs +0 -82
  75. package/esm2020/mdc-chips/testing/chip-listbox-harness.mjs +0 -59
  76. package/esm2020/mdc-chips/testing/chip-option-harness.mjs +0 -45
  77. package/esm2020/mdc-chips/testing/chip-remove-harness.mjs +0 -26
  78. package/esm2020/mdc-chips/testing/chip-row-harness.mjs +0 -22
  79. package/esm2020/mdc-chips/testing/chip-set-harness.mjs +0 -26
  80. package/esm2020/mdc-chips/testing/index.mjs +0 -9
  81. package/esm2020/mdc-chips/testing/public-api.mjs +0 -18
  82. package/esm2020/mdc-chips/tokens.mjs +0 -33
  83. package/esm2020/mdc-core/index.mjs +0 -9
  84. package/esm2020/mdc-core/mdc-core_public_index.mjs +0 -5
  85. package/esm2020/mdc-core/option/index.mjs +0 -30
  86. package/esm2020/mdc-core/option/optgroup.mjs +0 -46
  87. package/esm2020/mdc-core/option/option.mjs +0 -52
  88. package/esm2020/mdc-core/public-api.mjs +0 -10
  89. package/esm2020/mdc-core/testing/index.mjs +0 -9
  90. package/esm2020/mdc-core/testing/optgroup-harness-filters.mjs +0 -9
  91. package/esm2020/mdc-core/testing/optgroup-harness.mjs +0 -43
  92. package/esm2020/mdc-core/testing/option-harness-filters.mjs +0 -9
  93. package/esm2020/mdc-core/testing/option-harness.mjs +0 -53
  94. package/esm2020/mdc-core/testing/public-api.mjs +0 -12
  95. package/esm2020/mdc-dialog/dialog-container.mjs +0 -171
  96. package/esm2020/mdc-dialog/dialog-content-directives.mjs +0 -179
  97. package/esm2020/mdc-dialog/dialog-ref.mjs +0 -14
  98. package/esm2020/mdc-dialog/dialog.mjs +0 -82
  99. package/esm2020/mdc-dialog/index.mjs +0 -9
  100. package/esm2020/mdc-dialog/mdc-dialog_public_index.mjs +0 -5
  101. package/esm2020/mdc-dialog/module.mjs +0 -53
  102. package/esm2020/mdc-dialog/public-api.mjs +0 -14
  103. package/esm2020/mdc-dialog/testing/dialog-harness.mjs +0 -29
  104. package/esm2020/mdc-dialog/testing/dialog-opener.mjs +0 -45
  105. package/esm2020/mdc-dialog/testing/index.mjs +0 -9
  106. package/esm2020/mdc-dialog/testing/public-api.mjs +0 -10
  107. package/esm2020/mdc-form-field/directives/error.mjs +0 -47
  108. package/esm2020/mdc-form-field/directives/floating-label.mjs +0 -73
  109. package/esm2020/mdc-form-field/directives/hint.mjs +0 -39
  110. package/esm2020/mdc-form-field/directives/label.mjs +0 -21
  111. package/esm2020/mdc-form-field/directives/line-ripple.mjs +0 -59
  112. package/esm2020/mdc-form-field/directives/notched-outline.mjs +0 -68
  113. package/esm2020/mdc-form-field/directives/prefix.mjs +0 -32
  114. package/esm2020/mdc-form-field/directives/suffix.mjs +0 -32
  115. package/esm2020/mdc-form-field/form-field.mjs +0 -608
  116. package/esm2020/mdc-form-field/index.mjs +0 -9
  117. package/esm2020/mdc-form-field/mdc-form-field_public_index.mjs +0 -5
  118. package/esm2020/mdc-form-field/module.mjs +0 -53
  119. package/esm2020/mdc-form-field/public-api.mjs +0 -16
  120. package/esm2020/mdc-form-field/testing/form-field-harness.mjs +0 -58
  121. package/esm2020/mdc-form-field/testing/index.mjs +0 -9
  122. package/esm2020/mdc-form-field/testing/public-api.mjs +0 -13
  123. package/esm2020/mdc-input/index.mjs +0 -9
  124. package/esm2020/mdc-input/input.mjs +0 -55
  125. package/esm2020/mdc-input/mdc-input_public_index.mjs +0 -5
  126. package/esm2020/mdc-input/module.mjs +0 -27
  127. package/esm2020/mdc-input/public-api.mjs +0 -11
  128. package/esm2020/mdc-input/testing/index.mjs +0 -9
  129. package/esm2020/mdc-input/testing/public-api.mjs +0 -9
  130. package/esm2020/mdc-list/action-list.mjs +0 -31
  131. package/esm2020/mdc-list/index.mjs +0 -9
  132. package/esm2020/mdc-list/list-base.mjs +0 -272
  133. package/esm2020/mdc-list/list-item-sections.mjs +0 -138
  134. package/esm2020/mdc-list/list-option-types.mjs +0 -16
  135. package/esm2020/mdc-list/list-option.mjs +0 -253
  136. package/esm2020/mdc-list/list.mjs +0 -82
  137. package/esm2020/mdc-list/mdc-list_public_index.mjs +0 -5
  138. package/esm2020/mdc-list/module.mjs +0 -98
  139. package/esm2020/mdc-list/nav-list.mjs +0 -31
  140. package/esm2020/mdc-list/public-api.mjs +0 -18
  141. package/esm2020/mdc-list/selection-list.mjs +0 -338
  142. package/esm2020/mdc-list/subheader.mjs +0 -27
  143. package/esm2020/mdc-list/testing/action-list-harness.mjs +0 -59
  144. package/esm2020/mdc-list/testing/index.mjs +0 -9
  145. package/esm2020/mdc-list/testing/list-harness-base.mjs +0 -95
  146. package/esm2020/mdc-list/testing/list-harness-filters.mjs +0 -9
  147. package/esm2020/mdc-list/testing/list-harness.mjs +0 -41
  148. package/esm2020/mdc-list/testing/list-item-harness-base.mjs +0 -150
  149. package/esm2020/mdc-list/testing/nav-list-harness.mjs +0 -69
  150. package/esm2020/mdc-list/testing/public-api.mjs +0 -14
  151. package/esm2020/mdc-list/testing/selection-list-harness.mjs +0 -117
  152. package/esm2020/mdc-menu/directives.mjs +0 -38
  153. package/esm2020/mdc-menu/index.mjs +0 -9
  154. package/esm2020/mdc-menu/mdc-menu_public_index.mjs +0 -5
  155. package/esm2020/mdc-menu/menu-item.mjs +0 -36
  156. package/esm2020/mdc-menu/menu.mjs +0 -43
  157. package/esm2020/mdc-menu/module.mjs +0 -44
  158. package/esm2020/mdc-menu/public-api.mjs +0 -13
  159. package/esm2020/mdc-menu/testing/index.mjs +0 -9
  160. package/esm2020/mdc-menu/testing/menu-harness.mjs +0 -46
  161. package/esm2020/mdc-menu/testing/public-api.mjs +0 -9
  162. package/esm2020/mdc-paginator/index.mjs +0 -9
  163. package/esm2020/mdc-paginator/mdc-paginator_public_index.mjs +0 -5
  164. package/esm2020/mdc-paginator/module.mjs +0 -30
  165. package/esm2020/mdc-paginator/paginator.mjs +0 -48
  166. package/esm2020/mdc-paginator/public-api.mjs +0 -11
  167. package/esm2020/mdc-paginator/testing/index.mjs +0 -9
  168. package/esm2020/mdc-paginator/testing/paginator-harness.mjs +0 -36
  169. package/esm2020/mdc-paginator/testing/public-api.mjs +0 -9
  170. package/esm2020/mdc-progress-bar/index.mjs +0 -9
  171. package/esm2020/mdc-progress-bar/mdc-progress-bar_public_index.mjs +0 -5
  172. package/esm2020/mdc-progress-bar/module.mjs +0 -24
  173. package/esm2020/mdc-progress-bar/progress-bar.mjs +0 -152
  174. package/esm2020/mdc-progress-bar/public-api.mjs +0 -11
  175. package/esm2020/mdc-progress-bar/testing/index.mjs +0 -9
  176. package/esm2020/mdc-progress-bar/testing/progress-bar-harness.mjs +0 -33
  177. package/esm2020/mdc-progress-bar/testing/public-api.mjs +0 -9
  178. package/esm2020/mdc-progress-bar/testing/testing_public_index.mjs +0 -5
  179. package/esm2020/mdc-progress-spinner/index.mjs +0 -9
  180. package/esm2020/mdc-progress-spinner/mdc-progress-spinner_public_index.mjs +0 -5
  181. package/esm2020/mdc-progress-spinner/module.mjs +0 -26
  182. package/esm2020/mdc-progress-spinner/progress-spinner.mjs +0 -151
  183. package/esm2020/mdc-progress-spinner/public-api.mjs +0 -11
  184. package/esm2020/mdc-progress-spinner/testing/index.mjs +0 -9
  185. package/esm2020/mdc-progress-spinner/testing/progress-spinner-harness.mjs +0 -35
  186. package/esm2020/mdc-progress-spinner/testing/public-api.mjs +0 -9
  187. package/esm2020/mdc-progress-spinner/testing/testing_public_index.mjs +0 -5
  188. package/esm2020/mdc-radio/index.mjs +0 -9
  189. package/esm2020/mdc-radio/mdc-radio_public_index.mjs +0 -5
  190. package/esm2020/mdc-radio/module.mjs +0 -26
  191. package/esm2020/mdc-radio/public-api.mjs +0 -11
  192. package/esm2020/mdc-radio/radio.mjs +0 -111
  193. package/esm2020/mdc-radio/testing/index.mjs +0 -9
  194. package/esm2020/mdc-radio/testing/public-api.mjs +0 -9
  195. package/esm2020/mdc-radio/testing/radio-harness.mjs +0 -50
  196. package/esm2020/mdc-select/index.mjs +0 -9
  197. package/esm2020/mdc-select/mdc-select_public_index.mjs +0 -5
  198. package/esm2020/mdc-select/module.mjs +0 -46
  199. package/esm2020/mdc-select/public-api.mjs +0 -12
  200. package/esm2020/mdc-select/select-animations.mjs +0 -38
  201. package/esm2020/mdc-select/select-errors.mjs +0 -35
  202. package/esm2020/mdc-select/select.mjs +0 -172
  203. package/esm2020/mdc-select/testing/index.mjs +0 -9
  204. package/esm2020/mdc-select/testing/public-api.mjs +0 -10
  205. package/esm2020/mdc-select/testing/select-harness-filters.mjs +0 -9
  206. package/esm2020/mdc-select/testing/select-harness.mjs +0 -29
  207. package/esm2020/mdc-slide-toggle/index.mjs +0 -9
  208. package/esm2020/mdc-slide-toggle/mdc-slide-toggle_public_index.mjs +0 -5
  209. package/esm2020/mdc-slide-toggle/module.mjs +0 -27
  210. package/esm2020/mdc-slide-toggle/public-api.mjs +0 -12
  211. package/esm2020/mdc-slide-toggle/slide-toggle-config.mjs +0 -14
  212. package/esm2020/mdc-slide-toggle/slide-toggle.mjs +0 -99
  213. package/esm2020/mdc-slide-toggle/testing/index.mjs +0 -9
  214. package/esm2020/mdc-slide-toggle/testing/public-api.mjs +0 -9
  215. package/esm2020/mdc-slide-toggle/testing/slide-toggle-harness.mjs +0 -47
  216. package/esm2020/mdc-slider/global-change-and-input-listener.mjs +0 -59
  217. package/esm2020/mdc-slider/index.mjs +0 -9
  218. package/esm2020/mdc-slider/mdc-slider_public_index.mjs +0 -5
  219. package/esm2020/mdc-slider/module.mjs +0 -26
  220. package/esm2020/mdc-slider/public-api.mjs +0 -10
  221. package/esm2020/mdc-slider/slider.mjs +0 -1094
  222. package/esm2020/mdc-slider/testing/index.mjs +0 -9
  223. package/esm2020/mdc-slider/testing/public-api.mjs +0 -11
  224. package/esm2020/mdc-slider/testing/slider-harness-filters.mjs +0 -2
  225. package/esm2020/mdc-slider/testing/slider-harness.mjs +0 -62
  226. package/esm2020/mdc-slider/testing/slider-thumb-harness.mjs +0 -94
  227. package/esm2020/mdc-snack-bar/index.mjs +0 -9
  228. package/esm2020/mdc-snack-bar/mdc-snack-bar_public_index.mjs +0 -5
  229. package/esm2020/mdc-snack-bar/module.mjs +0 -51
  230. package/esm2020/mdc-snack-bar/public-api.mjs +0 -14
  231. package/esm2020/mdc-snack-bar/simple-snack-bar.mjs +0 -40
  232. package/esm2020/mdc-snack-bar/snack-bar-container.mjs +0 -41
  233. package/esm2020/mdc-snack-bar/snack-bar-content.mjs +0 -52
  234. package/esm2020/mdc-snack-bar/snack-bar.mjs +0 -45
  235. package/esm2020/mdc-snack-bar/testing/index.mjs +0 -9
  236. package/esm2020/mdc-snack-bar/testing/public-api.mjs +0 -9
  237. package/esm2020/mdc-snack-bar/testing/snack-bar-harness.mjs +0 -34
  238. package/esm2020/mdc-table/cell.mjs +0 -141
  239. package/esm2020/mdc-table/index.mjs +0 -9
  240. package/esm2020/mdc-table/mdc-table_public_index.mjs +0 -5
  241. package/esm2020/mdc-table/module.mjs +0 -94
  242. package/esm2020/mdc-table/public-api.mjs +0 -14
  243. package/esm2020/mdc-table/row.mjs +0 -143
  244. package/esm2020/mdc-table/table-data-source.mjs +0 -24
  245. package/esm2020/mdc-table/table.mjs +0 -74
  246. package/esm2020/mdc-table/testing/cell-harness.mjs +0 -50
  247. package/esm2020/mdc-table/testing/index.mjs +0 -9
  248. package/esm2020/mdc-table/testing/public-api.mjs +0 -11
  249. package/esm2020/mdc-table/testing/row-harness.mjs +0 -64
  250. package/esm2020/mdc-table/testing/table-harness.mjs +0 -30
  251. package/esm2020/mdc-table/text-column.mjs +0 -58
  252. package/esm2020/mdc-tabs/index.mjs +0 -9
  253. package/esm2020/mdc-tabs/ink-bar.mjs +0 -130
  254. package/esm2020/mdc-tabs/mdc-tabs_public_index.mjs +0 -5
  255. package/esm2020/mdc-tabs/module.mjs +0 -93
  256. package/esm2020/mdc-tabs/public-api.mjs +0 -19
  257. package/esm2020/mdc-tabs/tab-body.mjs +0 -60
  258. package/esm2020/mdc-tabs/tab-content.mjs +0 -20
  259. package/esm2020/mdc-tabs/tab-group.mjs +0 -98
  260. package/esm2020/mdc-tabs/tab-header.mjs +0 -73
  261. package/esm2020/mdc-tabs/tab-label-wrapper.mjs +0 -32
  262. package/esm2020/mdc-tabs/tab-label.mjs +0 -22
  263. package/esm2020/mdc-tabs/tab-nav-bar/tab-nav-bar.mjs +0 -202
  264. package/esm2020/mdc-tabs/tab.mjs +0 -34
  265. package/esm2020/mdc-tabs/testing/index.mjs +0 -9
  266. package/esm2020/mdc-tabs/testing/public-api.mjs +0 -13
  267. package/esm2020/mdc-tabs/testing/tab-group-harness.mjs +0 -56
  268. package/esm2020/mdc-tabs/testing/tab-harness-filters.mjs +0 -2
  269. package/esm2020/mdc-tabs/testing/tab-harness.mjs +0 -64
  270. package/esm2020/mdc-tabs/testing/tab-link-harness.mjs +0 -40
  271. package/esm2020/mdc-tabs/testing/tab-nav-bar-harness.mjs +0 -66
  272. package/esm2020/mdc-tabs/testing/tab-nav-panel-harness.mjs +0 -27
  273. package/esm2020/mdc-tooltip/index.mjs +0 -9
  274. package/esm2020/mdc-tooltip/mdc-tooltip_public_index.mjs +0 -5
  275. package/esm2020/mdc-tooltip/module.mjs +0 -31
  276. package/esm2020/mdc-tooltip/public-api.mjs +0 -12
  277. package/esm2020/mdc-tooltip/testing/index.mjs +0 -9
  278. package/esm2020/mdc-tooltip/testing/public-api.mjs +0 -9
  279. package/esm2020/mdc-tooltip/testing/tooltip-harness.mjs +0 -30
  280. package/esm2020/mdc-tooltip/tooltip-animations.mjs +0 -24
  281. package/esm2020/mdc-tooltip/tooltip.mjs +0 -132
  282. package/fesm2015/mdc-autocomplete/testing.mjs +0 -50
  283. package/fesm2015/mdc-autocomplete/testing.mjs.map +0 -1
  284. package/fesm2015/mdc-autocomplete.mjs +0 -196
  285. package/fesm2015/mdc-autocomplete.mjs.map +0 -1
  286. package/fesm2015/mdc-button/testing.mjs +0 -75
  287. package/fesm2015/mdc-button/testing.mjs.map +0 -1
  288. package/fesm2015/mdc-button.mjs +0 -490
  289. package/fesm2015/mdc-button.mjs.map +0 -1
  290. package/fesm2015/mdc-card/testing.mjs +0 -63
  291. package/fesm2015/mdc-card/testing.mjs.map +0 -1
  292. package/fesm2015/mdc-card.mjs +0 -351
  293. package/fesm2015/mdc-card.mjs.map +0 -1
  294. package/fesm2015/mdc-checkbox/testing.mjs +0 -56
  295. package/fesm2015/mdc-checkbox/testing.mjs.map +0 -1
  296. package/fesm2015/mdc-checkbox.mjs +0 -142
  297. package/fesm2015/mdc-checkbox.mjs.map +0 -1
  298. package/fesm2015/mdc-chips/testing.mjs +0 -394
  299. package/fesm2015/mdc-chips/testing.mjs.map +0 -1
  300. package/fesm2015/mdc-chips.mjs +0 -2169
  301. package/fesm2015/mdc-chips.mjs.map +0 -1
  302. package/fesm2015/mdc-core/testing.mjs +0 -118
  303. package/fesm2015/mdc-core/testing.mjs.map +0 -1
  304. package/fesm2015/mdc-core.mjs +0 -141
  305. package/fesm2015/mdc-core.mjs.map +0 -1
  306. package/fesm2015/mdc-dialog/testing.mjs +0 -90
  307. package/fesm2015/mdc-dialog/testing.mjs.map +0 -1
  308. package/fesm2015/mdc-dialog.mjs +0 -500
  309. package/fesm2015/mdc-dialog.mjs.map +0 -1
  310. package/fesm2015/mdc-form-field/testing.mjs +0 -78
  311. package/fesm2015/mdc-form-field/testing.mjs.map +0 -1
  312. package/fesm2015/mdc-form-field.mjs +0 -1018
  313. package/fesm2015/mdc-form-field.mjs.map +0 -1
  314. package/fesm2015/mdc-input/testing.mjs +0 -18
  315. package/fesm2015/mdc-input/testing.mjs.map +0 -1
  316. package/fesm2015/mdc-input.mjs +0 -103
  317. package/fesm2015/mdc-input.mjs.map +0 -1
  318. package/fesm2015/mdc-list/testing.mjs +0 -574
  319. package/fesm2015/mdc-list/testing.mjs.map +0 -1
  320. package/fesm2015/mdc-list.mjs +0 -1264
  321. package/fesm2015/mdc-list.mjs.map +0 -1
  322. package/fesm2015/mdc-menu/testing.mjs +0 -59
  323. package/fesm2015/mdc-menu/testing.mjs.map +0 -1
  324. package/fesm2015/mdc-menu.mjs +0 -174
  325. package/fesm2015/mdc-menu.mjs.map +0 -1
  326. package/fesm2015/mdc-paginator/testing.mjs +0 -55
  327. package/fesm2015/mdc-paginator/testing.mjs.map +0 -1
  328. package/fesm2015/mdc-paginator.mjs +0 -100
  329. package/fesm2015/mdc-paginator.mjs.map +0 -1
  330. package/fesm2015/mdc-progress-bar/testing.mjs +0 -54
  331. package/fesm2015/mdc-progress-bar/testing.mjs.map +0 -1
  332. package/fesm2015/mdc-progress-bar.mjs +0 -198
  333. package/fesm2015/mdc-progress-bar.mjs.map +0 -1
  334. package/fesm2015/mdc-progress-spinner/testing.mjs +0 -56
  335. package/fesm2015/mdc-progress-spinner/testing.mjs.map +0 -1
  336. package/fesm2015/mdc-progress-spinner.mjs +0 -200
  337. package/fesm2015/mdc-progress-spinner.mjs.map +0 -1
  338. package/fesm2015/mdc-radio/testing.mjs +0 -63
  339. package/fesm2015/mdc-radio/testing.mjs.map +0 -1
  340. package/fesm2015/mdc-radio.mjs +0 -155
  341. package/fesm2015/mdc-radio.mjs.map +0 -1
  342. package/fesm2015/mdc-select/testing.mjs +0 -48
  343. package/fesm2015/mdc-select/testing.mjs.map +0 -1
  344. package/fesm2015/mdc-select.mjs +0 -273
  345. package/fesm2015/mdc-select.mjs.map +0 -1
  346. package/fesm2015/mdc-slide-toggle/testing.mjs +0 -66
  347. package/fesm2015/mdc-slide-toggle/testing.mjs.map +0 -1
  348. package/fesm2015/mdc-slide-toggle.mjs +0 -159
  349. package/fesm2015/mdc-slide-toggle.mjs.map +0 -1
  350. package/fesm2015/mdc-slider/testing.mjs +0 -199
  351. package/fesm2015/mdc-slider/testing.mjs.map +0 -1
  352. package/fesm2015/mdc-slider.mjs +0 -1212
  353. package/fesm2015/mdc-slider.mjs.map +0 -1
  354. package/fesm2015/mdc-snack-bar/testing.mjs +0 -49
  355. package/fesm2015/mdc-snack-bar/testing.mjs.map +0 -1
  356. package/fesm2015/mdc-snack-bar.mjs +0 -229
  357. package/fesm2015/mdc-snack-bar.mjs.map +0 -1
  358. package/fesm2015/mdc-table/testing.mjs +0 -158
  359. package/fesm2015/mdc-table/testing.mjs.map +0 -1
  360. package/fesm2015/mdc-table.mjs +0 -540
  361. package/fesm2015/mdc-table.mjs.map +0 -1
  362. package/fesm2015/mdc-tabs/testing.mjs +0 -273
  363. package/fesm2015/mdc-tabs/testing.mjs.map +0 -1
  364. package/fesm2015/mdc-tabs.mjs +0 -737
  365. package/fesm2015/mdc-tabs.mjs.map +0 -1
  366. package/fesm2015/mdc-tooltip/testing.mjs +0 -49
  367. package/fesm2015/mdc-tooltip/testing.mjs.map +0 -1
  368. package/fesm2015/mdc-tooltip.mjs +0 -206
  369. package/fesm2015/mdc-tooltip.mjs.map +0 -1
  370. package/fesm2020/mdc-autocomplete/testing.mjs +0 -58
  371. package/fesm2020/mdc-autocomplete/testing.mjs.map +0 -1
  372. package/fesm2020/mdc-autocomplete.mjs +0 -196
  373. package/fesm2020/mdc-autocomplete.mjs.map +0 -1
  374. package/fesm2020/mdc-button/testing.mjs +0 -69
  375. package/fesm2020/mdc-button/testing.mjs.map +0 -1
  376. package/fesm2020/mdc-button.mjs +0 -510
  377. package/fesm2020/mdc-button.mjs.map +0 -1
  378. package/fesm2020/mdc-card/testing.mjs +0 -69
  379. package/fesm2020/mdc-card/testing.mjs.map +0 -1
  380. package/fesm2020/mdc-card.mjs +0 -349
  381. package/fesm2020/mdc-card.mjs.map +0 -1
  382. package/fesm2020/mdc-checkbox/testing.mjs +0 -60
  383. package/fesm2020/mdc-checkbox/testing.mjs.map +0 -1
  384. package/fesm2020/mdc-checkbox.mjs +0 -139
  385. package/fesm2020/mdc-checkbox.mjs.map +0 -1
  386. package/fesm2020/mdc-chips/testing.mjs +0 -395
  387. package/fesm2020/mdc-chips/testing.mjs.map +0 -1
  388. package/fesm2020/mdc-chips.mjs +0 -2161
  389. package/fesm2020/mdc-chips.mjs.map +0 -1
  390. package/fesm2020/mdc-core/testing.mjs +0 -129
  391. package/fesm2020/mdc-core/testing.mjs.map +0 -1
  392. package/fesm2020/mdc-core.mjs +0 -139
  393. package/fesm2020/mdc-core.mjs.map +0 -1
  394. package/fesm2020/mdc-dialog/testing.mjs +0 -90
  395. package/fesm2020/mdc-dialog/testing.mjs.map +0 -1
  396. package/fesm2020/mdc-dialog.mjs +0 -499
  397. package/fesm2020/mdc-dialog.mjs.map +0 -1
  398. package/fesm2020/mdc-form-field/testing.mjs +0 -78
  399. package/fesm2020/mdc-form-field/testing.mjs.map +0 -1
  400. package/fesm2020/mdc-form-field.mjs +0 -1014
  401. package/fesm2020/mdc-form-field.mjs.map +0 -1
  402. package/fesm2020/mdc-input/testing.mjs +0 -18
  403. package/fesm2020/mdc-input/testing.mjs.map +0 -1
  404. package/fesm2020/mdc-input.mjs +0 -103
  405. package/fesm2020/mdc-input.mjs.map +0 -1
  406. package/fesm2020/mdc-list/testing.mjs +0 -544
  407. package/fesm2020/mdc-list/testing.mjs.map +0 -1
  408. package/fesm2020/mdc-list.mjs +0 -1260
  409. package/fesm2020/mdc-list.mjs.map +0 -1
  410. package/fesm2020/mdc-menu/testing.mjs +0 -65
  411. package/fesm2020/mdc-menu/testing.mjs.map +0 -1
  412. package/fesm2020/mdc-menu.mjs +0 -172
  413. package/fesm2020/mdc-menu.mjs.map +0 -1
  414. package/fesm2020/mdc-paginator/testing.mjs +0 -55
  415. package/fesm2020/mdc-paginator/testing.mjs.map +0 -1
  416. package/fesm2020/mdc-paginator.mjs +0 -98
  417. package/fesm2020/mdc-paginator.mjs.map +0 -1
  418. package/fesm2020/mdc-progress-bar/testing.mjs +0 -56
  419. package/fesm2020/mdc-progress-bar/testing.mjs.map +0 -1
  420. package/fesm2020/mdc-progress-bar.mjs +0 -196
  421. package/fesm2020/mdc-progress-bar.mjs.map +0 -1
  422. package/fesm2020/mdc-progress-spinner/testing.mjs +0 -58
  423. package/fesm2020/mdc-progress-spinner/testing.mjs.map +0 -1
  424. package/fesm2020/mdc-progress-spinner.mjs +0 -197
  425. package/fesm2020/mdc-progress-spinner.mjs.map +0 -1
  426. package/fesm2020/mdc-radio/testing.mjs +0 -69
  427. package/fesm2020/mdc-radio/testing.mjs.map +0 -1
  428. package/fesm2020/mdc-radio.mjs +0 -153
  429. package/fesm2020/mdc-radio.mjs.map +0 -1
  430. package/fesm2020/mdc-select/testing.mjs +0 -56
  431. package/fesm2020/mdc-select/testing.mjs.map +0 -1
  432. package/fesm2020/mdc-select.mjs +0 -273
  433. package/fesm2020/mdc-select.mjs.map +0 -1
  434. package/fesm2020/mdc-slide-toggle/testing.mjs +0 -66
  435. package/fesm2020/mdc-slide-toggle/testing.mjs.map +0 -1
  436. package/fesm2020/mdc-slide-toggle.mjs +0 -157
  437. package/fesm2020/mdc-slide-toggle.mjs.map +0 -1
  438. package/fesm2020/mdc-slider/testing.mjs +0 -172
  439. package/fesm2020/mdc-slider/testing.mjs.map +0 -1
  440. package/fesm2020/mdc-slider.mjs +0 -1191
  441. package/fesm2020/mdc-slider.mjs.map +0 -1
  442. package/fesm2020/mdc-snack-bar/testing.mjs +0 -53
  443. package/fesm2020/mdc-snack-bar/testing.mjs.map +0 -1
  444. package/fesm2020/mdc-snack-bar.mjs +0 -232
  445. package/fesm2020/mdc-snack-bar.mjs.map +0 -1
  446. package/fesm2020/mdc-table/testing.mjs +0 -158
  447. package/fesm2020/mdc-table/testing.mjs.map +0 -1
  448. package/fesm2020/mdc-table.mjs +0 -539
  449. package/fesm2020/mdc-table.mjs.map +0 -1
  450. package/fesm2020/mdc-tabs/testing.mjs +0 -265
  451. package/fesm2020/mdc-tabs/testing.mjs.map +0 -1
  452. package/fesm2020/mdc-tabs.mjs +0 -723
  453. package/fesm2020/mdc-tabs.mjs.map +0 -1
  454. package/fesm2020/mdc-tooltip/testing.mjs +0 -49
  455. package/fesm2020/mdc-tooltip/testing.mjs.map +0 -1
  456. package/fesm2020/mdc-tooltip.mjs +0 -202
  457. package/fesm2020/mdc-tooltip.mjs.map +0 -1
  458. package/mdc-autocomplete/_autocomplete-theme.import.scss +0 -5
  459. package/mdc-autocomplete/_autocomplete-theme.scss +0 -48
  460. package/mdc-autocomplete/index.d.ts +0 -97
  461. package/mdc-autocomplete/testing/index.d.ts +0 -32
  462. package/mdc-button/_button-base.import.scss +0 -4
  463. package/mdc-button/_button-base.scss +0 -95
  464. package/mdc-button/_button-theme-private.scss +0 -62
  465. package/mdc-button/_button-theme.import.scss +0 -16
  466. package/mdc-button/_button-theme.scss +0 -224
  467. package/mdc-button/_fab-theme.scss +0 -90
  468. package/mdc-button/_icon-button-theme.scss +0 -76
  469. package/mdc-button/index.d.ts +0 -216
  470. package/mdc-button/testing/index.d.ts +0 -41
  471. package/mdc-card/_card-theme.import.scss +0 -7
  472. package/mdc-card/_card-theme.scss +0 -74
  473. package/mdc-card/index.d.ts +0 -194
  474. package/mdc-card/testing/index.d.ts +0 -44
  475. package/mdc-checkbox/_checkbox-private.scss +0 -53
  476. package/mdc-checkbox/_checkbox-theme.import.scss +0 -15
  477. package/mdc-checkbox/_checkbox-theme.scss +0 -122
  478. package/mdc-checkbox/index.d.ts +0 -87
  479. package/mdc-checkbox/testing/index.d.ts +0 -28
  480. package/mdc-chips/_chips-theme.import.scss +0 -8
  481. package/mdc-chips/_chips-theme.scss +0 -117
  482. package/mdc-chips/index.d.ts +0 -979
  483. package/mdc-chips/testing/index.d.ts +0 -232
  484. package/mdc-core/_core-theme.import.scss +0 -10
  485. package/mdc-core/_core-theme.scss +0 -78
  486. package/mdc-core/_elevation.scss +0 -38
  487. package/mdc-core/color/_all-color.scss +0 -25
  488. package/mdc-core/density/_all-density.scss +0 -25
  489. package/mdc-core/index.d.ts +0 -206
  490. package/mdc-core/mdc-helpers/_focus-indicators-theme.scss +0 -39
  491. package/mdc-core/mdc-helpers/_focus-indicators.import.scss +0 -10
  492. package/mdc-core/mdc-helpers/_focus-indicators.scss +0 -15
  493. package/mdc-core/mdc-helpers/_mdc-helpers.import.scss +0 -8
  494. package/mdc-core/mdc-helpers/_mdc-helpers.scss +0 -221
  495. package/mdc-core/option/_optgroup-theme.import.scss +0 -7
  496. package/mdc-core/option/_optgroup-theme.scss +0 -44
  497. package/mdc-core/option/_option-theme.import.scss +0 -7
  498. package/mdc-core/option/_option-theme.scss +0 -87
  499. package/mdc-core/testing/index.d.ts +0 -64
  500. package/mdc-core/theming/_all-theme.scss +0 -61
  501. package/mdc-core/theming/prebuilt/deeppurple-amber.css +0 -1
  502. package/mdc-core/theming/prebuilt/indigo-pink.css +0 -1
  503. package/mdc-core/theming/prebuilt/pink-bluegrey.css +0 -1
  504. package/mdc-core/theming/prebuilt/purple-green.css +0 -1
  505. package/mdc-core/typography/_all-typography.scss +0 -99
  506. package/mdc-dialog/_dialog-legacy-padding.import.scss +0 -1
  507. package/mdc-dialog/_dialog-legacy-padding.scss +0 -31
  508. package/mdc-dialog/_dialog-theme.import.scss +0 -5
  509. package/mdc-dialog/_dialog-theme.scss +0 -78
  510. package/mdc-dialog/_mdc-dialog-structure-overrides.import.scss +0 -1
  511. package/mdc-dialog/_mdc-dialog-structure-overrides.scss +0 -56
  512. package/mdc-dialog/index.d.ts +0 -217
  513. package/mdc-dialog/testing/index.d.ts +0 -47
  514. package/mdc-form-field/_form-field-density.scss +0 -119
  515. package/mdc-form-field/_form-field-focus-overlay.scss +0 -34
  516. package/mdc-form-field/_form-field-high-contrast.scss +0 -39
  517. package/mdc-form-field/_form-field-native-select.scss +0 -133
  518. package/mdc-form-field/_form-field-sizing.scss +0 -40
  519. package/mdc-form-field/_form-field-subscript.scss +0 -83
  520. package/mdc-form-field/_form-field-theme.scss +0 -148
  521. package/mdc-form-field/_mdc-text-field-structure-overrides.scss +0 -129
  522. package/mdc-form-field/_mdc-text-field-textarea-overrides.scss +0 -36
  523. package/mdc-form-field/_mdc-text-field-theme-variable-refresh.scss +0 -63
  524. package/mdc-form-field/index.d.ts +0 -431
  525. package/mdc-form-field/testing/index.d.ts +0 -48
  526. package/mdc-input/_input-theme.import.scss +0 -5
  527. package/mdc-input/_input-theme.scss +0 -35
  528. package/mdc-input/index.d.ts +0 -30
  529. package/mdc-input/testing/index.d.ts +0 -20
  530. package/mdc-list/_interactive-list-theme.import.scss +0 -5
  531. package/mdc-list/_interactive-list-theme.scss +0 -40
  532. package/mdc-list/_list-option-theme.import.scss +0 -13
  533. package/mdc-list/_list-option-theme.scss +0 -28
  534. package/mdc-list/_list-option-trailing-avatar-compat.scss +0 -58
  535. package/mdc-list/_list-theme.import.scss +0 -17
  536. package/mdc-list/_list-theme.scss +0 -81
  537. package/mdc-list/index.d.ts +0 -534
  538. package/mdc-list/testing/index.d.ts +0 -372
  539. package/mdc-menu/_menu-theme.import.scss +0 -5
  540. package/mdc-menu/_menu-theme.scss +0 -88
  541. package/mdc-menu/index.d.ts +0 -110
  542. package/mdc-menu/testing/index.d.ts +0 -38
  543. package/mdc-paginator/_paginator-theme.import.scss +0 -9
  544. package/mdc-paginator/_paginator-theme.scss +0 -106
  545. package/mdc-paginator/_paginator-variables.import.scss +0 -1
  546. package/mdc-paginator/_paginator-variables.scss +0 -13
  547. package/mdc-paginator/index.d.ts +0 -72
  548. package/mdc-paginator/testing/index.d.ts +0 -30
  549. package/mdc-progress-bar/_progress-bar-theme.import.scss +0 -6
  550. package/mdc-progress-bar/_progress-bar-theme.scss +0 -57
  551. package/mdc-progress-bar/index.d.ts +0 -98
  552. package/mdc-progress-bar/testing/index.d.ts +0 -24
  553. package/mdc-progress-spinner/_progress-spinner-theme.import.scss +0 -6
  554. package/mdc-progress-spinner/_progress-spinner-theme.scss +0 -48
  555. package/mdc-progress-spinner/index.d.ts +0 -90
  556. package/mdc-progress-spinner/testing/index.d.ts +0 -26
  557. package/mdc-radio/_radio-theme.import.scss +0 -7
  558. package/mdc-radio/_radio-theme.scss +0 -110
  559. package/mdc-radio/index.d.ts +0 -72
  560. package/mdc-radio/testing/index.d.ts +0 -43
  561. package/mdc-select/_select-theme.import.scss +0 -10
  562. package/mdc-select/_select-theme.scss +0 -100
  563. package/mdc-select/index.d.ts +0 -111
  564. package/mdc-select/testing/index.d.ts +0 -28
  565. package/mdc-slide-toggle/_slide-toggle-theme.import.scss +0 -11
  566. package/mdc-slide-toggle/_slide-toggle-theme.scss +0 -140
  567. package/mdc-slide-toggle/index.d.ts +0 -83
  568. package/mdc-slide-toggle/testing/index.d.ts +0 -27
  569. package/mdc-slider/_slider-theme.import.scss +0 -5
  570. package/mdc-slider/_slider-theme.scss +0 -125
  571. package/mdc-slider/index.d.ts +0 -435
  572. package/mdc-slider/testing/index.d.ts +0 -92
  573. package/mdc-snack-bar/_snack-bar-theme.import.scss +0 -8
  574. package/mdc-snack-bar/_snack-bar-theme.scss +0 -81
  575. package/mdc-snack-bar/index.d.ts +0 -136
  576. package/mdc-snack-bar/testing/index.d.ts +0 -23
  577. package/mdc-table/_table-theme.import.scss +0 -11
  578. package/mdc-table/_table-theme.scss +0 -78
  579. package/mdc-table/index.d.ts +0 -238
  580. package/mdc-table/testing/index.d.ts +0 -118
  581. package/mdc-tabs/_tabs-common.import.scss +0 -14
  582. package/mdc-tabs/_tabs-common.scss +0 -196
  583. package/mdc-tabs/_tabs-theme.import.scss +0 -8
  584. package/mdc-tabs/_tabs-theme.scss +0 -146
  585. package/mdc-tabs/index.d.ts +0 -307
  586. package/mdc-tabs/testing/index.d.ts +0 -151
  587. package/mdc-tooltip/_tooltip-theme.import.scss +0 -5
  588. package/mdc-tooltip/_tooltip-theme.scss +0 -49
  589. package/mdc-tooltip/index.d.ts +0 -118
  590. 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