@depup/angular__material 21.2.2-depup.19

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 (578) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +31 -0
  3. package/_index.scss +145 -0
  4. package/autocomplete/_autocomplete-theme.scss +76 -0
  5. package/autocomplete/_m2-autocomplete.scss +19 -0
  6. package/autocomplete/_m3-autocomplete.scss +26 -0
  7. package/badge/_badge-theme.scss +106 -0
  8. package/badge/_m2-badge.scss +73 -0
  9. package/badge/_m3-badge.scss +52 -0
  10. package/bottom-sheet/_bottom-sheet-theme.scss +76 -0
  11. package/bottom-sheet/_m2-bottom-sheet.scss +24 -0
  12. package/bottom-sheet/_m3-bottom-sheet.scss +25 -0
  13. package/button/_button-theme.scss +113 -0
  14. package/button/_fab-theme.scss +111 -0
  15. package/button/_icon-button-theme.scss +136 -0
  16. package/button/_m2-button.scss +194 -0
  17. package/button/_m2-fab.scss +101 -0
  18. package/button/_m2-icon-button.scss +59 -0
  19. package/button/_m3-button.scss +170 -0
  20. package/button/_m3-fab.scss +92 -0
  21. package/button/_m3-icon-button.scss +54 -0
  22. package/button-toggle/_button-toggle-theme.scss +93 -0
  23. package/button-toggle/_m2-button-toggle.scss +68 -0
  24. package/button-toggle/_m3-button-toggle.scss +72 -0
  25. package/card/_card-theme.scss +76 -0
  26. package/card/_m2-card.scss +39 -0
  27. package/card/_m3-card.scss +44 -0
  28. package/changes.json +10 -0
  29. package/checkbox/_checkbox-theme.scss +105 -0
  30. package/checkbox/_m2-checkbox.scss +78 -0
  31. package/checkbox/_m3-checkbox.scss +68 -0
  32. package/chips/_chips-theme.scss +115 -0
  33. package/chips/_m2-chip.scss +85 -0
  34. package/chips/_m3-chip.scss +81 -0
  35. package/core/_core-theme.scss +125 -0
  36. package/core/_core.scss +50 -0
  37. package/core/_m2-app.scss +24 -0
  38. package/core/_m3-app.scss +44 -0
  39. package/core/color/_all-color.scss +17 -0
  40. package/core/density/private/_all-density.scss +78 -0
  41. package/core/focus-indicators/_private.scss +126 -0
  42. package/core/m2/_index.scss +52 -0
  43. package/core/m2/_palette.scss +748 -0
  44. package/core/m2/_theming.scss +340 -0
  45. package/core/m2/_typography-utils.scss +81 -0
  46. package/core/m2/_typography.scss +388 -0
  47. package/core/option/_m2-optgroup.scss +21 -0
  48. package/core/option/_m2-option.scss +38 -0
  49. package/core/option/_m3-optgroup.scss +25 -0
  50. package/core/option/_m3-option.scss +37 -0
  51. package/core/option/_optgroup-theme.scss +76 -0
  52. package/core/option/_option-theme.scss +103 -0
  53. package/core/ripple/_m2-ripple.scss +17 -0
  54. package/core/ripple/_m3-ripple.scss +17 -0
  55. package/core/ripple/_ripple-theme.scss +75 -0
  56. package/core/ripple/_ripple.scss +56 -0
  57. package/core/selection/pseudo-checkbox/_m2-pseudo-checkbox.scss +32 -0
  58. package/core/selection/pseudo-checkbox/_m3-pseudo-checkbox.scss +34 -0
  59. package/core/selection/pseudo-checkbox/_pseudo-checkbox-common.scss +86 -0
  60. package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +110 -0
  61. package/core/style/_checkbox-common.scss +11 -0
  62. package/core/style/_elevation.scss +208 -0
  63. package/core/style/_layout-common.scss +8 -0
  64. package/core/style/_private.scss +27 -0
  65. package/core/style/_sass-utils.scss +57 -0
  66. package/core/style/_validation.scss +52 -0
  67. package/core/style/_variables.scss +44 -0
  68. package/core/style/_vendor-prefixes.scss +56 -0
  69. package/core/theming/_all-theme.scss +168 -0
  70. package/core/theming/_color-api-backwards-compatibility.scss +159 -0
  71. package/core/theming/_config-validation.scss +174 -0
  72. package/core/theming/_definition.scss +141 -0
  73. package/core/theming/_inspection.scss +289 -0
  74. package/core/theming/_m2-inspection.scss +243 -0
  75. package/core/theming/_palettes.scss +1036 -0
  76. package/core/theming/_theming.scss +193 -0
  77. package/core/theming/_validation.scss +5 -0
  78. package/core/tokens/_classes.scss +398 -0
  79. package/core/tokens/_m2-utils.scss +25 -0
  80. package/core/tokens/_m3-tokens.scss +126 -0
  81. package/core/tokens/_m3-utils.scss +36 -0
  82. package/core/tokens/_system.scss +398 -0
  83. package/core/tokens/_token-utils.scss +119 -0
  84. package/core/tokens/m2/_index.scss +6 -0
  85. package/core/tokens/m2/_md-sys-color-internal.scss +11 -0
  86. package/core/tokens/m2/_md-sys-color.scss +123 -0
  87. package/core/tokens/m2/_md-sys-elevation.scss +10 -0
  88. package/core/tokens/m2/_md-sys-motion.scss +30 -0
  89. package/core/tokens/m2/_md-sys-shape.scss +16 -0
  90. package/core/tokens/m2/_md-sys-state.scss +8 -0
  91. package/core/tokens/m2/_md-sys-typescale.scss +68 -0
  92. package/core/tokens/m3/_index.scss +7 -0
  93. package/core/tokens/m3/_md-sys-color-internal.scss +11 -0
  94. package/core/tokens/m3/_md-sys-color.scss +118 -0
  95. package/core/tokens/m3/_md-sys-elevation.scss +15 -0
  96. package/core/tokens/m3/_md-sys-motion.scss +35 -0
  97. package/core/tokens/m3/_md-sys-shape.scss +21 -0
  98. package/core/tokens/m3/_md-sys-state.scss +13 -0
  99. package/core/tokens/m3/_md-sys-typescale-internal.scss +5 -0
  100. package/core/tokens/m3/_md-sys-typescale.scss +114 -0
  101. package/core/tokens/m3/_theme.scss +35 -0
  102. package/core/typography/_all-typography.scss +104 -0
  103. package/core/typography/_typography-utils.scss +31 -0
  104. package/core/typography/_typography.scss +269 -0
  105. package/core/typography/_versioning.scss +90 -0
  106. package/datepicker/_datepicker-theme.scss +132 -0
  107. package/datepicker/_m2-datepicker.scss +81 -0
  108. package/datepicker/_m3-datepicker.scss +74 -0
  109. package/dialog/_dialog-legacy-padding.scss +31 -0
  110. package/dialog/_dialog-theme.scss +76 -0
  111. package/dialog/_m2-dialog.scss +43 -0
  112. package/dialog/_m3-dialog.scss +47 -0
  113. package/divider/_divider-theme.scss +75 -0
  114. package/divider/_m2-divider.scss +17 -0
  115. package/divider/_m3-divider.scss +19 -0
  116. package/expansion/_expansion-theme.scss +76 -0
  117. package/expansion/_m2-expansion.scss +64 -0
  118. package/expansion/_m3-expansion.scss +61 -0
  119. package/fesm2022/_animation-chunk.mjs +22 -0
  120. package/fesm2022/_animation-chunk.mjs.map +1 -0
  121. package/fesm2022/_date-formats-chunk.mjs +86 -0
  122. package/fesm2022/_date-formats-chunk.mjs.map +1 -0
  123. package/fesm2022/_date-range-input-harness-chunk.mjs +322 -0
  124. package/fesm2022/_date-range-input-harness-chunk.mjs.map +1 -0
  125. package/fesm2022/_error-options-chunk.mjs +66 -0
  126. package/fesm2022/_error-options-chunk.mjs.map +1 -0
  127. package/fesm2022/_error-state-chunk.mjs +30 -0
  128. package/fesm2022/_error-state-chunk.mjs.map +1 -0
  129. package/fesm2022/_form-field-chunk.mjs +1351 -0
  130. package/fesm2022/_form-field-chunk.mjs.map +1 -0
  131. package/fesm2022/_icon-button-chunk.mjs +268 -0
  132. package/fesm2022/_icon-button-chunk.mjs.map +1 -0
  133. package/fesm2022/_icon-registry-chunk.mjs +368 -0
  134. package/fesm2022/_icon-registry-chunk.mjs.map +1 -0
  135. package/fesm2022/_input-harness-chunk.mjs +67 -0
  136. package/fesm2022/_input-harness-chunk.mjs.map +1 -0
  137. package/fesm2022/_input-value-accessor-chunk.mjs +6 -0
  138. package/fesm2022/_input-value-accessor-chunk.mjs.map +1 -0
  139. package/fesm2022/_internal-form-field-chunk.mjs +67 -0
  140. package/fesm2022/_internal-form-field-chunk.mjs.map +1 -0
  141. package/fesm2022/_line-chunk.mjs +99 -0
  142. package/fesm2022/_line-chunk.mjs.map +1 -0
  143. package/fesm2022/_option-chunk.mjs +385 -0
  144. package/fesm2022/_option-chunk.mjs.map +1 -0
  145. package/fesm2022/_option-harness-chunk.mjs +30 -0
  146. package/fesm2022/_option-harness-chunk.mjs.map +1 -0
  147. package/fesm2022/_option-module-chunk.mjs +48 -0
  148. package/fesm2022/_option-module-chunk.mjs.map +1 -0
  149. package/fesm2022/_pseudo-checkbox-chunk.mjs +88 -0
  150. package/fesm2022/_pseudo-checkbox-chunk.mjs.map +1 -0
  151. package/fesm2022/_pseudo-checkbox-module-chunk.mjs +46 -0
  152. package/fesm2022/_pseudo-checkbox-module-chunk.mjs.map +1 -0
  153. package/fesm2022/_public-api-chunk.mjs +84 -0
  154. package/fesm2022/_public-api-chunk.mjs.map +1 -0
  155. package/fesm2022/_ripple-chunk.mjs +544 -0
  156. package/fesm2022/_ripple-chunk.mjs.map +1 -0
  157. package/fesm2022/_ripple-loader-chunk.mjs +144 -0
  158. package/fesm2022/_ripple-loader-chunk.mjs.map +1 -0
  159. package/fesm2022/_ripple-module-chunk.mjs +46 -0
  160. package/fesm2022/_ripple-module-chunk.mjs.map +1 -0
  161. package/fesm2022/_structural-styles-chunk.mjs +45 -0
  162. package/fesm2022/_structural-styles-chunk.mjs.map +1 -0
  163. package/fesm2022/_tooltip-chunk.mjs +848 -0
  164. package/fesm2022/_tooltip-chunk.mjs.map +1 -0
  165. package/fesm2022/autocomplete-testing.mjs +75 -0
  166. package/fesm2022/autocomplete-testing.mjs.map +1 -0
  167. package/fesm2022/autocomplete.mjs +1068 -0
  168. package/fesm2022/autocomplete.mjs.map +1 -0
  169. package/fesm2022/badge-testing.mjs +48 -0
  170. package/fesm2022/badge-testing.mjs.map +1 -0
  171. package/fesm2022/badge.mjs +357 -0
  172. package/fesm2022/badge.mjs.map +1 -0
  173. package/fesm2022/bottom-sheet-testing.mjs +17 -0
  174. package/fesm2022/bottom-sheet-testing.mjs.map +1 -0
  175. package/fesm2022/bottom-sheet.mjs +390 -0
  176. package/fesm2022/bottom-sheet.mjs.map +1 -0
  177. package/fesm2022/button-testing.mjs +81 -0
  178. package/fesm2022/button-testing.mjs.map +1 -0
  179. package/fesm2022/button-toggle-testing.mjs +87 -0
  180. package/fesm2022/button-toggle-testing.mjs.map +1 -0
  181. package/fesm2022/button-toggle.mjs +789 -0
  182. package/fesm2022/button-toggle.mjs.map +1 -0
  183. package/fesm2022/button.mjs +308 -0
  184. package/fesm2022/button.mjs.map +1 -0
  185. package/fesm2022/card-testing.mjs +29 -0
  186. package/fesm2022/card-testing.mjs.map +1 -0
  187. package/fesm2022/card.mjs +615 -0
  188. package/fesm2022/card.mjs.map +1 -0
  189. package/fesm2022/checkbox-testing.mjs +79 -0
  190. package/fesm2022/checkbox-testing.mjs.map +1 -0
  191. package/fesm2022/checkbox.mjs +551 -0
  192. package/fesm2022/checkbox.mjs.map +1 -0
  193. package/fesm2022/chips-testing.mjs +239 -0
  194. package/fesm2022/chips-testing.mjs.map +1 -0
  195. package/fesm2022/chips.mjs +2663 -0
  196. package/fesm2022/chips.mjs.map +1 -0
  197. package/fesm2022/core-testing.mjs +22 -0
  198. package/fesm2022/core-testing.mjs.map +1 -0
  199. package/fesm2022/core.mjs +408 -0
  200. package/fesm2022/core.mjs.map +1 -0
  201. package/fesm2022/datepicker-testing.mjs +26 -0
  202. package/fesm2022/datepicker-testing.mjs.map +1 -0
  203. package/fesm2022/datepicker.mjs +5015 -0
  204. package/fesm2022/datepicker.mjs.map +1 -0
  205. package/fesm2022/dialog-testing.mjs +123 -0
  206. package/fesm2022/dialog-testing.mjs.map +1 -0
  207. package/fesm2022/dialog.mjs +873 -0
  208. package/fesm2022/dialog.mjs.map +1 -0
  209. package/fesm2022/divider-testing.mjs +17 -0
  210. package/fesm2022/divider-testing.mjs.map +1 -0
  211. package/fesm2022/divider.mjs +132 -0
  212. package/fesm2022/divider.mjs.map +1 -0
  213. package/fesm2022/expansion-testing.mjs +87 -0
  214. package/fesm2022/expansion-testing.mjs.map +1 -0
  215. package/fesm2022/expansion.mjs +749 -0
  216. package/fesm2022/expansion.mjs.map +1 -0
  217. package/fesm2022/form-field-testing-control.mjs +24 -0
  218. package/fesm2022/form-field-testing-control.mjs.map +1 -0
  219. package/fesm2022/form-field-testing.mjs +135 -0
  220. package/fesm2022/form-field-testing.mjs.map +1 -0
  221. package/fesm2022/form-field.mjs +57 -0
  222. package/fesm2022/form-field.mjs.map +1 -0
  223. package/fesm2022/grid-list-testing.mjs +80 -0
  224. package/fesm2022/grid-list-testing.mjs.map +1 -0
  225. package/fesm2022/grid-list.mjs +604 -0
  226. package/fesm2022/grid-list.mjs.map +1 -0
  227. package/fesm2022/icon-testing.mjs +172 -0
  228. package/fesm2022/icon-testing.mjs.map +1 -0
  229. package/fesm2022/icon.mjs +366 -0
  230. package/fesm2022/icon.mjs.map +1 -0
  231. package/fesm2022/input-testing.mjs +73 -0
  232. package/fesm2022/input-testing.mjs.map +1 -0
  233. package/fesm2022/input.mjs +495 -0
  234. package/fesm2022/input.mjs.map +1 -0
  235. package/fesm2022/list-testing.mjs +295 -0
  236. package/fesm2022/list-testing.mjs.map +1 -0
  237. package/fesm2022/list.mjs +1604 -0
  238. package/fesm2022/list.mjs.map +1 -0
  239. package/fesm2022/material.mjs +4 -0
  240. package/fesm2022/material.mjs.map +1 -0
  241. package/fesm2022/menu-testing.mjs +174 -0
  242. package/fesm2022/menu-testing.mjs.map +1 -0
  243. package/fesm2022/menu.mjs +1421 -0
  244. package/fesm2022/menu.mjs.map +1 -0
  245. package/fesm2022/paginator-testing.mjs +69 -0
  246. package/fesm2022/paginator-testing.mjs.map +1 -0
  247. package/fesm2022/paginator.mjs +445 -0
  248. package/fesm2022/paginator.mjs.map +1 -0
  249. package/fesm2022/progress-bar-testing.mjs +20 -0
  250. package/fesm2022/progress-bar-testing.mjs.map +1 -0
  251. package/fesm2022/progress-bar.mjs +247 -0
  252. package/fesm2022/progress-bar.mjs.map +1 -0
  253. package/fesm2022/progress-spinner-testing.mjs +21 -0
  254. package/fesm2022/progress-spinner-testing.mjs.map +1 -0
  255. package/fesm2022/progress-spinner.mjs +258 -0
  256. package/fesm2022/progress-spinner.mjs.map +1 -0
  257. package/fesm2022/radio-testing.mjs +143 -0
  258. package/fesm2022/radio-testing.mjs.map +1 -0
  259. package/fesm2022/radio.mjs +751 -0
  260. package/fesm2022/radio.mjs.map +1 -0
  261. package/fesm2022/select-testing.mjs +92 -0
  262. package/fesm2022/select-testing.mjs.map +1 -0
  263. package/fesm2022/select.mjs +1181 -0
  264. package/fesm2022/select.mjs.map +1 -0
  265. package/fesm2022/sidenav-testing.mjs +80 -0
  266. package/fesm2022/sidenav-testing.mjs.map +1 -0
  267. package/fesm2022/sidenav.mjs +1151 -0
  268. package/fesm2022/sidenav.mjs.map +1 -0
  269. package/fesm2022/slide-toggle-testing.mjs +68 -0
  270. package/fesm2022/slide-toggle-testing.mjs.map +1 -0
  271. package/fesm2022/slide-toggle.mjs +403 -0
  272. package/fesm2022/slide-toggle.mjs.map +1 -0
  273. package/fesm2022/slider-testing.mjs +105 -0
  274. package/fesm2022/slider-testing.mjs.map +1 -0
  275. package/fesm2022/slider.mjs +1720 -0
  276. package/fesm2022/slider.mjs.map +1 -0
  277. package/fesm2022/snack-bar-testing.mjs +47 -0
  278. package/fesm2022/snack-bar-testing.mjs.map +1 -0
  279. package/fesm2022/snack-bar.mjs +820 -0
  280. package/fesm2022/snack-bar.mjs.map +1 -0
  281. package/fesm2022/sort-testing.mjs +55 -0
  282. package/fesm2022/sort-testing.mjs.map +1 -0
  283. package/fesm2022/sort.mjs +470 -0
  284. package/fesm2022/sort.mjs.map +1 -0
  285. package/fesm2022/stepper-testing.mjs +99 -0
  286. package/fesm2022/stepper-testing.mjs.map +1 -0
  287. package/fesm2022/stepper.mjs +900 -0
  288. package/fesm2022/stepper.mjs.map +1 -0
  289. package/fesm2022/table-testing.mjs +152 -0
  290. package/fesm2022/table-testing.mjs.map +1 -0
  291. package/fesm2022/table.mjs +1151 -0
  292. package/fesm2022/table.mjs.map +1 -0
  293. package/fesm2022/tabs-testing.mjs +144 -0
  294. package/fesm2022/tabs-testing.mjs.map +1 -0
  295. package/fesm2022/tabs.mjs +2435 -0
  296. package/fesm2022/tabs.mjs.map +1 -0
  297. package/fesm2022/timepicker-testing.mjs +128 -0
  298. package/fesm2022/timepicker-testing.mjs.map +1 -0
  299. package/fesm2022/timepicker.mjs +1284 -0
  300. package/fesm2022/timepicker.mjs.map +1 -0
  301. package/fesm2022/toolbar-testing.mjs +26 -0
  302. package/fesm2022/toolbar-testing.mjs.map +1 -0
  303. package/fesm2022/toolbar.mjs +182 -0
  304. package/fesm2022/toolbar.mjs.map +1 -0
  305. package/fesm2022/tooltip-testing.mjs +48 -0
  306. package/fesm2022/tooltip-testing.mjs.map +1 -0
  307. package/fesm2022/tooltip.mjs +58 -0
  308. package/fesm2022/tooltip.mjs.map +1 -0
  309. package/fesm2022/tree-testing.mjs +104 -0
  310. package/fesm2022/tree-testing.mjs.map +1 -0
  311. package/fesm2022/tree.mjs +681 -0
  312. package/fesm2022/tree.mjs.map +1 -0
  313. package/form-field/_form-field-theme.scss +96 -0
  314. package/form-field/_m2-form-field.scss +226 -0
  315. package/form-field/_m3-form-field.scss +137 -0
  316. package/grid-list/_grid-list-theme.scss +76 -0
  317. package/grid-list/_m2-grid-list.scss +21 -0
  318. package/grid-list/_m3-grid-list.scss +20 -0
  319. package/icon/_icon-theme.scss +109 -0
  320. package/icon/_m2-icon.scss +15 -0
  321. package/icon/_m3-icon.scss +21 -0
  322. package/input/_input-theme.scss +36 -0
  323. package/list/_list-theme.scss +201 -0
  324. package/list/_m2-list.scss +92 -0
  325. package/list/_m3-list.scss +93 -0
  326. package/menu/_m2-menu.scss +44 -0
  327. package/menu/_m3-menu.scss +42 -0
  328. package/menu/_menu-theme.scss +76 -0
  329. package/package.json +404 -0
  330. package/paginator/_m2-paginator.scss +69 -0
  331. package/paginator/_m3-paginator.scss +46 -0
  332. package/paginator/_paginator-theme.scss +76 -0
  333. package/prebuilt-themes/azure-blue.css +1 -0
  334. package/prebuilt-themes/cyan-orange.css +1 -0
  335. package/prebuilt-themes/deeppurple-amber.css +1 -0
  336. package/prebuilt-themes/indigo-pink.css +1 -0
  337. package/prebuilt-themes/magenta-violet.css +1 -0
  338. package/prebuilt-themes/pink-bluegrey.css +1 -0
  339. package/prebuilt-themes/purple-green.css +1 -0
  340. package/prebuilt-themes/rose-red.css +1 -0
  341. package/progress-bar/_m2-progress-bar.scss +36 -0
  342. package/progress-bar/_m3-progress-bar.scss +29 -0
  343. package/progress-bar/_progress-bar-theme.scss +93 -0
  344. package/progress-spinner/_m2-progress-spinner.scss +25 -0
  345. package/progress-spinner/_m3-progress-spinner.scss +27 -0
  346. package/progress-spinner/_progress-spinner-theme.scss +95 -0
  347. package/radio/_m2-radio.scss +67 -0
  348. package/radio/_m3-radio.scss +65 -0
  349. package/radio/_radio-theme.scss +102 -0
  350. package/schematics/collection.json +55 -0
  351. package/schematics/migration.json +15 -0
  352. package/schematics/ng-add/fonts/material-fonts.d.ts +11 -0
  353. package/schematics/ng-add/fonts/material-fonts.js +41 -0
  354. package/schematics/ng-add/fonts/material-fonts.js.map +1 -0
  355. package/schematics/ng-add/index.d.ts +17 -0
  356. package/schematics/ng-add/index.js +54 -0
  357. package/schematics/ng-add/index.js.map +1 -0
  358. package/schematics/ng-add/package-config.d.ts +12 -0
  359. package/schematics/ng-add/package-config.js +51 -0
  360. package/schematics/ng-add/package-config.js.map +1 -0
  361. package/schematics/ng-add/schema.d.ts +15 -0
  362. package/schematics/ng-add/schema.js +10 -0
  363. package/schematics/ng-add/schema.js.map +1 -0
  364. package/schematics/ng-add/schema.json +43 -0
  365. package/schematics/ng-add/setup-project.d.ts +15 -0
  366. package/schematics/ng-add/setup-project.js +36 -0
  367. package/schematics/ng-add/setup-project.js.map +1 -0
  368. package/schematics/ng-add/theming/create-theme.d.ts +9 -0
  369. package/schematics/ng-add/theming/create-theme.js +58 -0
  370. package/schematics/ng-add/theming/create-theme.js.map +1 -0
  371. package/schematics/ng-add/theming/theming.d.ts +11 -0
  372. package/schematics/ng-add/theming/theming.js +133 -0
  373. package/schematics/ng-add/theming/theming.js.map +1 -0
  374. package/schematics/ng-generate/address-form/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.__style__.template +27 -0
  375. package/schematics/ng-generate/address-form/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +99 -0
  376. package/schematics/ng-generate/address-form/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +38 -0
  377. package/schematics/ng-generate/address-form/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template +118 -0
  378. package/schematics/ng-generate/address-form/index.d.ts +14 -0
  379. package/schematics/ng-generate/address-form/index.js +43 -0
  380. package/schematics/ng-generate/address-form/index.js.map +1 -0
  381. package/schematics/ng-generate/address-form/schema.d.ts +10 -0
  382. package/schematics/ng-generate/address-form/schema.js +10 -0
  383. package/schematics/ng-generate/address-form/schema.js.map +1 -0
  384. package/schematics/ng-generate/address-form/schema.json +100 -0
  385. package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.__style__.template +21 -0
  386. package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +26 -0
  387. package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +36 -0
  388. package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template +56 -0
  389. package/schematics/ng-generate/dashboard/index.d.ts +14 -0
  390. package/schematics/ng-generate/dashboard/index.js +42 -0
  391. package/schematics/ng-generate/dashboard/index.js.map +1 -0
  392. package/schematics/ng-generate/dashboard/schema.d.ts +10 -0
  393. package/schematics/ng-generate/dashboard/schema.js +10 -0
  394. package/schematics/ng-generate/dashboard/schema.js.map +1 -0
  395. package/schematics/ng-generate/dashboard/schema.json +100 -0
  396. package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.__style__.template +17 -0
  397. package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +28 -0
  398. package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +36 -0
  399. package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template +42 -0
  400. package/schematics/ng-generate/navigation/index.d.ts +14 -0
  401. package/schematics/ng-generate/navigation/index.js +42 -0
  402. package/schematics/ng-generate/navigation/index.js.map +1 -0
  403. package/schematics/ng-generate/navigation/schema.d.ts +10 -0
  404. package/schematics/ng-generate/navigation/schema.js +10 -0
  405. package/schematics/ng-generate/navigation/schema.js.map +1 -0
  406. package/schematics/ng-generate/navigation/schema.json +105 -0
  407. package/schematics/ng-generate/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__-datasource.ts.template +111 -0
  408. package/schematics/ng-generate/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.__style__.template +3 -0
  409. package/schematics/ng-generate/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +26 -0
  410. package/schematics/ng-generate/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +32 -0
  411. package/schematics/ng-generate/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template +36 -0
  412. package/schematics/ng-generate/table/index.d.ts +14 -0
  413. package/schematics/ng-generate/table/index.js +40 -0
  414. package/schematics/ng-generate/table/index.js.map +1 -0
  415. package/schematics/ng-generate/table/schema.d.ts +10 -0
  416. package/schematics/ng-generate/table/schema.js +10 -0
  417. package/schematics/ng-generate/table/schema.js.map +1 -0
  418. package/schematics/ng-generate/table/schema.json +100 -0
  419. package/schematics/ng-generate/theme-color/index_bundled.js +6561 -0
  420. package/schematics/ng-generate/theme-color/index_bundled.js.map +6 -0
  421. package/schematics/ng-generate/theme-color/schema.json +55 -0
  422. package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.__style__.template +4 -0
  423. package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +22 -0
  424. package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +32 -0
  425. package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template +93 -0
  426. package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/example-data.ts.template +47 -0
  427. package/schematics/ng-generate/tree/index.d.ts +14 -0
  428. package/schematics/ng-generate/tree/index.js +40 -0
  429. package/schematics/ng-generate/tree/index.js.map +1 -0
  430. package/schematics/ng-generate/tree/schema.d.ts +10 -0
  431. package/schematics/ng-generate/tree/schema.js +10 -0
  432. package/schematics/ng-generate/tree/schema.js.map +1 -0
  433. package/schematics/ng-generate/tree/schema.json +100 -0
  434. package/schematics/ng-update/index_bundled.js +204 -0
  435. package/schematics/ng-update/index_bundled.js.map +6 -0
  436. package/schematics/package.json +3 -0
  437. package/select/_m2-select.scss +49 -0
  438. package/select/_m3-select.scss +54 -0
  439. package/select/_select-theme.scss +99 -0
  440. package/sidenav/_m2-sidenav.scss +48 -0
  441. package/sidenav/_m3-sidenav.scss +26 -0
  442. package/sidenav/_sidenav-theme.scss +75 -0
  443. package/slide-toggle/_m2-slide-toggle.scss +134 -0
  444. package/slide-toggle/_m3-slide-toggle.scss +133 -0
  445. package/slide-toggle/_slide-toggle-theme.scss +119 -0
  446. package/slider/_m2-slider.scss +73 -0
  447. package/slider/_m3-slider.scss +69 -0
  448. package/slider/_slider-theme.scss +103 -0
  449. package/snack-bar/_m2-snack-bar.scss +24 -0
  450. package/snack-bar/_m3-snack-bar.scss +26 -0
  451. package/snack-bar/_snack-bar-theme.scss +77 -0
  452. package/sort/_m2-sort.scss +16 -0
  453. package/sort/_m3-sort.scss +20 -0
  454. package/sort/_sort-theme.scss +76 -0
  455. package/stepper/_m2-stepper.scss +65 -0
  456. package/stepper/_m3-stepper.scss +66 -0
  457. package/stepper/_stepper-theme.scss +102 -0
  458. package/table/_m2-table.scss +63 -0
  459. package/table/_m3-table.scss +52 -0
  460. package/table/_table-theme.scss +76 -0
  461. package/tabs/_m2-tabs.scss +68 -0
  462. package/tabs/_m3-tabs.scss +58 -0
  463. package/tabs/_tabs-theme.scss +131 -0
  464. package/timepicker/_m2-timepicker.scss +19 -0
  465. package/timepicker/_m3-timepicker.scss +21 -0
  466. package/timepicker/_timepicker-theme.scss +81 -0
  467. package/toolbar/_m2-toolbar.scss +43 -0
  468. package/toolbar/_m3-toolbar.scss +41 -0
  469. package/toolbar/_toolbar-theme.scss +114 -0
  470. package/tooltip/_m2-tooltip.scss +24 -0
  471. package/tooltip/_m3-tooltip.scss +25 -0
  472. package/tooltip/_tooltip-theme.scss +76 -0
  473. package/tree/_m2-tree.scss +30 -0
  474. package/tree/_m3-tree.scss +37 -0
  475. package/tree/_tree-theme.scss +76 -0
  476. package/types/_badge-chunk.d.ts +100 -0
  477. package/types/_button-toggle-chunk.d.ts +252 -0
  478. package/types/_date-adapter-chunk.d.ts +261 -0
  479. package/types/_date-range-input-harness-chunk.d.ts +284 -0
  480. package/types/_dialog-chunk.d.ts +336 -0
  481. package/types/_error-options-chunk.d.ts +17 -0
  482. package/types/_form-field-chunk.d.ts +375 -0
  483. package/types/_form-field-control-chunk.d.ts +64 -0
  484. package/types/_form-field-control-harness-chunk.d.ts +20 -0
  485. package/types/_form-field-module-chunk.d.ts +18 -0
  486. package/types/_icon-module-chunk.d.ts +162 -0
  487. package/types/_icon-registry-chunk.d.ts +271 -0
  488. package/types/_input-harness-chunk.d.ts +61 -0
  489. package/types/_line-chunk.d.ts +25 -0
  490. package/types/_list-option-types-chunk.d.ts +15 -0
  491. package/types/_option-chunk.d.ts +146 -0
  492. package/types/_option-harness-chunk.d.ts +35 -0
  493. package/types/_option-module-chunk.d.ts +13 -0
  494. package/types/_option-parent-chunk.d.ts +20 -0
  495. package/types/_paginator-chunk.d.ts +184 -0
  496. package/types/_palette-chunk.d.ts +4 -0
  497. package/types/_progress-spinner-chunk.d.ts +91 -0
  498. package/types/_pseudo-checkbox-module-chunk.d.ts +45 -0
  499. package/types/_ripple-chunk.d.ts +256 -0
  500. package/types/_ripple-loader-chunk.d.ts +48 -0
  501. package/types/_ripple-module-chunk.d.ts +11 -0
  502. package/types/_sort-chunk.d.ts +88 -0
  503. package/types/_sort-direction-chunk.d.ts +3 -0
  504. package/types/_tooltip-chunk.d.ts +315 -0
  505. package/types/autocomplete-testing.d.ts +53 -0
  506. package/types/autocomplete.d.ts +420 -0
  507. package/types/badge-testing.d.ts +36 -0
  508. package/types/badge.d.ts +14 -0
  509. package/types/bottom-sheet-testing.d.ts +26 -0
  510. package/types/bottom-sheet.d.ts +192 -0
  511. package/types/button-testing.d.ts +70 -0
  512. package/types/button-toggle-testing.d.ts +97 -0
  513. package/types/button-toggle.d.ts +16 -0
  514. package/types/button.d.ts +210 -0
  515. package/types/card-testing.d.ts +41 -0
  516. package/types/card.d.ts +156 -0
  517. package/types/checkbox-testing.d.ts +86 -0
  518. package/types/checkbox.d.ts +216 -0
  519. package/types/chips-testing.d.ts +270 -0
  520. package/types/chips.d.ts +993 -0
  521. package/types/core-testing.d.ts +32 -0
  522. package/types/core.d.ts +185 -0
  523. package/types/datepicker-testing.d.ts +25 -0
  524. package/types/datepicker.d.ts +1746 -0
  525. package/types/dialog-testing.d.ts +83 -0
  526. package/types/dialog.d.ts +84 -0
  527. package/types/divider-testing.d.ts +15 -0
  528. package/types/divider.d.ts +24 -0
  529. package/types/expansion-testing.d.ts +101 -0
  530. package/types/expansion.d.ts +258 -0
  531. package/types/form-field-testing-control.d.ts +13 -0
  532. package/types/form-field-testing.d.ts +127 -0
  533. package/types/form-field.d.ts +19 -0
  534. package/types/grid-list-testing.d.ts +82 -0
  535. package/types/grid-list.d.ts +207 -0
  536. package/types/icon-testing.d.ts +81 -0
  537. package/types/icon.d.ts +8 -0
  538. package/types/input-testing.d.ts +73 -0
  539. package/types/input.d.ts +208 -0
  540. package/types/list-testing.d.ts +354 -0
  541. package/types/list.d.ts +516 -0
  542. package/types/material.d.ts +3 -0
  543. package/types/menu-testing.d.ts +141 -0
  544. package/types/menu.d.ts +547 -0
  545. package/types/paginator-testing.d.ts +51 -0
  546. package/types/paginator.d.ts +36 -0
  547. package/types/progress-bar-testing.d.ts +24 -0
  548. package/types/progress-bar.d.ts +106 -0
  549. package/types/progress-spinner-testing.d.ts +28 -0
  550. package/types/progress-spinner.d.ts +13 -0
  551. package/types/radio-testing.d.ts +109 -0
  552. package/types/radio.d.ts +295 -0
  553. package/types/select-testing.d.ts +63 -0
  554. package/types/select.d.ts +448 -0
  555. package/types/sidenav-testing.d.ts +122 -0
  556. package/types/sidenav.d.ts +335 -0
  557. package/types/slide-toggle-testing.d.ts +66 -0
  558. package/types/slide-toggle.d.ts +151 -0
  559. package/types/slider-testing.d.ts +90 -0
  560. package/types/slider.d.ts +662 -0
  561. package/types/snack-bar-testing.d.ts +64 -0
  562. package/types/snack-bar.d.ts +328 -0
  563. package/types/sort-testing.d.ts +48 -0
  564. package/types/sort.d.ts +126 -0
  565. package/types/stepper-testing.d.ts +136 -0
  566. package/types/stepper.d.ts +225 -0
  567. package/types/table-testing.d.ts +174 -0
  568. package/types/table.d.ts +302 -0
  569. package/types/tabs-testing.d.ts +145 -0
  570. package/types/tabs.d.ts +890 -0
  571. package/types/timepicker-testing.d.ts +108 -0
  572. package/types/timepicker.d.ts +318 -0
  573. package/types/toolbar-testing.d.ts +33 -0
  574. package/types/toolbar.d.ts +44 -0
  575. package/types/tooltip-testing.d.ts +35 -0
  576. package/types/tooltip.d.ts +17 -0
  577. package/types/tree-testing.d.ts +119 -0
  578. package/types/tree.d.ts +233 -0
@@ -0,0 +1,2663 @@
1
+ import { FocusMonitor, _IdGenerator, FocusKeyManager } from '@angular/cdk/a11y';
2
+ import { ENTER, SPACE, BACKSPACE, DELETE, TAB, hasModifierKey, UP_ARROW, DOWN_ARROW } from '@angular/cdk/keycodes';
3
+ import { _CdkPrivateStyleLoader, _VisuallyHiddenLoader } from '@angular/cdk/private';
4
+ import * as i0 from '@angular/core';
5
+ import { InjectionToken, inject, ElementRef, booleanAttribute, numberAttribute, Directive, Input, ChangeDetectorRef, HOST_TAG_NAME, NgZone, DOCUMENT, EventEmitter, Injector, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren, Output, ContentChild, ViewChild, Renderer2, afterNextRender, QueryList, forwardRef, NgModule } from '@angular/core';
6
+ import { Subject, merge } from 'rxjs';
7
+ import { _StructuralStylesLoader } from './_structural-styles-chunk.mjs';
8
+ import { MAT_RIPPLE_GLOBAL_OPTIONS } from './_ripple-chunk.mjs';
9
+ import { _animationsDisabled } from './_animation-chunk.mjs';
10
+ import { MatRippleLoader } from './_ripple-loader-chunk.mjs';
11
+ import { takeUntil, startWith, switchMap } from 'rxjs/operators';
12
+ import { Directionality, BidiModule } from '@angular/cdk/bidi';
13
+ import { NG_VALUE_ACCESSOR, NgControl, Validators, NgForm, FormGroupDirective } from '@angular/forms';
14
+ import { ErrorStateMatcher } from './_error-options-chunk.mjs';
15
+ import { _ErrorStateTracker } from './_error-state-chunk.mjs';
16
+ import { MatFormFieldControl, MAT_FORM_FIELD } from './_form-field-chunk.mjs';
17
+ import { MatRippleModule } from './_ripple-module-chunk.mjs';
18
+ import '@angular/cdk/platform';
19
+ import '@angular/cdk/coercion';
20
+ import '@angular/cdk/layout';
21
+ import '@angular/common';
22
+ import '@angular/cdk/observers/private';
23
+
24
+ const MAT_CHIPS_DEFAULT_OPTIONS = new InjectionToken('mat-chips-default-options', {
25
+ providedIn: 'root',
26
+ factory: () => ({
27
+ separatorKeyCodes: [ENTER]
28
+ })
29
+ });
30
+ const MAT_CHIP_AVATAR = new InjectionToken('MatChipAvatar');
31
+ const MAT_CHIP_TRAILING_ICON = new InjectionToken('MatChipTrailingIcon');
32
+ const MAT_CHIP_EDIT = new InjectionToken('MatChipEdit');
33
+ const MAT_CHIP_REMOVE = new InjectionToken('MatChipRemove');
34
+ const MAT_CHIP = new InjectionToken('MatChip');
35
+
36
+ class MatChipContent {
37
+ _elementRef = inject(ElementRef);
38
+ _parentChip = inject(MAT_CHIP);
39
+ _isPrimary = true;
40
+ _isLeading = false;
41
+ get disabled() {
42
+ return this._disabled || this._parentChip?.disabled || false;
43
+ }
44
+ set disabled(value) {
45
+ this._disabled = value;
46
+ }
47
+ _disabled = false;
48
+ tabIndex = -1;
49
+ _allowFocusWhenDisabled = false;
50
+ _getDisabledAttribute() {
51
+ return this.disabled && !this._allowFocusWhenDisabled ? '' : null;
52
+ }
53
+ constructor() {
54
+ inject(_CdkPrivateStyleLoader).load(_StructuralStylesLoader);
55
+ if (this._elementRef.nativeElement.nodeName === 'BUTTON') {
56
+ this._elementRef.nativeElement.setAttribute('type', 'button');
57
+ }
58
+ }
59
+ focus() {
60
+ this._elementRef.nativeElement.focus();
61
+ }
62
+ static ɵfac = i0.ɵɵngDeclareFactory({
63
+ minVersion: "12.0.0",
64
+ version: "22.0.0-next.1",
65
+ ngImport: i0,
66
+ type: MatChipContent,
67
+ deps: [],
68
+ target: i0.ɵɵFactoryTarget.Directive
69
+ });
70
+ static ɵdir = i0.ɵɵngDeclareDirective({
71
+ minVersion: "16.1.0",
72
+ version: "22.0.0-next.1",
73
+ type: MatChipContent,
74
+ isStandalone: true,
75
+ selector: "[matChipContent]",
76
+ inputs: {
77
+ disabled: ["disabled", "disabled", booleanAttribute],
78
+ tabIndex: ["tabIndex", "tabIndex", value => value == null ? -1 : numberAttribute(value)],
79
+ _allowFocusWhenDisabled: "_allowFocusWhenDisabled"
80
+ },
81
+ host: {
82
+ properties: {
83
+ "class.mdc-evolution-chip__action--primary": "_isPrimary",
84
+ "class.mdc-evolution-chip__action--secondary": "!_isPrimary",
85
+ "class.mdc-evolution-chip__action--trailing": "!_isPrimary && !_isLeading",
86
+ "attr.disabled": "_getDisabledAttribute()",
87
+ "attr.aria-disabled": "disabled"
88
+ },
89
+ classAttribute: "mat-mdc-chip-action mdc-evolution-chip__action mdc-evolution-chip__action--presentational"
90
+ },
91
+ ngImport: i0
92
+ });
93
+ }
94
+ i0.ɵɵngDeclareClassMetadata({
95
+ minVersion: "12.0.0",
96
+ version: "22.0.0-next.1",
97
+ ngImport: i0,
98
+ type: MatChipContent,
99
+ decorators: [{
100
+ type: Directive,
101
+ args: [{
102
+ selector: '[matChipContent]',
103
+ host: {
104
+ 'class': 'mat-mdc-chip-action mdc-evolution-chip__action mdc-evolution-chip__action--presentational',
105
+ '[class.mdc-evolution-chip__action--primary]': '_isPrimary',
106
+ '[class.mdc-evolution-chip__action--secondary]': '!_isPrimary',
107
+ '[class.mdc-evolution-chip__action--trailing]': '!_isPrimary && !_isLeading',
108
+ '[attr.disabled]': '_getDisabledAttribute()',
109
+ '[attr.aria-disabled]': 'disabled'
110
+ }
111
+ }]
112
+ }],
113
+ ctorParameters: () => [],
114
+ propDecorators: {
115
+ disabled: [{
116
+ type: Input,
117
+ args: [{
118
+ transform: booleanAttribute
119
+ }]
120
+ }],
121
+ tabIndex: [{
122
+ type: Input,
123
+ args: [{
124
+ transform: value => value == null ? -1 : numberAttribute(value)
125
+ }]
126
+ }],
127
+ _allowFocusWhenDisabled: [{
128
+ type: Input
129
+ }]
130
+ }
131
+ });
132
+ class MatChipAction extends MatChipContent {
133
+ _getTabindex() {
134
+ return this.disabled && !this._allowFocusWhenDisabled ? null : this.tabIndex.toString();
135
+ }
136
+ _handleClick(event) {
137
+ if (!this.disabled && this._isPrimary) {
138
+ event.preventDefault();
139
+ this._parentChip._handlePrimaryActionInteraction();
140
+ }
141
+ }
142
+ _handleKeydown(event) {
143
+ if ((event.keyCode === ENTER || event.keyCode === SPACE) && !this.disabled && this._isPrimary && !this._parentChip._isEditing) {
144
+ event.preventDefault();
145
+ this._parentChip._handlePrimaryActionInteraction();
146
+ }
147
+ }
148
+ static ɵfac = i0.ɵɵngDeclareFactory({
149
+ minVersion: "12.0.0",
150
+ version: "22.0.0-next.1",
151
+ ngImport: i0,
152
+ type: MatChipAction,
153
+ deps: null,
154
+ target: i0.ɵɵFactoryTarget.Directive
155
+ });
156
+ static ɵdir = i0.ɵɵngDeclareDirective({
157
+ minVersion: "14.0.0",
158
+ version: "22.0.0-next.1",
159
+ type: MatChipAction,
160
+ isStandalone: true,
161
+ selector: "[matChipAction]",
162
+ host: {
163
+ listeners: {
164
+ "click": "_handleClick($event)",
165
+ "keydown": "_handleKeydown($event)"
166
+ },
167
+ properties: {
168
+ "attr.tabindex": "_getTabindex()",
169
+ "class.mdc-evolution-chip__action--presentational": "false"
170
+ }
171
+ },
172
+ usesInheritance: true,
173
+ ngImport: i0
174
+ });
175
+ }
176
+ i0.ɵɵngDeclareClassMetadata({
177
+ minVersion: "12.0.0",
178
+ version: "22.0.0-next.1",
179
+ ngImport: i0,
180
+ type: MatChipAction,
181
+ decorators: [{
182
+ type: Directive,
183
+ args: [{
184
+ selector: '[matChipAction]',
185
+ host: {
186
+ '[attr.tabindex]': '_getTabindex()',
187
+ '[class.mdc-evolution-chip__action--presentational]': 'false',
188
+ '(click)': '_handleClick($event)',
189
+ '(keydown)': '_handleKeydown($event)'
190
+ }
191
+ }]
192
+ }]
193
+ });
194
+
195
+ class MatChipAvatar {
196
+ static ɵfac = i0.ɵɵngDeclareFactory({
197
+ minVersion: "12.0.0",
198
+ version: "22.0.0-next.1",
199
+ ngImport: i0,
200
+ type: MatChipAvatar,
201
+ deps: [],
202
+ target: i0.ɵɵFactoryTarget.Directive
203
+ });
204
+ static ɵdir = i0.ɵɵngDeclareDirective({
205
+ minVersion: "14.0.0",
206
+ version: "22.0.0-next.1",
207
+ type: MatChipAvatar,
208
+ isStandalone: true,
209
+ selector: "mat-chip-avatar, [matChipAvatar]",
210
+ host: {
211
+ attributes: {
212
+ "role": "img"
213
+ },
214
+ classAttribute: "mat-mdc-chip-avatar mdc-evolution-chip__icon mdc-evolution-chip__icon--primary"
215
+ },
216
+ providers: [{
217
+ provide: MAT_CHIP_AVATAR,
218
+ useExisting: MatChipAvatar
219
+ }],
220
+ ngImport: i0
221
+ });
222
+ }
223
+ i0.ɵɵngDeclareClassMetadata({
224
+ minVersion: "12.0.0",
225
+ version: "22.0.0-next.1",
226
+ ngImport: i0,
227
+ type: MatChipAvatar,
228
+ decorators: [{
229
+ type: Directive,
230
+ args: [{
231
+ selector: 'mat-chip-avatar, [matChipAvatar]',
232
+ host: {
233
+ 'class': 'mat-mdc-chip-avatar mdc-evolution-chip__icon mdc-evolution-chip__icon--primary',
234
+ 'role': 'img'
235
+ },
236
+ providers: [{
237
+ provide: MAT_CHIP_AVATAR,
238
+ useExisting: MatChipAvatar
239
+ }]
240
+ }]
241
+ }]
242
+ });
243
+ class MatChipTrailingIcon extends MatChipContent {
244
+ _isPrimary = false;
245
+ static ɵfac = i0.ɵɵngDeclareFactory({
246
+ minVersion: "12.0.0",
247
+ version: "22.0.0-next.1",
248
+ ngImport: i0,
249
+ type: MatChipTrailingIcon,
250
+ deps: null,
251
+ target: i0.ɵɵFactoryTarget.Directive
252
+ });
253
+ static ɵdir = i0.ɵɵngDeclareDirective({
254
+ minVersion: "14.0.0",
255
+ version: "22.0.0-next.1",
256
+ type: MatChipTrailingIcon,
257
+ isStandalone: true,
258
+ selector: "mat-chip-trailing-icon, [matChipTrailingIcon]",
259
+ host: {
260
+ attributes: {
261
+ "aria-hidden": "true"
262
+ },
263
+ classAttribute: "mat-mdc-chip-trailing-icon mdc-evolution-chip__icon mdc-evolution-chip__icon--trailing"
264
+ },
265
+ providers: [{
266
+ provide: MAT_CHIP_TRAILING_ICON,
267
+ useExisting: MatChipTrailingIcon
268
+ }],
269
+ usesInheritance: true,
270
+ ngImport: i0
271
+ });
272
+ }
273
+ i0.ɵɵngDeclareClassMetadata({
274
+ minVersion: "12.0.0",
275
+ version: "22.0.0-next.1",
276
+ ngImport: i0,
277
+ type: MatChipTrailingIcon,
278
+ decorators: [{
279
+ type: Directive,
280
+ args: [{
281
+ selector: 'mat-chip-trailing-icon, [matChipTrailingIcon]',
282
+ host: {
283
+ 'class': 'mat-mdc-chip-trailing-icon mdc-evolution-chip__icon mdc-evolution-chip__icon--trailing',
284
+ 'aria-hidden': 'true'
285
+ },
286
+ providers: [{
287
+ provide: MAT_CHIP_TRAILING_ICON,
288
+ useExisting: MatChipTrailingIcon
289
+ }]
290
+ }]
291
+ }]
292
+ });
293
+ class MatChipEdit extends MatChipAction {
294
+ _isPrimary = false;
295
+ _isLeading = true;
296
+ _handleClick(event) {
297
+ if (!this.disabled) {
298
+ event.stopPropagation();
299
+ event.preventDefault();
300
+ this._parentChip._edit();
301
+ }
302
+ }
303
+ _handleKeydown(event) {
304
+ if ((event.keyCode === ENTER || event.keyCode === SPACE) && !this.disabled) {
305
+ event.stopPropagation();
306
+ event.preventDefault();
307
+ this._parentChip._edit();
308
+ }
309
+ }
310
+ static ɵfac = i0.ɵɵngDeclareFactory({
311
+ minVersion: "12.0.0",
312
+ version: "22.0.0-next.1",
313
+ ngImport: i0,
314
+ type: MatChipEdit,
315
+ deps: null,
316
+ target: i0.ɵɵFactoryTarget.Directive
317
+ });
318
+ static ɵdir = i0.ɵɵngDeclareDirective({
319
+ minVersion: "14.0.0",
320
+ version: "22.0.0-next.1",
321
+ type: MatChipEdit,
322
+ isStandalone: true,
323
+ selector: "[matChipEdit]",
324
+ host: {
325
+ attributes: {
326
+ "role": "button"
327
+ },
328
+ properties: {
329
+ "attr.aria-hidden": "null"
330
+ },
331
+ classAttribute: "mat-mdc-chip-edit mat-mdc-chip-avatar mat-focus-indicator mdc-evolution-chip__icon mdc-evolution-chip__icon--primary"
332
+ },
333
+ providers: [{
334
+ provide: MAT_CHIP_EDIT,
335
+ useExisting: MatChipEdit
336
+ }],
337
+ usesInheritance: true,
338
+ ngImport: i0
339
+ });
340
+ }
341
+ i0.ɵɵngDeclareClassMetadata({
342
+ minVersion: "12.0.0",
343
+ version: "22.0.0-next.1",
344
+ ngImport: i0,
345
+ type: MatChipEdit,
346
+ decorators: [{
347
+ type: Directive,
348
+ args: [{
349
+ selector: '[matChipEdit]',
350
+ host: {
351
+ 'class': 'mat-mdc-chip-edit mat-mdc-chip-avatar mat-focus-indicator ' + 'mdc-evolution-chip__icon mdc-evolution-chip__icon--primary',
352
+ 'role': 'button',
353
+ '[attr.aria-hidden]': 'null'
354
+ },
355
+ providers: [{
356
+ provide: MAT_CHIP_EDIT,
357
+ useExisting: MatChipEdit
358
+ }]
359
+ }]
360
+ }]
361
+ });
362
+ class MatChipRemove extends MatChipAction {
363
+ _isPrimary = false;
364
+ _handleClick(event) {
365
+ if (!this.disabled) {
366
+ event.stopPropagation();
367
+ event.preventDefault();
368
+ this._parentChip.remove();
369
+ }
370
+ }
371
+ _handleKeydown(event) {
372
+ if ((event.keyCode === ENTER || event.keyCode === SPACE) && !this.disabled) {
373
+ event.stopPropagation();
374
+ event.preventDefault();
375
+ this._parentChip.remove();
376
+ }
377
+ }
378
+ static ɵfac = i0.ɵɵngDeclareFactory({
379
+ minVersion: "12.0.0",
380
+ version: "22.0.0-next.1",
381
+ ngImport: i0,
382
+ type: MatChipRemove,
383
+ deps: null,
384
+ target: i0.ɵɵFactoryTarget.Directive
385
+ });
386
+ static ɵdir = i0.ɵɵngDeclareDirective({
387
+ minVersion: "14.0.0",
388
+ version: "22.0.0-next.1",
389
+ type: MatChipRemove,
390
+ isStandalone: true,
391
+ selector: "[matChipRemove]",
392
+ host: {
393
+ attributes: {
394
+ "role": "button"
395
+ },
396
+ properties: {
397
+ "attr.aria-hidden": "null"
398
+ },
399
+ classAttribute: "mat-mdc-chip-remove mat-mdc-chip-trailing-icon mat-focus-indicator mdc-evolution-chip__icon mdc-evolution-chip__icon--trailing"
400
+ },
401
+ providers: [{
402
+ provide: MAT_CHIP_REMOVE,
403
+ useExisting: MatChipRemove
404
+ }],
405
+ usesInheritance: true,
406
+ ngImport: i0
407
+ });
408
+ }
409
+ i0.ɵɵngDeclareClassMetadata({
410
+ minVersion: "12.0.0",
411
+ version: "22.0.0-next.1",
412
+ ngImport: i0,
413
+ type: MatChipRemove,
414
+ decorators: [{
415
+ type: Directive,
416
+ args: [{
417
+ selector: '[matChipRemove]',
418
+ host: {
419
+ 'class': 'mat-mdc-chip-remove mat-mdc-chip-trailing-icon mat-focus-indicator ' + 'mdc-evolution-chip__icon mdc-evolution-chip__icon--trailing',
420
+ 'role': 'button',
421
+ '[attr.aria-hidden]': 'null'
422
+ },
423
+ providers: [{
424
+ provide: MAT_CHIP_REMOVE,
425
+ useExisting: MatChipRemove
426
+ }]
427
+ }]
428
+ }]
429
+ });
430
+
431
+ class MatChip {
432
+ _changeDetectorRef = inject(ChangeDetectorRef);
433
+ _elementRef = inject(ElementRef);
434
+ _tagName = inject(HOST_TAG_NAME);
435
+ _ngZone = inject(NgZone);
436
+ _focusMonitor = inject(FocusMonitor);
437
+ _globalRippleOptions = inject(MAT_RIPPLE_GLOBAL_OPTIONS, {
438
+ optional: true
439
+ });
440
+ _document = inject(DOCUMENT);
441
+ _onFocus = new Subject();
442
+ _onBlur = new Subject();
443
+ _isBasicChip = false;
444
+ role = null;
445
+ _hasFocusInternal = false;
446
+ _pendingFocus = false;
447
+ _actionChanges;
448
+ _animationsDisabled = _animationsDisabled();
449
+ _allLeadingIcons;
450
+ _allTrailingIcons;
451
+ _allEditIcons;
452
+ _allRemoveIcons;
453
+ _hasFocus() {
454
+ return this._hasFocusInternal;
455
+ }
456
+ id = inject(_IdGenerator).getId('mat-mdc-chip-');
457
+ ariaLabel = null;
458
+ ariaDescription = null;
459
+ _chipListDisabled = false;
460
+ _hadFocusOnRemove = false;
461
+ _textElement;
462
+ get value() {
463
+ return this._value !== undefined ? this._value : this._textElement.textContent.trim();
464
+ }
465
+ set value(value) {
466
+ this._value = value;
467
+ }
468
+ _value;
469
+ color;
470
+ removable = true;
471
+ highlighted = false;
472
+ disableRipple = false;
473
+ get disabled() {
474
+ return this._disabled || this._chipListDisabled;
475
+ }
476
+ set disabled(value) {
477
+ this._disabled = value;
478
+ }
479
+ _disabled = false;
480
+ removed = new EventEmitter();
481
+ destroyed = new EventEmitter();
482
+ basicChipAttrName = 'mat-basic-chip';
483
+ leadingIcon;
484
+ editIcon;
485
+ trailingIcon;
486
+ removeIcon;
487
+ primaryAction;
488
+ _rippleLoader = inject(MatRippleLoader);
489
+ _injector = inject(Injector);
490
+ constructor() {
491
+ const styleLoader = inject(_CdkPrivateStyleLoader);
492
+ styleLoader.load(_StructuralStylesLoader);
493
+ styleLoader.load(_VisuallyHiddenLoader);
494
+ this._monitorFocus();
495
+ this._rippleLoader?.configureRipple(this._elementRef.nativeElement, {
496
+ className: 'mat-mdc-chip-ripple',
497
+ disabled: this._isRippleDisabled()
498
+ });
499
+ }
500
+ ngOnInit() {
501
+ this._isBasicChip = this._elementRef.nativeElement.hasAttribute(this.basicChipAttrName) || this._tagName.toLowerCase() === this.basicChipAttrName;
502
+ }
503
+ ngAfterViewInit() {
504
+ this._textElement = this._elementRef.nativeElement.querySelector('.mat-mdc-chip-action-label');
505
+ if (this._pendingFocus) {
506
+ this._pendingFocus = false;
507
+ this.focus();
508
+ }
509
+ }
510
+ ngAfterContentInit() {
511
+ this._actionChanges = merge(this._allLeadingIcons.changes, this._allTrailingIcons.changes, this._allEditIcons.changes, this._allRemoveIcons.changes).subscribe(() => this._changeDetectorRef.markForCheck());
512
+ }
513
+ ngDoCheck() {
514
+ this._rippleLoader.setDisabled(this._elementRef.nativeElement, this._isRippleDisabled());
515
+ }
516
+ ngOnDestroy() {
517
+ this._focusMonitor.stopMonitoring(this._elementRef);
518
+ this._rippleLoader?.destroyRipple(this._elementRef.nativeElement);
519
+ this._actionChanges?.unsubscribe();
520
+ this.destroyed.emit({
521
+ chip: this
522
+ });
523
+ this.destroyed.complete();
524
+ }
525
+ remove() {
526
+ if (this.removable) {
527
+ this._hadFocusOnRemove = this._hasFocus();
528
+ this.removed.emit({
529
+ chip: this
530
+ });
531
+ }
532
+ }
533
+ _isRippleDisabled() {
534
+ return this.disabled || this.disableRipple || this._animationsDisabled || this._isBasicChip || !this._hasInteractiveActions() || !!this._globalRippleOptions?.disabled;
535
+ }
536
+ _hasTrailingIcon() {
537
+ return !!(this.trailingIcon || this.removeIcon);
538
+ }
539
+ _handleKeydown(event) {
540
+ if (event.keyCode === BACKSPACE && !event.repeat || event.keyCode === DELETE) {
541
+ event.preventDefault();
542
+ this.remove();
543
+ }
544
+ }
545
+ focus() {
546
+ if (!this.disabled) {
547
+ if (this.primaryAction) {
548
+ this.primaryAction.focus();
549
+ } else {
550
+ this._pendingFocus = true;
551
+ }
552
+ }
553
+ }
554
+ _getSourceAction(target) {
555
+ return this._getActions().find(action => {
556
+ const element = action._elementRef.nativeElement;
557
+ return element === target || element.contains(target);
558
+ });
559
+ }
560
+ _getActions() {
561
+ const result = [];
562
+ if (this.editIcon) {
563
+ result.push(this.editIcon);
564
+ }
565
+ if (this.primaryAction) {
566
+ result.push(this.primaryAction);
567
+ }
568
+ if (this.removeIcon) {
569
+ result.push(this.removeIcon);
570
+ }
571
+ return result;
572
+ }
573
+ _handlePrimaryActionInteraction() {}
574
+ _hasInteractiveActions() {
575
+ return this._getActions().length > 0;
576
+ }
577
+ _edit(event) {}
578
+ _monitorFocus() {
579
+ this._focusMonitor.monitor(this._elementRef, true).subscribe(origin => {
580
+ const hasFocus = origin !== null;
581
+ if (hasFocus !== this._hasFocusInternal) {
582
+ this._hasFocusInternal = hasFocus;
583
+ if (hasFocus) {
584
+ this._onFocus.next({
585
+ chip: this
586
+ });
587
+ } else {
588
+ this._changeDetectorRef.markForCheck();
589
+ setTimeout(() => this._ngZone.run(() => this._onBlur.next({
590
+ chip: this
591
+ })));
592
+ }
593
+ }
594
+ });
595
+ }
596
+ static ɵfac = i0.ɵɵngDeclareFactory({
597
+ minVersion: "12.0.0",
598
+ version: "22.0.0-next.1",
599
+ ngImport: i0,
600
+ type: MatChip,
601
+ deps: [],
602
+ target: i0.ɵɵFactoryTarget.Component
603
+ });
604
+ static ɵcmp = i0.ɵɵngDeclareComponent({
605
+ minVersion: "17.0.0",
606
+ version: "22.0.0-next.1",
607
+ type: MatChip,
608
+ isStandalone: true,
609
+ selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]",
610
+ inputs: {
611
+ role: "role",
612
+ id: "id",
613
+ ariaLabel: ["aria-label", "ariaLabel"],
614
+ ariaDescription: ["aria-description", "ariaDescription"],
615
+ value: "value",
616
+ color: "color",
617
+ removable: ["removable", "removable", booleanAttribute],
618
+ highlighted: ["highlighted", "highlighted", booleanAttribute],
619
+ disableRipple: ["disableRipple", "disableRipple", booleanAttribute],
620
+ disabled: ["disabled", "disabled", booleanAttribute]
621
+ },
622
+ outputs: {
623
+ removed: "removed",
624
+ destroyed: "destroyed"
625
+ },
626
+ host: {
627
+ listeners: {
628
+ "keydown": "_handleKeydown($event)"
629
+ },
630
+ properties: {
631
+ "class": "\"mat-\" + (color || \"primary\")",
632
+ "class.mdc-evolution-chip": "!_isBasicChip",
633
+ "class.mdc-evolution-chip--disabled": "disabled",
634
+ "class.mdc-evolution-chip--with-trailing-action": "_hasTrailingIcon()",
635
+ "class.mdc-evolution-chip--with-primary-graphic": "leadingIcon",
636
+ "class.mdc-evolution-chip--with-primary-icon": "leadingIcon",
637
+ "class.mdc-evolution-chip--with-avatar": "leadingIcon",
638
+ "class.mat-mdc-chip-with-avatar": "leadingIcon",
639
+ "class.mat-mdc-chip-highlighted": "highlighted",
640
+ "class.mat-mdc-chip-disabled": "disabled",
641
+ "class.mat-mdc-basic-chip": "_isBasicChip",
642
+ "class.mat-mdc-standard-chip": "!_isBasicChip",
643
+ "class.mat-mdc-chip-with-trailing-icon": "_hasTrailingIcon()",
644
+ "class._mat-animation-noopable": "_animationsDisabled",
645
+ "id": "id",
646
+ "attr.role": "role",
647
+ "attr.aria-label": "ariaLabel"
648
+ },
649
+ classAttribute: "mat-mdc-chip"
650
+ },
651
+ providers: [{
652
+ provide: MAT_CHIP,
653
+ useExisting: MatChip
654
+ }],
655
+ queries: [{
656
+ propertyName: "leadingIcon",
657
+ first: true,
658
+ predicate: MAT_CHIP_AVATAR,
659
+ descendants: true
660
+ }, {
661
+ propertyName: "editIcon",
662
+ first: true,
663
+ predicate: MAT_CHIP_EDIT,
664
+ descendants: true
665
+ }, {
666
+ propertyName: "trailingIcon",
667
+ first: true,
668
+ predicate: MAT_CHIP_TRAILING_ICON,
669
+ descendants: true
670
+ }, {
671
+ propertyName: "removeIcon",
672
+ first: true,
673
+ predicate: MAT_CHIP_REMOVE,
674
+ descendants: true
675
+ }, {
676
+ propertyName: "_allLeadingIcons",
677
+ predicate: MAT_CHIP_AVATAR,
678
+ descendants: true
679
+ }, {
680
+ propertyName: "_allTrailingIcons",
681
+ predicate: MAT_CHIP_TRAILING_ICON,
682
+ descendants: true
683
+ }, {
684
+ propertyName: "_allEditIcons",
685
+ predicate: MAT_CHIP_EDIT,
686
+ descendants: true
687
+ }, {
688
+ propertyName: "_allRemoveIcons",
689
+ predicate: MAT_CHIP_REMOVE,
690
+ descendants: true
691
+ }],
692
+ viewQueries: [{
693
+ propertyName: "primaryAction",
694
+ first: true,
695
+ predicate: MatChipAction,
696
+ descendants: true
697
+ }],
698
+ exportAs: ["matChip"],
699
+ ngImport: i0,
700
+ template: "<span class=\"mat-mdc-chip-focus-overlay\"></span>\n\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\">\n <span matChipContent>\n @if (leadingIcon) {\n <span class=\"mdc-evolution-chip__graphic mat-mdc-chip-graphic\">\n <ng-content select=\"mat-chip-avatar, [matChipAvatar]\"></ng-content>\n </span>\n }\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-focus-indicator\"></span>\n </span>\n </span>\n</span>\n\n@if (_hasTrailingIcon()) {\n <span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\">\n <ng-content select=\"mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]\"></ng-content>\n </span>\n}\n",
701
+ 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__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{flex-basis:100%;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;color:inherit}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}@media(forced-colors: active){.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{forced-color-adjust:none}}.mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit;overflow-x:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-outline-width, 1px);border-radius:var(--mat-chip-container-shape-radius, 8px);box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1;border-style:solid}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-outline-color, var(--mat-sys-outline))}.mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus::before{border-color:var(--mat-chip-focus-outline-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-basic-chip .mdc-evolution-chip__action--primary{font:inherit}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mat-mdc-standard-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] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.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{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__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{padding-left:0;padding-right:0}.mdc-evolution-chip__action--secondary{position:relative;overflow:visible}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-trailing-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{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__action--secondary{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--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip__text-label{-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__text-label{font-family:var(--mat-chip-label-text-font, var(--mat-sys-label-large-font));line-height:var(--mat-chip-label-text-line-height, var(--mat-sys-label-large-line-height));font-size:var(--mat-chip-label-text-size, var(--mat-sys-label-large-size));font-weight:var(--mat-chip-label-text-weight, var(--mat-sys-label-large-weight));letter-spacing:var(--mat-chip-label-text-tracking, var(--mat-sys-label-large-tracking))}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-label-text-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label,.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label{color:var(--mat-chip-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.mat-mdc-standard-chip .mdc-evolution-chip__graphic{width:var(--mat-chip-with-avatar-avatar-size, 24px);height:var(--mat-chip-with-avatar-avatar-size, 24px);font-size:var(--mat-chip-with-avatar-avatar-size, 24px)}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.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{padding-left:8px;padding-right:4px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.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{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__graphic{padding-left:0}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%;height:20px;width:20px}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.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--selected .mdc-evolution-chip__checkmark{transform:translate(-50%, -50%);opacity:1}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385;stroke:currentColor}.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--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}@media(forced-colors: active){.mdc-evolution-chip__checkmark-path{stroke:CanvasText !important}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove{opacity:calc(var(--mat-chip-trailing-action-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove:focus{opacity:calc(var(--mat-chip-trailing-action-focus-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mat-mdc-standard-chip{border-radius:var(--mat-chip-container-shape-radius, 8px);height:var(--mat-chip-container-height, 32px)}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-container-color, transparent)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{background-color:var(--mat-chip-elevated-disabled-container-color)}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled{background-color:var(--mat-chip-flat-disabled-selected-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}@media(forced-colors: active){.mat-mdc-standard-chip{outline:solid 1px}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:var(--mat-chip-with-avatar-avatar-shape-radius, 24px);width:var(--mat-chip-with-icon-icon-size, 18px);height:var(--mat-chip-with-icon-icon-size, 18px);font-size:var(--mat-chip-with-icon-icon-size, 18px)}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-highlighted{--mat-chip-with-icon-icon-color: var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container));--mat-chip-elevated-container-color: var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container));--mat-chip-label-text-color: var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container));--mat-chip-outline-width: var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-selected .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-hover-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip-focus-overlay .mat-mdc-chip-selected:hover,.mat-mdc-chip-highlighted:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-hover-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mat-mdc-chip-selected.cdk-focused .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mdc-evolution-chip--disabled:not(.mdc-evolution-chip--selected) .mat-mdc-chip-avatar{opacity:var(--mat-chip-with-avatar-disabled-avatar-opacity, 0.38)}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{opacity:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38)}.mdc-evolution-chip--disabled.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{opacity:var(--mat-chip-with-icon-disabled-icon-opacity, 0.38)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:var(--mat-chip-disabled-container-opacity, 1)}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__icon--trailing,.mat-mdc-standard-chip.mat-mdc-chip-highlighted .mdc-evolution-chip__icon--trailing{color:var(--mat-chip-selected-trailing-icon-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{color:var(--mat-chip-selected-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-edit,.mat-mdc-chip-remove{opacity:var(--mat-chip-trailing-action-opacity, 1)}.mat-mdc-chip-edit:focus,.mat-mdc-chip-remove:focus{opacity:var(--mat-chip-trailing-action-focus-opacity, 1)}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{background-color:var(--mat-chip-trailing-action-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-edit:hover::after,.mat-mdc-chip-remove:hover::after{opacity:calc(var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)) + var(--mat-chip-trailing-action-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)))}.mat-mdc-chip-edit:focus::after,.mat-mdc-chip-remove:focus::after{opacity:calc(var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)) + var(--mat-chip-trailing-action-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)))}.mat-mdc-chip-selected .mat-mdc-chip-remove::after,.mat-mdc-chip-highlighted .mat-mdc-chip-remove::after{background-color:var(--mat-chip-selected-trailing-action-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:focus::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:focus::after{opacity:calc(var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)) + var(--mat-chip-trailing-action-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:hover::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:hover::after{opacity:calc(var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)) + var(--mat-chip-trailing-action-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)))}.mat-mdc-standard-chip{-webkit-tap-highlight-color:rgba(0,0,0,0)}.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 .mat-ripple.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;color:var(--mat-chip-with-icon-icon-color, currentColor)}.mat-mdc-chip{position:relative;z-index:0}.mat-mdc-chip-action-label{text-align:left;z-index:1}[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-focus-indicator::before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px)*-1)}.mat-mdc-chip-edit::before,.mat-mdc-chip-remove::before{margin:calc(var(--mat-focus-indicator-border-width, 3px)*-1);left:8px;right:8px}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{content:\"\";display:block;opacity:0;position:absolute;top:-3px;bottom:-3px;left:5px;right:5px;border-radius:50%;box-sizing:border-box;padding:12px;margin:-12px;background-clip:content-box}.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{width:18px;height:18px;font-size:18px;box-sizing:content-box}.mat-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors: active){.mat-mdc-chip-selected:not(.mat-mdc-chip-multiple){outline-width:3px}}.mat-mdc-chip-action:focus-visible .mat-focus-indicator::before{content:\"\"}.mdc-evolution-chip__icon,.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{min-height:fit-content}img.mdc-evolution-chip__icon{min-height:0}\n"],
702
+ dependencies: [{
703
+ kind: "directive",
704
+ type: MatChipContent,
705
+ selector: "[matChipContent]",
706
+ inputs: ["disabled", "tabIndex", "_allowFocusWhenDisabled"]
707
+ }],
708
+ changeDetection: i0.ChangeDetectionStrategy.OnPush,
709
+ encapsulation: i0.ViewEncapsulation.None
710
+ });
711
+ }
712
+ i0.ɵɵngDeclareClassMetadata({
713
+ minVersion: "12.0.0",
714
+ version: "22.0.0-next.1",
715
+ ngImport: i0,
716
+ type: MatChip,
717
+ decorators: [{
718
+ type: Component,
719
+ args: [{
720
+ selector: 'mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]',
721
+ exportAs: 'matChip',
722
+ host: {
723
+ 'class': 'mat-mdc-chip',
724
+ '[class]': '"mat-" + (color || "primary")',
725
+ '[class.mdc-evolution-chip]': '!_isBasicChip',
726
+ '[class.mdc-evolution-chip--disabled]': 'disabled',
727
+ '[class.mdc-evolution-chip--with-trailing-action]': '_hasTrailingIcon()',
728
+ '[class.mdc-evolution-chip--with-primary-graphic]': 'leadingIcon',
729
+ '[class.mdc-evolution-chip--with-primary-icon]': 'leadingIcon',
730
+ '[class.mdc-evolution-chip--with-avatar]': 'leadingIcon',
731
+ '[class.mat-mdc-chip-with-avatar]': 'leadingIcon',
732
+ '[class.mat-mdc-chip-highlighted]': 'highlighted',
733
+ '[class.mat-mdc-chip-disabled]': 'disabled',
734
+ '[class.mat-mdc-basic-chip]': '_isBasicChip',
735
+ '[class.mat-mdc-standard-chip]': '!_isBasicChip',
736
+ '[class.mat-mdc-chip-with-trailing-icon]': '_hasTrailingIcon()',
737
+ '[class._mat-animation-noopable]': '_animationsDisabled',
738
+ '[id]': 'id',
739
+ '[attr.role]': 'role',
740
+ '[attr.aria-label]': 'ariaLabel',
741
+ '(keydown)': '_handleKeydown($event)'
742
+ },
743
+ encapsulation: ViewEncapsulation.None,
744
+ changeDetection: ChangeDetectionStrategy.OnPush,
745
+ providers: [{
746
+ provide: MAT_CHIP,
747
+ useExisting: MatChip
748
+ }],
749
+ imports: [MatChipContent],
750
+ template: "<span class=\"mat-mdc-chip-focus-overlay\"></span>\n\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\">\n <span matChipContent>\n @if (leadingIcon) {\n <span class=\"mdc-evolution-chip__graphic mat-mdc-chip-graphic\">\n <ng-content select=\"mat-chip-avatar, [matChipAvatar]\"></ng-content>\n </span>\n }\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-focus-indicator\"></span>\n </span>\n </span>\n</span>\n\n@if (_hasTrailingIcon()) {\n <span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\">\n <ng-content select=\"mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]\"></ng-content>\n </span>\n}\n",
751
+ 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__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{flex-basis:100%;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;color:inherit}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}@media(forced-colors: active){.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{forced-color-adjust:none}}.mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit;overflow-x:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-outline-width, 1px);border-radius:var(--mat-chip-container-shape-radius, 8px);box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1;border-style:solid}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-outline-color, var(--mat-sys-outline))}.mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus::before{border-color:var(--mat-chip-focus-outline-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-basic-chip .mdc-evolution-chip__action--primary{font:inherit}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mat-mdc-standard-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] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.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{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__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{padding-left:0;padding-right:0}.mdc-evolution-chip__action--secondary{position:relative;overflow:visible}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-trailing-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{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__action--secondary{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--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip__text-label{-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__text-label{font-family:var(--mat-chip-label-text-font, var(--mat-sys-label-large-font));line-height:var(--mat-chip-label-text-line-height, var(--mat-sys-label-large-line-height));font-size:var(--mat-chip-label-text-size, var(--mat-sys-label-large-size));font-weight:var(--mat-chip-label-text-weight, var(--mat-sys-label-large-weight));letter-spacing:var(--mat-chip-label-text-tracking, var(--mat-sys-label-large-tracking))}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-label-text-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label,.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label{color:var(--mat-chip-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.mat-mdc-standard-chip .mdc-evolution-chip__graphic{width:var(--mat-chip-with-avatar-avatar-size, 24px);height:var(--mat-chip-with-avatar-avatar-size, 24px);font-size:var(--mat-chip-with-avatar-avatar-size, 24px)}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.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{padding-left:8px;padding-right:4px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.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{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__graphic{padding-left:0}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%;height:20px;width:20px}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.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--selected .mdc-evolution-chip__checkmark{transform:translate(-50%, -50%);opacity:1}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385;stroke:currentColor}.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--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}@media(forced-colors: active){.mdc-evolution-chip__checkmark-path{stroke:CanvasText !important}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove{opacity:calc(var(--mat-chip-trailing-action-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove:focus{opacity:calc(var(--mat-chip-trailing-action-focus-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mat-mdc-standard-chip{border-radius:var(--mat-chip-container-shape-radius, 8px);height:var(--mat-chip-container-height, 32px)}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-container-color, transparent)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{background-color:var(--mat-chip-elevated-disabled-container-color)}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled{background-color:var(--mat-chip-flat-disabled-selected-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}@media(forced-colors: active){.mat-mdc-standard-chip{outline:solid 1px}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:var(--mat-chip-with-avatar-avatar-shape-radius, 24px);width:var(--mat-chip-with-icon-icon-size, 18px);height:var(--mat-chip-with-icon-icon-size, 18px);font-size:var(--mat-chip-with-icon-icon-size, 18px)}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-highlighted{--mat-chip-with-icon-icon-color: var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container));--mat-chip-elevated-container-color: var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container));--mat-chip-label-text-color: var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container));--mat-chip-outline-width: var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-selected .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-hover-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip-focus-overlay .mat-mdc-chip-selected:hover,.mat-mdc-chip-highlighted:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-hover-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mat-mdc-chip-selected.cdk-focused .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mdc-evolution-chip--disabled:not(.mdc-evolution-chip--selected) .mat-mdc-chip-avatar{opacity:var(--mat-chip-with-avatar-disabled-avatar-opacity, 0.38)}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{opacity:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38)}.mdc-evolution-chip--disabled.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{opacity:var(--mat-chip-with-icon-disabled-icon-opacity, 0.38)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:var(--mat-chip-disabled-container-opacity, 1)}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__icon--trailing,.mat-mdc-standard-chip.mat-mdc-chip-highlighted .mdc-evolution-chip__icon--trailing{color:var(--mat-chip-selected-trailing-icon-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{color:var(--mat-chip-selected-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-edit,.mat-mdc-chip-remove{opacity:var(--mat-chip-trailing-action-opacity, 1)}.mat-mdc-chip-edit:focus,.mat-mdc-chip-remove:focus{opacity:var(--mat-chip-trailing-action-focus-opacity, 1)}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{background-color:var(--mat-chip-trailing-action-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-edit:hover::after,.mat-mdc-chip-remove:hover::after{opacity:calc(var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)) + var(--mat-chip-trailing-action-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)))}.mat-mdc-chip-edit:focus::after,.mat-mdc-chip-remove:focus::after{opacity:calc(var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)) + var(--mat-chip-trailing-action-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)))}.mat-mdc-chip-selected .mat-mdc-chip-remove::after,.mat-mdc-chip-highlighted .mat-mdc-chip-remove::after{background-color:var(--mat-chip-selected-trailing-action-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:focus::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:focus::after{opacity:calc(var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)) + var(--mat-chip-trailing-action-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:hover::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:hover::after{opacity:calc(var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)) + var(--mat-chip-trailing-action-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)))}.mat-mdc-standard-chip{-webkit-tap-highlight-color:rgba(0,0,0,0)}.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 .mat-ripple.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;color:var(--mat-chip-with-icon-icon-color, currentColor)}.mat-mdc-chip{position:relative;z-index:0}.mat-mdc-chip-action-label{text-align:left;z-index:1}[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-focus-indicator::before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px)*-1)}.mat-mdc-chip-edit::before,.mat-mdc-chip-remove::before{margin:calc(var(--mat-focus-indicator-border-width, 3px)*-1);left:8px;right:8px}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{content:\"\";display:block;opacity:0;position:absolute;top:-3px;bottom:-3px;left:5px;right:5px;border-radius:50%;box-sizing:border-box;padding:12px;margin:-12px;background-clip:content-box}.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{width:18px;height:18px;font-size:18px;box-sizing:content-box}.mat-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors: active){.mat-mdc-chip-selected:not(.mat-mdc-chip-multiple){outline-width:3px}}.mat-mdc-chip-action:focus-visible .mat-focus-indicator::before{content:\"\"}.mdc-evolution-chip__icon,.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{min-height:fit-content}img.mdc-evolution-chip__icon{min-height:0}\n"]
752
+ }]
753
+ }],
754
+ ctorParameters: () => [],
755
+ propDecorators: {
756
+ role: [{
757
+ type: Input
758
+ }],
759
+ _allLeadingIcons: [{
760
+ type: ContentChildren,
761
+ args: [MAT_CHIP_AVATAR, {
762
+ descendants: true
763
+ }]
764
+ }],
765
+ _allTrailingIcons: [{
766
+ type: ContentChildren,
767
+ args: [MAT_CHIP_TRAILING_ICON, {
768
+ descendants: true
769
+ }]
770
+ }],
771
+ _allEditIcons: [{
772
+ type: ContentChildren,
773
+ args: [MAT_CHIP_EDIT, {
774
+ descendants: true
775
+ }]
776
+ }],
777
+ _allRemoveIcons: [{
778
+ type: ContentChildren,
779
+ args: [MAT_CHIP_REMOVE, {
780
+ descendants: true
781
+ }]
782
+ }],
783
+ id: [{
784
+ type: Input
785
+ }],
786
+ ariaLabel: [{
787
+ type: Input,
788
+ args: ['aria-label']
789
+ }],
790
+ ariaDescription: [{
791
+ type: Input,
792
+ args: ['aria-description']
793
+ }],
794
+ value: [{
795
+ type: Input
796
+ }],
797
+ color: [{
798
+ type: Input
799
+ }],
800
+ removable: [{
801
+ type: Input,
802
+ args: [{
803
+ transform: booleanAttribute
804
+ }]
805
+ }],
806
+ highlighted: [{
807
+ type: Input,
808
+ args: [{
809
+ transform: booleanAttribute
810
+ }]
811
+ }],
812
+ disableRipple: [{
813
+ type: Input,
814
+ args: [{
815
+ transform: booleanAttribute
816
+ }]
817
+ }],
818
+ disabled: [{
819
+ type: Input,
820
+ args: [{
821
+ transform: booleanAttribute
822
+ }]
823
+ }],
824
+ removed: [{
825
+ type: Output
826
+ }],
827
+ destroyed: [{
828
+ type: Output
829
+ }],
830
+ leadingIcon: [{
831
+ type: ContentChild,
832
+ args: [MAT_CHIP_AVATAR]
833
+ }],
834
+ editIcon: [{
835
+ type: ContentChild,
836
+ args: [MAT_CHIP_EDIT]
837
+ }],
838
+ trailingIcon: [{
839
+ type: ContentChild,
840
+ args: [MAT_CHIP_TRAILING_ICON]
841
+ }],
842
+ removeIcon: [{
843
+ type: ContentChild,
844
+ args: [MAT_CHIP_REMOVE]
845
+ }],
846
+ primaryAction: [{
847
+ type: ViewChild,
848
+ args: [MatChipAction]
849
+ }]
850
+ }
851
+ });
852
+
853
+ class MatChipSelectionChange {
854
+ source;
855
+ selected;
856
+ isUserInput;
857
+ constructor(source, selected, isUserInput = false) {
858
+ this.source = source;
859
+ this.selected = selected;
860
+ this.isUserInput = isUserInput;
861
+ }
862
+ }
863
+ class MatChipOption extends MatChip {
864
+ _defaultOptions = inject(MAT_CHIPS_DEFAULT_OPTIONS, {
865
+ optional: true
866
+ });
867
+ chipListSelectable = true;
868
+ _chipListMultiple = false;
869
+ _chipListHideSingleSelectionIndicator = this._defaultOptions?.hideSingleSelectionIndicator ?? false;
870
+ get selectable() {
871
+ return this._selectable && this.chipListSelectable;
872
+ }
873
+ set selectable(value) {
874
+ this._selectable = value;
875
+ this._changeDetectorRef.markForCheck();
876
+ }
877
+ _selectable = true;
878
+ get selected() {
879
+ return this._selected;
880
+ }
881
+ set selected(value) {
882
+ this._setSelectedState(value, false, true);
883
+ }
884
+ _selected = false;
885
+ get ariaSelected() {
886
+ return this.selectable ? this.selected.toString() : null;
887
+ }
888
+ basicChipAttrName = 'mat-basic-chip-option';
889
+ selectionChange = new EventEmitter();
890
+ ngOnInit() {
891
+ super.ngOnInit();
892
+ this.role = 'presentation';
893
+ }
894
+ select() {
895
+ this._setSelectedState(true, false, true);
896
+ }
897
+ deselect() {
898
+ this._setSelectedState(false, false, true);
899
+ }
900
+ selectViaInteraction() {
901
+ this._setSelectedState(true, true, true);
902
+ }
903
+ toggleSelected(isUserInput = false) {
904
+ this._setSelectedState(!this.selected, isUserInput, true);
905
+ return this.selected;
906
+ }
907
+ _handlePrimaryActionInteraction() {
908
+ if (!this.disabled) {
909
+ this.focus();
910
+ if (this.selectable) {
911
+ this.toggleSelected(true);
912
+ }
913
+ }
914
+ }
915
+ _hasLeadingGraphic() {
916
+ if (this.leadingIcon) {
917
+ return true;
918
+ }
919
+ return !this._chipListHideSingleSelectionIndicator || this._chipListMultiple;
920
+ }
921
+ _setSelectedState(isSelected, isUserInput, emitEvent) {
922
+ if (isSelected !== this.selected) {
923
+ this._selected = isSelected;
924
+ if (emitEvent) {
925
+ this.selectionChange.emit({
926
+ source: this,
927
+ isUserInput,
928
+ selected: this.selected
929
+ });
930
+ }
931
+ this._changeDetectorRef.markForCheck();
932
+ }
933
+ }
934
+ static ɵfac = i0.ɵɵngDeclareFactory({
935
+ minVersion: "12.0.0",
936
+ version: "22.0.0-next.1",
937
+ ngImport: i0,
938
+ type: MatChipOption,
939
+ deps: null,
940
+ target: i0.ɵɵFactoryTarget.Component
941
+ });
942
+ static ɵcmp = i0.ɵɵngDeclareComponent({
943
+ minVersion: "17.0.0",
944
+ version: "22.0.0-next.1",
945
+ type: MatChipOption,
946
+ isStandalone: true,
947
+ selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]",
948
+ inputs: {
949
+ selectable: ["selectable", "selectable", booleanAttribute],
950
+ selected: ["selected", "selected", booleanAttribute]
951
+ },
952
+ outputs: {
953
+ selectionChange: "selectionChange"
954
+ },
955
+ host: {
956
+ properties: {
957
+ "class.mdc-evolution-chip": "!_isBasicChip",
958
+ "class.mdc-evolution-chip--filter": "!_isBasicChip",
959
+ "class.mdc-evolution-chip--selectable": "!_isBasicChip",
960
+ "class.mat-mdc-chip-selected": "selected",
961
+ "class.mat-mdc-chip-multiple": "_chipListMultiple",
962
+ "class.mat-mdc-chip-disabled": "disabled",
963
+ "class.mat-mdc-chip-with-avatar": "leadingIcon",
964
+ "class.mdc-evolution-chip--disabled": "disabled",
965
+ "class.mdc-evolution-chip--selected": "selected",
966
+ "class.mdc-evolution-chip--selecting": "!_animationsDisabled",
967
+ "class.mdc-evolution-chip--with-trailing-action": "_hasTrailingIcon()",
968
+ "class.mdc-evolution-chip--with-primary-icon": "leadingIcon",
969
+ "class.mdc-evolution-chip--with-primary-graphic": "_hasLeadingGraphic()",
970
+ "class.mdc-evolution-chip--with-avatar": "leadingIcon",
971
+ "class.mat-mdc-chip-highlighted": "highlighted",
972
+ "class.mat-mdc-chip-with-trailing-icon": "_hasTrailingIcon()",
973
+ "attr.tabindex": "null",
974
+ "attr.aria-label": "null",
975
+ "attr.aria-description": "null",
976
+ "attr.role": "role",
977
+ "id": "id"
978
+ },
979
+ classAttribute: "mat-mdc-chip mat-mdc-chip-option"
980
+ },
981
+ providers: [{
982
+ provide: MatChip,
983
+ useExisting: MatChipOption
984
+ }, {
985
+ provide: MAT_CHIP,
986
+ useExisting: MatChipOption
987
+ }],
988
+ usesInheritance: true,
989
+ ngImport: i0,
990
+ template: "<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 [_allowFocusWhenDisabled]=\"true\"\n [attr.aria-description]=\"ariaDescription\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-selected]=\"ariaSelected\"\n role=\"option\">\n @if (_hasLeadingGraphic()) {\n <span class=\"mdc-evolution-chip__graphic mat-mdc-chip-graphic\">\n <ng-content select=\"mat-chip-avatar, [matChipAvatar]\"></ng-content>\n <span class=\"mdc-evolution-chip__checkmark\">\n <svg\n class=\"mdc-evolution-chip__checkmark-svg\"\n viewBox=\"-2 -3 30 30\"\n focusable=\"false\"\n aria-hidden=\"true\">\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 }\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-focus-indicator\"></span>\n </span>\n </button>\n</span>\n\n@if (_hasTrailingIcon()) {\n <span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\">\n <ng-content select=\"mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]\"></ng-content>\n </span>\n}\n",
991
+ 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__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{flex-basis:100%;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;color:inherit}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}@media(forced-colors: active){.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{forced-color-adjust:none}}.mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit;overflow-x:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-outline-width, 1px);border-radius:var(--mat-chip-container-shape-radius, 8px);box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1;border-style:solid}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-outline-color, var(--mat-sys-outline))}.mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus::before{border-color:var(--mat-chip-focus-outline-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-basic-chip .mdc-evolution-chip__action--primary{font:inherit}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mat-mdc-standard-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] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.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{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__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{padding-left:0;padding-right:0}.mdc-evolution-chip__action--secondary{position:relative;overflow:visible}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-trailing-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{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__action--secondary{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--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip__text-label{-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__text-label{font-family:var(--mat-chip-label-text-font, var(--mat-sys-label-large-font));line-height:var(--mat-chip-label-text-line-height, var(--mat-sys-label-large-line-height));font-size:var(--mat-chip-label-text-size, var(--mat-sys-label-large-size));font-weight:var(--mat-chip-label-text-weight, var(--mat-sys-label-large-weight));letter-spacing:var(--mat-chip-label-text-tracking, var(--mat-sys-label-large-tracking))}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-label-text-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label,.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label{color:var(--mat-chip-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.mat-mdc-standard-chip .mdc-evolution-chip__graphic{width:var(--mat-chip-with-avatar-avatar-size, 24px);height:var(--mat-chip-with-avatar-avatar-size, 24px);font-size:var(--mat-chip-with-avatar-avatar-size, 24px)}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.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{padding-left:8px;padding-right:4px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.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{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__graphic{padding-left:0}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%;height:20px;width:20px}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.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--selected .mdc-evolution-chip__checkmark{transform:translate(-50%, -50%);opacity:1}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385;stroke:currentColor}.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--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}@media(forced-colors: active){.mdc-evolution-chip__checkmark-path{stroke:CanvasText !important}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove{opacity:calc(var(--mat-chip-trailing-action-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove:focus{opacity:calc(var(--mat-chip-trailing-action-focus-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mat-mdc-standard-chip{border-radius:var(--mat-chip-container-shape-radius, 8px);height:var(--mat-chip-container-height, 32px)}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-container-color, transparent)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{background-color:var(--mat-chip-elevated-disabled-container-color)}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled{background-color:var(--mat-chip-flat-disabled-selected-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}@media(forced-colors: active){.mat-mdc-standard-chip{outline:solid 1px}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:var(--mat-chip-with-avatar-avatar-shape-radius, 24px);width:var(--mat-chip-with-icon-icon-size, 18px);height:var(--mat-chip-with-icon-icon-size, 18px);font-size:var(--mat-chip-with-icon-icon-size, 18px)}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-highlighted{--mat-chip-with-icon-icon-color: var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container));--mat-chip-elevated-container-color: var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container));--mat-chip-label-text-color: var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container));--mat-chip-outline-width: var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-selected .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-hover-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip-focus-overlay .mat-mdc-chip-selected:hover,.mat-mdc-chip-highlighted:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-hover-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mat-mdc-chip-selected.cdk-focused .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mdc-evolution-chip--disabled:not(.mdc-evolution-chip--selected) .mat-mdc-chip-avatar{opacity:var(--mat-chip-with-avatar-disabled-avatar-opacity, 0.38)}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{opacity:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38)}.mdc-evolution-chip--disabled.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{opacity:var(--mat-chip-with-icon-disabled-icon-opacity, 0.38)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:var(--mat-chip-disabled-container-opacity, 1)}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__icon--trailing,.mat-mdc-standard-chip.mat-mdc-chip-highlighted .mdc-evolution-chip__icon--trailing{color:var(--mat-chip-selected-trailing-icon-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{color:var(--mat-chip-selected-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-edit,.mat-mdc-chip-remove{opacity:var(--mat-chip-trailing-action-opacity, 1)}.mat-mdc-chip-edit:focus,.mat-mdc-chip-remove:focus{opacity:var(--mat-chip-trailing-action-focus-opacity, 1)}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{background-color:var(--mat-chip-trailing-action-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-edit:hover::after,.mat-mdc-chip-remove:hover::after{opacity:calc(var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)) + var(--mat-chip-trailing-action-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)))}.mat-mdc-chip-edit:focus::after,.mat-mdc-chip-remove:focus::after{opacity:calc(var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)) + var(--mat-chip-trailing-action-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)))}.mat-mdc-chip-selected .mat-mdc-chip-remove::after,.mat-mdc-chip-highlighted .mat-mdc-chip-remove::after{background-color:var(--mat-chip-selected-trailing-action-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:focus::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:focus::after{opacity:calc(var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)) + var(--mat-chip-trailing-action-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:hover::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:hover::after{opacity:calc(var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)) + var(--mat-chip-trailing-action-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)))}.mat-mdc-standard-chip{-webkit-tap-highlight-color:rgba(0,0,0,0)}.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 .mat-ripple.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;color:var(--mat-chip-with-icon-icon-color, currentColor)}.mat-mdc-chip{position:relative;z-index:0}.mat-mdc-chip-action-label{text-align:left;z-index:1}[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-focus-indicator::before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px)*-1)}.mat-mdc-chip-edit::before,.mat-mdc-chip-remove::before{margin:calc(var(--mat-focus-indicator-border-width, 3px)*-1);left:8px;right:8px}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{content:\"\";display:block;opacity:0;position:absolute;top:-3px;bottom:-3px;left:5px;right:5px;border-radius:50%;box-sizing:border-box;padding:12px;margin:-12px;background-clip:content-box}.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{width:18px;height:18px;font-size:18px;box-sizing:content-box}.mat-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors: active){.mat-mdc-chip-selected:not(.mat-mdc-chip-multiple){outline-width:3px}}.mat-mdc-chip-action:focus-visible .mat-focus-indicator::before{content:\"\"}.mdc-evolution-chip__icon,.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{min-height:fit-content}img.mdc-evolution-chip__icon{min-height:0}\n"],
992
+ dependencies: [{
993
+ kind: "directive",
994
+ type: MatChipAction,
995
+ selector: "[matChipAction]"
996
+ }],
997
+ changeDetection: i0.ChangeDetectionStrategy.OnPush,
998
+ encapsulation: i0.ViewEncapsulation.None
999
+ });
1000
+ }
1001
+ i0.ɵɵngDeclareClassMetadata({
1002
+ minVersion: "12.0.0",
1003
+ version: "22.0.0-next.1",
1004
+ ngImport: i0,
1005
+ type: MatChipOption,
1006
+ decorators: [{
1007
+ type: Component,
1008
+ args: [{
1009
+ selector: 'mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]',
1010
+ host: {
1011
+ 'class': 'mat-mdc-chip mat-mdc-chip-option',
1012
+ '[class.mdc-evolution-chip]': '!_isBasicChip',
1013
+ '[class.mdc-evolution-chip--filter]': '!_isBasicChip',
1014
+ '[class.mdc-evolution-chip--selectable]': '!_isBasicChip',
1015
+ '[class.mat-mdc-chip-selected]': 'selected',
1016
+ '[class.mat-mdc-chip-multiple]': '_chipListMultiple',
1017
+ '[class.mat-mdc-chip-disabled]': 'disabled',
1018
+ '[class.mat-mdc-chip-with-avatar]': 'leadingIcon',
1019
+ '[class.mdc-evolution-chip--disabled]': 'disabled',
1020
+ '[class.mdc-evolution-chip--selected]': 'selected',
1021
+ '[class.mdc-evolution-chip--selecting]': '!_animationsDisabled',
1022
+ '[class.mdc-evolution-chip--with-trailing-action]': '_hasTrailingIcon()',
1023
+ '[class.mdc-evolution-chip--with-primary-icon]': 'leadingIcon',
1024
+ '[class.mdc-evolution-chip--with-primary-graphic]': '_hasLeadingGraphic()',
1025
+ '[class.mdc-evolution-chip--with-avatar]': 'leadingIcon',
1026
+ '[class.mat-mdc-chip-highlighted]': 'highlighted',
1027
+ '[class.mat-mdc-chip-with-trailing-icon]': '_hasTrailingIcon()',
1028
+ '[attr.tabindex]': 'null',
1029
+ '[attr.aria-label]': 'null',
1030
+ '[attr.aria-description]': 'null',
1031
+ '[attr.role]': 'role',
1032
+ '[id]': 'id'
1033
+ },
1034
+ providers: [{
1035
+ provide: MatChip,
1036
+ useExisting: MatChipOption
1037
+ }, {
1038
+ provide: MAT_CHIP,
1039
+ useExisting: MatChipOption
1040
+ }],
1041
+ encapsulation: ViewEncapsulation.None,
1042
+ changeDetection: ChangeDetectionStrategy.OnPush,
1043
+ imports: [MatChipAction],
1044
+ template: "<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 [_allowFocusWhenDisabled]=\"true\"\n [attr.aria-description]=\"ariaDescription\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-selected]=\"ariaSelected\"\n role=\"option\">\n @if (_hasLeadingGraphic()) {\n <span class=\"mdc-evolution-chip__graphic mat-mdc-chip-graphic\">\n <ng-content select=\"mat-chip-avatar, [matChipAvatar]\"></ng-content>\n <span class=\"mdc-evolution-chip__checkmark\">\n <svg\n class=\"mdc-evolution-chip__checkmark-svg\"\n viewBox=\"-2 -3 30 30\"\n focusable=\"false\"\n aria-hidden=\"true\">\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 }\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-focus-indicator\"></span>\n </span>\n </button>\n</span>\n\n@if (_hasTrailingIcon()) {\n <span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\">\n <ng-content select=\"mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]\"></ng-content>\n </span>\n}\n",
1045
+ 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__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{flex-basis:100%;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;color:inherit}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}@media(forced-colors: active){.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{forced-color-adjust:none}}.mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit;overflow-x:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-outline-width, 1px);border-radius:var(--mat-chip-container-shape-radius, 8px);box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1;border-style:solid}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-outline-color, var(--mat-sys-outline))}.mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus::before{border-color:var(--mat-chip-focus-outline-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-basic-chip .mdc-evolution-chip__action--primary{font:inherit}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mat-mdc-standard-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] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.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{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__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{padding-left:0;padding-right:0}.mdc-evolution-chip__action--secondary{position:relative;overflow:visible}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-trailing-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{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__action--secondary{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--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip__text-label{-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__text-label{font-family:var(--mat-chip-label-text-font, var(--mat-sys-label-large-font));line-height:var(--mat-chip-label-text-line-height, var(--mat-sys-label-large-line-height));font-size:var(--mat-chip-label-text-size, var(--mat-sys-label-large-size));font-weight:var(--mat-chip-label-text-weight, var(--mat-sys-label-large-weight));letter-spacing:var(--mat-chip-label-text-tracking, var(--mat-sys-label-large-tracking))}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-label-text-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label,.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label{color:var(--mat-chip-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.mat-mdc-standard-chip .mdc-evolution-chip__graphic{width:var(--mat-chip-with-avatar-avatar-size, 24px);height:var(--mat-chip-with-avatar-avatar-size, 24px);font-size:var(--mat-chip-with-avatar-avatar-size, 24px)}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.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{padding-left:8px;padding-right:4px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.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{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__graphic{padding-left:0}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%;height:20px;width:20px}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.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--selected .mdc-evolution-chip__checkmark{transform:translate(-50%, -50%);opacity:1}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385;stroke:currentColor}.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--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}@media(forced-colors: active){.mdc-evolution-chip__checkmark-path{stroke:CanvasText !important}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove{opacity:calc(var(--mat-chip-trailing-action-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove:focus{opacity:calc(var(--mat-chip-trailing-action-focus-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mat-mdc-standard-chip{border-radius:var(--mat-chip-container-shape-radius, 8px);height:var(--mat-chip-container-height, 32px)}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-container-color, transparent)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{background-color:var(--mat-chip-elevated-disabled-container-color)}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled{background-color:var(--mat-chip-flat-disabled-selected-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}@media(forced-colors: active){.mat-mdc-standard-chip{outline:solid 1px}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:var(--mat-chip-with-avatar-avatar-shape-radius, 24px);width:var(--mat-chip-with-icon-icon-size, 18px);height:var(--mat-chip-with-icon-icon-size, 18px);font-size:var(--mat-chip-with-icon-icon-size, 18px)}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-highlighted{--mat-chip-with-icon-icon-color: var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container));--mat-chip-elevated-container-color: var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container));--mat-chip-label-text-color: var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container));--mat-chip-outline-width: var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-selected .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-hover-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip-focus-overlay .mat-mdc-chip-selected:hover,.mat-mdc-chip-highlighted:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-hover-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mat-mdc-chip-selected.cdk-focused .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mdc-evolution-chip--disabled:not(.mdc-evolution-chip--selected) .mat-mdc-chip-avatar{opacity:var(--mat-chip-with-avatar-disabled-avatar-opacity, 0.38)}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{opacity:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38)}.mdc-evolution-chip--disabled.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{opacity:var(--mat-chip-with-icon-disabled-icon-opacity, 0.38)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:var(--mat-chip-disabled-container-opacity, 1)}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__icon--trailing,.mat-mdc-standard-chip.mat-mdc-chip-highlighted .mdc-evolution-chip__icon--trailing{color:var(--mat-chip-selected-trailing-icon-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{color:var(--mat-chip-selected-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-edit,.mat-mdc-chip-remove{opacity:var(--mat-chip-trailing-action-opacity, 1)}.mat-mdc-chip-edit:focus,.mat-mdc-chip-remove:focus{opacity:var(--mat-chip-trailing-action-focus-opacity, 1)}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{background-color:var(--mat-chip-trailing-action-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-edit:hover::after,.mat-mdc-chip-remove:hover::after{opacity:calc(var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)) + var(--mat-chip-trailing-action-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)))}.mat-mdc-chip-edit:focus::after,.mat-mdc-chip-remove:focus::after{opacity:calc(var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)) + var(--mat-chip-trailing-action-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)))}.mat-mdc-chip-selected .mat-mdc-chip-remove::after,.mat-mdc-chip-highlighted .mat-mdc-chip-remove::after{background-color:var(--mat-chip-selected-trailing-action-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:focus::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:focus::after{opacity:calc(var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)) + var(--mat-chip-trailing-action-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:hover::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:hover::after{opacity:calc(var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)) + var(--mat-chip-trailing-action-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)))}.mat-mdc-standard-chip{-webkit-tap-highlight-color:rgba(0,0,0,0)}.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 .mat-ripple.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;color:var(--mat-chip-with-icon-icon-color, currentColor)}.mat-mdc-chip{position:relative;z-index:0}.mat-mdc-chip-action-label{text-align:left;z-index:1}[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-focus-indicator::before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px)*-1)}.mat-mdc-chip-edit::before,.mat-mdc-chip-remove::before{margin:calc(var(--mat-focus-indicator-border-width, 3px)*-1);left:8px;right:8px}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{content:\"\";display:block;opacity:0;position:absolute;top:-3px;bottom:-3px;left:5px;right:5px;border-radius:50%;box-sizing:border-box;padding:12px;margin:-12px;background-clip:content-box}.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{width:18px;height:18px;font-size:18px;box-sizing:content-box}.mat-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors: active){.mat-mdc-chip-selected:not(.mat-mdc-chip-multiple){outline-width:3px}}.mat-mdc-chip-action:focus-visible .mat-focus-indicator::before{content:\"\"}.mdc-evolution-chip__icon,.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{min-height:fit-content}img.mdc-evolution-chip__icon{min-height:0}\n"]
1046
+ }]
1047
+ }],
1048
+ propDecorators: {
1049
+ selectable: [{
1050
+ type: Input,
1051
+ args: [{
1052
+ transform: booleanAttribute
1053
+ }]
1054
+ }],
1055
+ selected: [{
1056
+ type: Input,
1057
+ args: [{
1058
+ transform: booleanAttribute
1059
+ }]
1060
+ }],
1061
+ selectionChange: [{
1062
+ type: Output
1063
+ }]
1064
+ }
1065
+ });
1066
+
1067
+ class MatChipEditInput {
1068
+ _elementRef = inject(ElementRef);
1069
+ _document = inject(DOCUMENT);
1070
+ constructor() {}
1071
+ initialize(initialValue) {
1072
+ this.getNativeElement().focus();
1073
+ this.setValue(initialValue);
1074
+ }
1075
+ getNativeElement() {
1076
+ return this._elementRef.nativeElement;
1077
+ }
1078
+ setValue(value) {
1079
+ this.getNativeElement().textContent = value;
1080
+ this._moveCursorToEndOfInput();
1081
+ }
1082
+ getValue() {
1083
+ return this.getNativeElement().textContent || '';
1084
+ }
1085
+ _moveCursorToEndOfInput() {
1086
+ const range = this._document.createRange();
1087
+ range.selectNodeContents(this.getNativeElement());
1088
+ range.collapse(false);
1089
+ const sel = window.getSelection();
1090
+ sel.removeAllRanges();
1091
+ sel.addRange(range);
1092
+ }
1093
+ static ɵfac = i0.ɵɵngDeclareFactory({
1094
+ minVersion: "12.0.0",
1095
+ version: "22.0.0-next.1",
1096
+ ngImport: i0,
1097
+ type: MatChipEditInput,
1098
+ deps: [],
1099
+ target: i0.ɵɵFactoryTarget.Directive
1100
+ });
1101
+ static ɵdir = i0.ɵɵngDeclareDirective({
1102
+ minVersion: "14.0.0",
1103
+ version: "22.0.0-next.1",
1104
+ type: MatChipEditInput,
1105
+ isStandalone: true,
1106
+ selector: "span[matChipEditInput]",
1107
+ host: {
1108
+ attributes: {
1109
+ "role": "textbox",
1110
+ "tabindex": "-1",
1111
+ "contenteditable": "true"
1112
+ },
1113
+ classAttribute: "mat-chip-edit-input"
1114
+ },
1115
+ ngImport: i0
1116
+ });
1117
+ }
1118
+ i0.ɵɵngDeclareClassMetadata({
1119
+ minVersion: "12.0.0",
1120
+ version: "22.0.0-next.1",
1121
+ ngImport: i0,
1122
+ type: MatChipEditInput,
1123
+ decorators: [{
1124
+ type: Directive,
1125
+ args: [{
1126
+ selector: 'span[matChipEditInput]',
1127
+ host: {
1128
+ 'class': 'mat-chip-edit-input',
1129
+ 'role': 'textbox',
1130
+ 'tabindex': '-1',
1131
+ 'contenteditable': 'true'
1132
+ }
1133
+ }]
1134
+ }],
1135
+ ctorParameters: () => []
1136
+ });
1137
+
1138
+ class MatChipRow extends MatChip {
1139
+ basicChipAttrName = 'mat-basic-chip-row';
1140
+ _renderer = inject(Renderer2);
1141
+ _cleanupMousedown;
1142
+ _editStartPending = false;
1143
+ editable = false;
1144
+ edited = new EventEmitter();
1145
+ defaultEditInput;
1146
+ contentEditInput;
1147
+ _alreadyFocused = false;
1148
+ _isEditing = false;
1149
+ constructor() {
1150
+ super();
1151
+ this.role = 'row';
1152
+ this._onBlur.pipe(takeUntil(this.destroyed)).subscribe(() => {
1153
+ if (this._isEditing && !this._editStartPending) {
1154
+ this._onEditFinish();
1155
+ }
1156
+ this._alreadyFocused = false;
1157
+ });
1158
+ }
1159
+ ngAfterViewInit() {
1160
+ super.ngAfterViewInit();
1161
+ this._cleanupMousedown = this._ngZone.runOutsideAngular(() => this._renderer.listen(this._elementRef.nativeElement, 'mousedown', () => {
1162
+ this._alreadyFocused = this._hasFocus();
1163
+ }));
1164
+ }
1165
+ ngOnDestroy() {
1166
+ super.ngOnDestroy();
1167
+ this._cleanupMousedown?.();
1168
+ }
1169
+ _hasLeadingActionIcon() {
1170
+ return !this._isEditing && !!this.editIcon;
1171
+ }
1172
+ _hasTrailingIcon() {
1173
+ return !this._isEditing && super._hasTrailingIcon();
1174
+ }
1175
+ _handleFocus() {
1176
+ if (!this._isEditing && !this.disabled) {
1177
+ this.focus();
1178
+ }
1179
+ }
1180
+ _handleKeydown(event) {
1181
+ if (event.keyCode === ENTER && !this.disabled) {
1182
+ if (this._isEditing) {
1183
+ event.preventDefault();
1184
+ this._onEditFinish();
1185
+ } else if (this.editable) {
1186
+ this._startEditing(event);
1187
+ }
1188
+ } else if (this._isEditing) {
1189
+ event.stopPropagation();
1190
+ } else {
1191
+ super._handleKeydown(event);
1192
+ }
1193
+ }
1194
+ _handleClick(event) {
1195
+ if (!this.disabled && this.editable && !this._isEditing && this._alreadyFocused) {
1196
+ event.preventDefault();
1197
+ event.stopPropagation();
1198
+ this._startEditing(event);
1199
+ }
1200
+ }
1201
+ _handleDoubleclick(event) {
1202
+ if (!this.disabled && this.editable) {
1203
+ this._startEditing(event);
1204
+ }
1205
+ }
1206
+ _edit() {
1207
+ this._changeDetectorRef.markForCheck();
1208
+ this._startEditing();
1209
+ }
1210
+ _startEditing(event) {
1211
+ if (!this.primaryAction || this.removeIcon && !!event && this._getSourceAction(event.target) === this.removeIcon) {
1212
+ return;
1213
+ }
1214
+ const value = this.value;
1215
+ this._isEditing = this._editStartPending = true;
1216
+ afterNextRender(() => {
1217
+ this._getEditInput().initialize(value);
1218
+ setTimeout(() => this._ngZone.run(() => this._editStartPending = false));
1219
+ }, {
1220
+ injector: this._injector
1221
+ });
1222
+ }
1223
+ _onEditFinish() {
1224
+ this._isEditing = this._editStartPending = false;
1225
+ this.edited.emit({
1226
+ chip: this,
1227
+ value: this._getEditInput().getValue()
1228
+ });
1229
+ if (this._document.activeElement === this._getEditInput().getNativeElement() || this._document.activeElement === this._document.body) {
1230
+ this.primaryAction.focus();
1231
+ }
1232
+ }
1233
+ _isRippleDisabled() {
1234
+ return super._isRippleDisabled() || this._isEditing;
1235
+ }
1236
+ _getEditInput() {
1237
+ return this.contentEditInput || this.defaultEditInput;
1238
+ }
1239
+ static ɵfac = i0.ɵɵngDeclareFactory({
1240
+ minVersion: "12.0.0",
1241
+ version: "22.0.0-next.1",
1242
+ ngImport: i0,
1243
+ type: MatChipRow,
1244
+ deps: [],
1245
+ target: i0.ɵɵFactoryTarget.Component
1246
+ });
1247
+ static ɵcmp = i0.ɵɵngDeclareComponent({
1248
+ minVersion: "17.0.0",
1249
+ version: "22.0.0-next.1",
1250
+ type: MatChipRow,
1251
+ isStandalone: true,
1252
+ selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]",
1253
+ inputs: {
1254
+ editable: "editable"
1255
+ },
1256
+ outputs: {
1257
+ edited: "edited"
1258
+ },
1259
+ host: {
1260
+ listeners: {
1261
+ "focus": "_handleFocus()",
1262
+ "click": "this._hasInteractiveActions() ? _handleClick($event) : null",
1263
+ "dblclick": "_handleDoubleclick($event)"
1264
+ },
1265
+ properties: {
1266
+ "class.mat-mdc-chip-with-avatar": "leadingIcon",
1267
+ "class.mat-mdc-chip-disabled": "disabled",
1268
+ "class.mat-mdc-chip-editing": "_isEditing",
1269
+ "class.mat-mdc-chip-editable": "editable",
1270
+ "class.mdc-evolution-chip--disabled": "disabled",
1271
+ "class.mdc-evolution-chip--with-leading-action": "_hasLeadingActionIcon()",
1272
+ "class.mdc-evolution-chip--with-trailing-action": "_hasTrailingIcon()",
1273
+ "class.mdc-evolution-chip--with-primary-graphic": "leadingIcon",
1274
+ "class.mdc-evolution-chip--with-primary-icon": "leadingIcon",
1275
+ "class.mdc-evolution-chip--with-avatar": "leadingIcon",
1276
+ "class.mat-mdc-chip-highlighted": "highlighted",
1277
+ "class.mat-mdc-chip-with-trailing-icon": "_hasTrailingIcon()",
1278
+ "id": "id",
1279
+ "attr.tabindex": "disabled ? null : -1",
1280
+ "attr.aria-label": "null",
1281
+ "attr.aria-description": "null",
1282
+ "attr.role": "role"
1283
+ },
1284
+ classAttribute: "mat-mdc-chip mat-mdc-chip-row mdc-evolution-chip"
1285
+ },
1286
+ providers: [{
1287
+ provide: MatChip,
1288
+ useExisting: MatChipRow
1289
+ }, {
1290
+ provide: MAT_CHIP,
1291
+ useExisting: MatChipRow
1292
+ }],
1293
+ queries: [{
1294
+ propertyName: "contentEditInput",
1295
+ first: true,
1296
+ predicate: MatChipEditInput,
1297
+ descendants: true
1298
+ }],
1299
+ viewQueries: [{
1300
+ propertyName: "defaultEditInput",
1301
+ first: true,
1302
+ predicate: MatChipEditInput,
1303
+ descendants: true
1304
+ }],
1305
+ usesInheritance: true,
1306
+ ngImport: i0,
1307
+ template: "@if (!_isEditing) {\n <span class=\"mat-mdc-chip-focus-overlay\"></span>\n}\n\n@if (_hasLeadingActionIcon()) {\n <span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--leading\" role=\"gridcell\">\n <ng-content select=\"[matChipEdit]\"></ng-content>\n </span>\n}\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\" role=\"gridcell\"\n matChipAction\n [disabled]=\"disabled\"\n [attr.aria-description]=\"ariaDescription\"\n [attr.aria-label]=\"ariaLabel\">\n @if (leadingIcon) {\n <span class=\"mdc-evolution-chip__graphic mat-mdc-chip-graphic\">\n <ng-content select=\"mat-chip-avatar, [matChipAvatar]\"></ng-content>\n </span>\n }\n\n <span class=\"mdc-evolution-chip__text-label mat-mdc-chip-action-label\">\n @if (_isEditing) {\n @if (contentEditInput) {\n <ng-content select=\"[matChipEditInput]\"></ng-content>\n } @else {\n <span matChipEditInput></span>\n }\n } @else {\n <ng-content></ng-content>\n }\n\n <span class=\"mat-mdc-chip-primary-focus-indicator mat-focus-indicator\" aria-hidden=\"true\"></span>\n </span>\n</span>\n\n@if (_hasTrailingIcon()) {\n <span\n class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\"\n role=\"gridcell\">\n <ng-content select=\"mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]\"></ng-content>\n </span>\n}\n",
1308
+ 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__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{flex-basis:100%;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;color:inherit}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}@media(forced-colors: active){.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{forced-color-adjust:none}}.mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit;overflow-x:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-outline-width, 1px);border-radius:var(--mat-chip-container-shape-radius, 8px);box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1;border-style:solid}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-outline-color, var(--mat-sys-outline))}.mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus::before{border-color:var(--mat-chip-focus-outline-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-basic-chip .mdc-evolution-chip__action--primary{font:inherit}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mat-mdc-standard-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] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.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{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__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{padding-left:0;padding-right:0}.mdc-evolution-chip__action--secondary{position:relative;overflow:visible}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-trailing-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{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__action--secondary{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--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip__text-label{-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__text-label{font-family:var(--mat-chip-label-text-font, var(--mat-sys-label-large-font));line-height:var(--mat-chip-label-text-line-height, var(--mat-sys-label-large-line-height));font-size:var(--mat-chip-label-text-size, var(--mat-sys-label-large-size));font-weight:var(--mat-chip-label-text-weight, var(--mat-sys-label-large-weight));letter-spacing:var(--mat-chip-label-text-tracking, var(--mat-sys-label-large-tracking))}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-label-text-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label,.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label{color:var(--mat-chip-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.mat-mdc-standard-chip .mdc-evolution-chip__graphic{width:var(--mat-chip-with-avatar-avatar-size, 24px);height:var(--mat-chip-with-avatar-avatar-size, 24px);font-size:var(--mat-chip-with-avatar-avatar-size, 24px)}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.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{padding-left:8px;padding-right:4px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.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{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__graphic{padding-left:0}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%;height:20px;width:20px}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.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--selected .mdc-evolution-chip__checkmark{transform:translate(-50%, -50%);opacity:1}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385;stroke:currentColor}.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--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}@media(forced-colors: active){.mdc-evolution-chip__checkmark-path{stroke:CanvasText !important}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove{opacity:calc(var(--mat-chip-trailing-action-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove:focus{opacity:calc(var(--mat-chip-trailing-action-focus-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mat-mdc-standard-chip{border-radius:var(--mat-chip-container-shape-radius, 8px);height:var(--mat-chip-container-height, 32px)}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-container-color, transparent)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{background-color:var(--mat-chip-elevated-disabled-container-color)}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled{background-color:var(--mat-chip-flat-disabled-selected-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}@media(forced-colors: active){.mat-mdc-standard-chip{outline:solid 1px}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:var(--mat-chip-with-avatar-avatar-shape-radius, 24px);width:var(--mat-chip-with-icon-icon-size, 18px);height:var(--mat-chip-with-icon-icon-size, 18px);font-size:var(--mat-chip-with-icon-icon-size, 18px)}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-highlighted{--mat-chip-with-icon-icon-color: var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container));--mat-chip-elevated-container-color: var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container));--mat-chip-label-text-color: var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container));--mat-chip-outline-width: var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-selected .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-hover-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip-focus-overlay .mat-mdc-chip-selected:hover,.mat-mdc-chip-highlighted:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-hover-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mat-mdc-chip-selected.cdk-focused .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mdc-evolution-chip--disabled:not(.mdc-evolution-chip--selected) .mat-mdc-chip-avatar{opacity:var(--mat-chip-with-avatar-disabled-avatar-opacity, 0.38)}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{opacity:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38)}.mdc-evolution-chip--disabled.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{opacity:var(--mat-chip-with-icon-disabled-icon-opacity, 0.38)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:var(--mat-chip-disabled-container-opacity, 1)}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__icon--trailing,.mat-mdc-standard-chip.mat-mdc-chip-highlighted .mdc-evolution-chip__icon--trailing{color:var(--mat-chip-selected-trailing-icon-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{color:var(--mat-chip-selected-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-edit,.mat-mdc-chip-remove{opacity:var(--mat-chip-trailing-action-opacity, 1)}.mat-mdc-chip-edit:focus,.mat-mdc-chip-remove:focus{opacity:var(--mat-chip-trailing-action-focus-opacity, 1)}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{background-color:var(--mat-chip-trailing-action-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-edit:hover::after,.mat-mdc-chip-remove:hover::after{opacity:calc(var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)) + var(--mat-chip-trailing-action-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)))}.mat-mdc-chip-edit:focus::after,.mat-mdc-chip-remove:focus::after{opacity:calc(var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)) + var(--mat-chip-trailing-action-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)))}.mat-mdc-chip-selected .mat-mdc-chip-remove::after,.mat-mdc-chip-highlighted .mat-mdc-chip-remove::after{background-color:var(--mat-chip-selected-trailing-action-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:focus::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:focus::after{opacity:calc(var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)) + var(--mat-chip-trailing-action-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:hover::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:hover::after{opacity:calc(var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)) + var(--mat-chip-trailing-action-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)))}.mat-mdc-standard-chip{-webkit-tap-highlight-color:rgba(0,0,0,0)}.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 .mat-ripple.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;color:var(--mat-chip-with-icon-icon-color, currentColor)}.mat-mdc-chip{position:relative;z-index:0}.mat-mdc-chip-action-label{text-align:left;z-index:1}[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-focus-indicator::before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px)*-1)}.mat-mdc-chip-edit::before,.mat-mdc-chip-remove::before{margin:calc(var(--mat-focus-indicator-border-width, 3px)*-1);left:8px;right:8px}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{content:\"\";display:block;opacity:0;position:absolute;top:-3px;bottom:-3px;left:5px;right:5px;border-radius:50%;box-sizing:border-box;padding:12px;margin:-12px;background-clip:content-box}.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{width:18px;height:18px;font-size:18px;box-sizing:content-box}.mat-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors: active){.mat-mdc-chip-selected:not(.mat-mdc-chip-multiple){outline-width:3px}}.mat-mdc-chip-action:focus-visible .mat-focus-indicator::before{content:\"\"}.mdc-evolution-chip__icon,.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{min-height:fit-content}img.mdc-evolution-chip__icon{min-height:0}\n"],
1309
+ dependencies: [{
1310
+ kind: "directive",
1311
+ type: MatChipAction,
1312
+ selector: "[matChipAction]"
1313
+ }, {
1314
+ kind: "directive",
1315
+ type: MatChipEditInput,
1316
+ selector: "span[matChipEditInput]"
1317
+ }],
1318
+ changeDetection: i0.ChangeDetectionStrategy.OnPush,
1319
+ encapsulation: i0.ViewEncapsulation.None
1320
+ });
1321
+ }
1322
+ i0.ɵɵngDeclareClassMetadata({
1323
+ minVersion: "12.0.0",
1324
+ version: "22.0.0-next.1",
1325
+ ngImport: i0,
1326
+ type: MatChipRow,
1327
+ decorators: [{
1328
+ type: Component,
1329
+ args: [{
1330
+ selector: 'mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]',
1331
+ host: {
1332
+ 'class': 'mat-mdc-chip mat-mdc-chip-row mdc-evolution-chip',
1333
+ '[class.mat-mdc-chip-with-avatar]': 'leadingIcon',
1334
+ '[class.mat-mdc-chip-disabled]': 'disabled',
1335
+ '[class.mat-mdc-chip-editing]': '_isEditing',
1336
+ '[class.mat-mdc-chip-editable]': 'editable',
1337
+ '[class.mdc-evolution-chip--disabled]': 'disabled',
1338
+ '[class.mdc-evolution-chip--with-leading-action]': '_hasLeadingActionIcon()',
1339
+ '[class.mdc-evolution-chip--with-trailing-action]': '_hasTrailingIcon()',
1340
+ '[class.mdc-evolution-chip--with-primary-graphic]': 'leadingIcon',
1341
+ '[class.mdc-evolution-chip--with-primary-icon]': 'leadingIcon',
1342
+ '[class.mdc-evolution-chip--with-avatar]': 'leadingIcon',
1343
+ '[class.mat-mdc-chip-highlighted]': 'highlighted',
1344
+ '[class.mat-mdc-chip-with-trailing-icon]': '_hasTrailingIcon()',
1345
+ '[id]': 'id',
1346
+ '[attr.tabindex]': 'disabled ? null : -1',
1347
+ '[attr.aria-label]': 'null',
1348
+ '[attr.aria-description]': 'null',
1349
+ '[attr.role]': 'role',
1350
+ '(focus)': '_handleFocus()',
1351
+ '(click)': 'this._hasInteractiveActions() ? _handleClick($event) : null',
1352
+ '(dblclick)': '_handleDoubleclick($event)'
1353
+ },
1354
+ providers: [{
1355
+ provide: MatChip,
1356
+ useExisting: MatChipRow
1357
+ }, {
1358
+ provide: MAT_CHIP,
1359
+ useExisting: MatChipRow
1360
+ }],
1361
+ encapsulation: ViewEncapsulation.None,
1362
+ changeDetection: ChangeDetectionStrategy.OnPush,
1363
+ imports: [MatChipAction, MatChipEditInput],
1364
+ template: "@if (!_isEditing) {\n <span class=\"mat-mdc-chip-focus-overlay\"></span>\n}\n\n@if (_hasLeadingActionIcon()) {\n <span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--leading\" role=\"gridcell\">\n <ng-content select=\"[matChipEdit]\"></ng-content>\n </span>\n}\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\" role=\"gridcell\"\n matChipAction\n [disabled]=\"disabled\"\n [attr.aria-description]=\"ariaDescription\"\n [attr.aria-label]=\"ariaLabel\">\n @if (leadingIcon) {\n <span class=\"mdc-evolution-chip__graphic mat-mdc-chip-graphic\">\n <ng-content select=\"mat-chip-avatar, [matChipAvatar]\"></ng-content>\n </span>\n }\n\n <span class=\"mdc-evolution-chip__text-label mat-mdc-chip-action-label\">\n @if (_isEditing) {\n @if (contentEditInput) {\n <ng-content select=\"[matChipEditInput]\"></ng-content>\n } @else {\n <span matChipEditInput></span>\n }\n } @else {\n <ng-content></ng-content>\n }\n\n <span class=\"mat-mdc-chip-primary-focus-indicator mat-focus-indicator\" aria-hidden=\"true\"></span>\n </span>\n</span>\n\n@if (_hasTrailingIcon()) {\n <span\n class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\"\n role=\"gridcell\">\n <ng-content select=\"mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]\"></ng-content>\n </span>\n}\n",
1365
+ 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__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{flex-basis:100%;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;color:inherit}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}@media(forced-colors: active){.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{forced-color-adjust:none}}.mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit;overflow-x:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-outline-width, 1px);border-radius:var(--mat-chip-container-shape-radius, 8px);box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1;border-style:solid}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-outline-color, var(--mat-sys-outline))}.mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus::before{border-color:var(--mat-chip-focus-outline-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-basic-chip .mdc-evolution-chip__action--primary{font:inherit}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mat-mdc-standard-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] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.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{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__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{padding-left:0;padding-right:0}.mdc-evolution-chip__action--secondary{position:relative;overflow:visible}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-trailing-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{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__action--secondary{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--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip__text-label{-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__text-label{font-family:var(--mat-chip-label-text-font, var(--mat-sys-label-large-font));line-height:var(--mat-chip-label-text-line-height, var(--mat-sys-label-large-line-height));font-size:var(--mat-chip-label-text-size, var(--mat-sys-label-large-size));font-weight:var(--mat-chip-label-text-weight, var(--mat-sys-label-large-weight));letter-spacing:var(--mat-chip-label-text-tracking, var(--mat-sys-label-large-tracking))}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-label-text-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label,.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label{color:var(--mat-chip-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.mat-mdc-standard-chip .mdc-evolution-chip__graphic{width:var(--mat-chip-with-avatar-avatar-size, 24px);height:var(--mat-chip-with-avatar-avatar-size, 24px);font-size:var(--mat-chip-with-avatar-avatar-size, 24px)}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.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{padding-left:8px;padding-right:4px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.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{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__graphic{padding-left:0}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%;height:20px;width:20px}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.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--selected .mdc-evolution-chip__checkmark{transform:translate(-50%, -50%);opacity:1}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385;stroke:currentColor}.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--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}@media(forced-colors: active){.mdc-evolution-chip__checkmark-path{stroke:CanvasText !important}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove{opacity:calc(var(--mat-chip-trailing-action-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove:focus{opacity:calc(var(--mat-chip-trailing-action-focus-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mat-mdc-standard-chip{border-radius:var(--mat-chip-container-shape-radius, 8px);height:var(--mat-chip-container-height, 32px)}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-container-color, transparent)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{background-color:var(--mat-chip-elevated-disabled-container-color)}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled{background-color:var(--mat-chip-flat-disabled-selected-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}@media(forced-colors: active){.mat-mdc-standard-chip{outline:solid 1px}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:var(--mat-chip-with-avatar-avatar-shape-radius, 24px);width:var(--mat-chip-with-icon-icon-size, 18px);height:var(--mat-chip-with-icon-icon-size, 18px);font-size:var(--mat-chip-with-icon-icon-size, 18px)}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-highlighted{--mat-chip-with-icon-icon-color: var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container));--mat-chip-elevated-container-color: var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container));--mat-chip-label-text-color: var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container));--mat-chip-outline-width: var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-selected .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-hover-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip-focus-overlay .mat-mdc-chip-selected:hover,.mat-mdc-chip-highlighted:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-hover-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mat-mdc-chip-selected.cdk-focused .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mdc-evolution-chip--disabled:not(.mdc-evolution-chip--selected) .mat-mdc-chip-avatar{opacity:var(--mat-chip-with-avatar-disabled-avatar-opacity, 0.38)}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{opacity:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38)}.mdc-evolution-chip--disabled.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{opacity:var(--mat-chip-with-icon-disabled-icon-opacity, 0.38)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:var(--mat-chip-disabled-container-opacity, 1)}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__icon--trailing,.mat-mdc-standard-chip.mat-mdc-chip-highlighted .mdc-evolution-chip__icon--trailing{color:var(--mat-chip-selected-trailing-icon-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{color:var(--mat-chip-selected-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-edit,.mat-mdc-chip-remove{opacity:var(--mat-chip-trailing-action-opacity, 1)}.mat-mdc-chip-edit:focus,.mat-mdc-chip-remove:focus{opacity:var(--mat-chip-trailing-action-focus-opacity, 1)}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{background-color:var(--mat-chip-trailing-action-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-edit:hover::after,.mat-mdc-chip-remove:hover::after{opacity:calc(var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)) + var(--mat-chip-trailing-action-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)))}.mat-mdc-chip-edit:focus::after,.mat-mdc-chip-remove:focus::after{opacity:calc(var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)) + var(--mat-chip-trailing-action-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)))}.mat-mdc-chip-selected .mat-mdc-chip-remove::after,.mat-mdc-chip-highlighted .mat-mdc-chip-remove::after{background-color:var(--mat-chip-selected-trailing-action-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:focus::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:focus::after{opacity:calc(var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)) + var(--mat-chip-trailing-action-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:hover::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:hover::after{opacity:calc(var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)) + var(--mat-chip-trailing-action-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)))}.mat-mdc-standard-chip{-webkit-tap-highlight-color:rgba(0,0,0,0)}.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 .mat-ripple.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;color:var(--mat-chip-with-icon-icon-color, currentColor)}.mat-mdc-chip{position:relative;z-index:0}.mat-mdc-chip-action-label{text-align:left;z-index:1}[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-focus-indicator::before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px)*-1)}.mat-mdc-chip-edit::before,.mat-mdc-chip-remove::before{margin:calc(var(--mat-focus-indicator-border-width, 3px)*-1);left:8px;right:8px}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{content:\"\";display:block;opacity:0;position:absolute;top:-3px;bottom:-3px;left:5px;right:5px;border-radius:50%;box-sizing:border-box;padding:12px;margin:-12px;background-clip:content-box}.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{width:18px;height:18px;font-size:18px;box-sizing:content-box}.mat-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors: active){.mat-mdc-chip-selected:not(.mat-mdc-chip-multiple){outline-width:3px}}.mat-mdc-chip-action:focus-visible .mat-focus-indicator::before{content:\"\"}.mdc-evolution-chip__icon,.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{min-height:fit-content}img.mdc-evolution-chip__icon{min-height:0}\n"]
1366
+ }]
1367
+ }],
1368
+ ctorParameters: () => [],
1369
+ propDecorators: {
1370
+ editable: [{
1371
+ type: Input
1372
+ }],
1373
+ edited: [{
1374
+ type: Output
1375
+ }],
1376
+ defaultEditInput: [{
1377
+ type: ViewChild,
1378
+ args: [MatChipEditInput]
1379
+ }],
1380
+ contentEditInput: [{
1381
+ type: ContentChild,
1382
+ args: [MatChipEditInput]
1383
+ }]
1384
+ }
1385
+ });
1386
+
1387
+ class MatChipSet {
1388
+ _elementRef = inject(ElementRef);
1389
+ _changeDetectorRef = inject(ChangeDetectorRef);
1390
+ _dir = inject(Directionality, {
1391
+ optional: true
1392
+ });
1393
+ _lastDestroyedFocusedChipIndex = null;
1394
+ _keyManager;
1395
+ _destroyed = new Subject();
1396
+ _defaultRole = 'presentation';
1397
+ get chipFocusChanges() {
1398
+ return this._getChipStream(chip => chip._onFocus);
1399
+ }
1400
+ get chipDestroyedChanges() {
1401
+ return this._getChipStream(chip => chip.destroyed);
1402
+ }
1403
+ get chipRemovedChanges() {
1404
+ return this._getChipStream(chip => chip.removed);
1405
+ }
1406
+ get disabled() {
1407
+ return this._disabled;
1408
+ }
1409
+ set disabled(value) {
1410
+ this._disabled = value;
1411
+ this._syncChipsState();
1412
+ }
1413
+ _disabled = false;
1414
+ get empty() {
1415
+ return !this._chips || this._chips.length === 0;
1416
+ }
1417
+ get role() {
1418
+ if (this._explicitRole) {
1419
+ return this._explicitRole;
1420
+ }
1421
+ return this.empty ? null : this._defaultRole;
1422
+ }
1423
+ tabIndex = 0;
1424
+ set role(value) {
1425
+ this._explicitRole = value;
1426
+ }
1427
+ _explicitRole = null;
1428
+ get focused() {
1429
+ return this._hasFocusedChip();
1430
+ }
1431
+ _chips;
1432
+ _chipActions = new QueryList();
1433
+ constructor() {}
1434
+ ngAfterViewInit() {
1435
+ this._setUpFocusManagement();
1436
+ this._trackChipSetChanges();
1437
+ this._trackDestroyedFocusedChip();
1438
+ }
1439
+ ngOnDestroy() {
1440
+ this._keyManager?.destroy();
1441
+ this._chipActions.destroy();
1442
+ this._destroyed.next();
1443
+ this._destroyed.complete();
1444
+ }
1445
+ _hasFocusedChip() {
1446
+ return this._chips && this._chips.some(chip => chip._hasFocus());
1447
+ }
1448
+ _syncChipsState() {
1449
+ this._chips?.forEach(chip => {
1450
+ chip._chipListDisabled = this._disabled;
1451
+ chip._changeDetectorRef.markForCheck();
1452
+ });
1453
+ }
1454
+ focus() {}
1455
+ _handleKeydown(event) {
1456
+ if (this._originatesFromChip(event)) {
1457
+ this._keyManager.onKeydown(event);
1458
+ }
1459
+ }
1460
+ _isValidIndex(index) {
1461
+ return index >= 0 && index < this._chips.length;
1462
+ }
1463
+ _allowFocusEscape() {
1464
+ const previous = this._elementRef.nativeElement.tabIndex;
1465
+ if (previous !== -1) {
1466
+ this._elementRef.nativeElement.tabIndex = -1;
1467
+ setTimeout(() => this._elementRef.nativeElement.tabIndex = previous);
1468
+ }
1469
+ }
1470
+ _getChipStream(mappingFunction) {
1471
+ return this._chips.changes.pipe(startWith(null), switchMap(() => merge(...this._chips.map(mappingFunction))));
1472
+ }
1473
+ _originatesFromChip(event) {
1474
+ let currentElement = event.target;
1475
+ while (currentElement && currentElement !== this._elementRef.nativeElement) {
1476
+ if (currentElement.classList.contains('mat-mdc-chip')) {
1477
+ return true;
1478
+ }
1479
+ currentElement = currentElement.parentElement;
1480
+ }
1481
+ return false;
1482
+ }
1483
+ _setUpFocusManagement() {
1484
+ this._chips.changes.pipe(startWith(this._chips)).subscribe(chips => {
1485
+ const actions = [];
1486
+ chips.forEach(chip => chip._getActions().forEach(action => actions.push(action)));
1487
+ this._chipActions.reset(actions);
1488
+ this._chipActions.notifyOnChanges();
1489
+ });
1490
+ this._keyManager = new FocusKeyManager(this._chipActions).withVerticalOrientation().withHorizontalOrientation(this._dir ? this._dir.value : 'ltr').withHomeAndEnd().skipPredicate(action => this._skipPredicate(action));
1491
+ this.chipFocusChanges.pipe(takeUntil(this._destroyed)).subscribe(({
1492
+ chip
1493
+ }) => {
1494
+ const action = chip._getSourceAction(document.activeElement);
1495
+ if (action) {
1496
+ this._keyManager.updateActiveItem(action);
1497
+ }
1498
+ });
1499
+ this._dir?.change.pipe(takeUntil(this._destroyed)).subscribe(direction => this._keyManager.withHorizontalOrientation(direction));
1500
+ }
1501
+ _skipPredicate(action) {
1502
+ return action.disabled;
1503
+ }
1504
+ _trackChipSetChanges() {
1505
+ this._chips.changes.pipe(startWith(null), takeUntil(this._destroyed)).subscribe(() => {
1506
+ if (this.disabled) {
1507
+ Promise.resolve().then(() => this._syncChipsState());
1508
+ }
1509
+ this._redirectDestroyedChipFocus();
1510
+ });
1511
+ }
1512
+ _trackDestroyedFocusedChip() {
1513
+ this.chipDestroyedChanges.pipe(takeUntil(this._destroyed)).subscribe(event => {
1514
+ const chipArray = this._chips.toArray();
1515
+ const chipIndex = chipArray.indexOf(event.chip);
1516
+ const hasFocus = event.chip._hasFocus();
1517
+ const wasLastFocused = event.chip._hadFocusOnRemove && this._keyManager.activeItem && event.chip._getActions().includes(this._keyManager.activeItem);
1518
+ const shouldMoveFocus = hasFocus || wasLastFocused;
1519
+ if (this._isValidIndex(chipIndex) && shouldMoveFocus) {
1520
+ this._lastDestroyedFocusedChipIndex = chipIndex;
1521
+ }
1522
+ });
1523
+ }
1524
+ _redirectDestroyedChipFocus() {
1525
+ if (this._lastDestroyedFocusedChipIndex == null) {
1526
+ return;
1527
+ }
1528
+ if (this._chips.length) {
1529
+ const newIndex = Math.min(this._lastDestroyedFocusedChipIndex, this._chips.length - 1);
1530
+ const chipToFocus = this._chips.toArray()[newIndex];
1531
+ if (chipToFocus.disabled) {
1532
+ if (this._chips.length === 1) {
1533
+ this.focus();
1534
+ } else {
1535
+ this._keyManager.setPreviousItemActive();
1536
+ }
1537
+ } else {
1538
+ chipToFocus.focus();
1539
+ }
1540
+ } else {
1541
+ this.focus();
1542
+ }
1543
+ this._lastDestroyedFocusedChipIndex = null;
1544
+ }
1545
+ static ɵfac = i0.ɵɵngDeclareFactory({
1546
+ minVersion: "12.0.0",
1547
+ version: "22.0.0-next.1",
1548
+ ngImport: i0,
1549
+ type: MatChipSet,
1550
+ deps: [],
1551
+ target: i0.ɵɵFactoryTarget.Component
1552
+ });
1553
+ static ɵcmp = i0.ɵɵngDeclareComponent({
1554
+ minVersion: "16.1.0",
1555
+ version: "22.0.0-next.1",
1556
+ type: MatChipSet,
1557
+ isStandalone: true,
1558
+ selector: "mat-chip-set",
1559
+ inputs: {
1560
+ disabled: ["disabled", "disabled", booleanAttribute],
1561
+ role: "role",
1562
+ tabIndex: ["tabIndex", "tabIndex", value => value == null ? 0 : numberAttribute(value)]
1563
+ },
1564
+ host: {
1565
+ listeners: {
1566
+ "keydown": "_handleKeydown($event)"
1567
+ },
1568
+ properties: {
1569
+ "attr.role": "role"
1570
+ },
1571
+ classAttribute: "mat-mdc-chip-set mdc-evolution-chip-set"
1572
+ },
1573
+ queries: [{
1574
+ propertyName: "_chips",
1575
+ predicate: MatChip,
1576
+ descendants: true
1577
+ }],
1578
+ ngImport: i0,
1579
+ template: `
1580
+ <div class="mdc-evolution-chip-set__chips" role="presentation">
1581
+ <ng-content></ng-content>
1582
+ </div>
1583
+ `,
1584
+ isInline: true,
1585
+ styles: [".mat-mdc-chip-set{display:flex}.mat-mdc-chip-set:focus{outline:none}.mat-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%;margin-left:-8px;margin-right:0}.mat-mdc-chip-set .mdc-evolution-chip{margin:4px 0 4px 8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip-set__chips{margin-left:0;margin-right:-8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip{margin-left:0;margin-right:8px}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.mat-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.mat-mdc-chip-set-stacked .mat-mdc-chip{width:100%}.mat-mdc-chip-set-stacked .mdc-evolution-chip__graphic{flex-grow:0}.mat-mdc-chip-set-stacked .mdc-evolution-chip__action--primary{flex-basis:100%;justify-content:start}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}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-moz-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-webkit-input-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input:-ms-input-placeholder{opacity:1}.mat-mdc-chip-set+input.mat-mdc-chip-input{margin-left:0;margin-right:0}\n"],
1586
+ changeDetection: i0.ChangeDetectionStrategy.OnPush,
1587
+ encapsulation: i0.ViewEncapsulation.None
1588
+ });
1589
+ }
1590
+ i0.ɵɵngDeclareClassMetadata({
1591
+ minVersion: "12.0.0",
1592
+ version: "22.0.0-next.1",
1593
+ ngImport: i0,
1594
+ type: MatChipSet,
1595
+ decorators: [{
1596
+ type: Component,
1597
+ args: [{
1598
+ selector: 'mat-chip-set',
1599
+ template: `
1600
+ <div class="mdc-evolution-chip-set__chips" role="presentation">
1601
+ <ng-content></ng-content>
1602
+ </div>
1603
+ `,
1604
+ host: {
1605
+ 'class': 'mat-mdc-chip-set mdc-evolution-chip-set',
1606
+ '(keydown)': '_handleKeydown($event)',
1607
+ '[attr.role]': 'role'
1608
+ },
1609
+ encapsulation: ViewEncapsulation.None,
1610
+ changeDetection: ChangeDetectionStrategy.OnPush,
1611
+ styles: [".mat-mdc-chip-set{display:flex}.mat-mdc-chip-set:focus{outline:none}.mat-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%;margin-left:-8px;margin-right:0}.mat-mdc-chip-set .mdc-evolution-chip{margin:4px 0 4px 8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip-set__chips{margin-left:0;margin-right:-8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip{margin-left:0;margin-right:8px}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.mat-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.mat-mdc-chip-set-stacked .mat-mdc-chip{width:100%}.mat-mdc-chip-set-stacked .mdc-evolution-chip__graphic{flex-grow:0}.mat-mdc-chip-set-stacked .mdc-evolution-chip__action--primary{flex-basis:100%;justify-content:start}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}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-moz-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-webkit-input-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input:-ms-input-placeholder{opacity:1}.mat-mdc-chip-set+input.mat-mdc-chip-input{margin-left:0;margin-right:0}\n"]
1612
+ }]
1613
+ }],
1614
+ ctorParameters: () => [],
1615
+ propDecorators: {
1616
+ disabled: [{
1617
+ type: Input,
1618
+ args: [{
1619
+ transform: booleanAttribute
1620
+ }]
1621
+ }],
1622
+ role: [{
1623
+ type: Input
1624
+ }],
1625
+ tabIndex: [{
1626
+ type: Input,
1627
+ args: [{
1628
+ transform: value => value == null ? 0 : numberAttribute(value)
1629
+ }]
1630
+ }],
1631
+ _chips: [{
1632
+ type: ContentChildren,
1633
+ args: [MatChip, {
1634
+ descendants: true
1635
+ }]
1636
+ }]
1637
+ }
1638
+ });
1639
+
1640
+ class MatChipListboxChange {
1641
+ source;
1642
+ value;
1643
+ constructor(source, value) {
1644
+ this.source = source;
1645
+ this.value = value;
1646
+ }
1647
+ }
1648
+ const MAT_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR = {
1649
+ provide: NG_VALUE_ACCESSOR,
1650
+ useExisting: forwardRef(() => MatChipListbox),
1651
+ multi: true
1652
+ };
1653
+ class MatChipListbox extends MatChipSet {
1654
+ _onTouched = () => {};
1655
+ _onChange = () => {};
1656
+ _defaultRole = 'listbox';
1657
+ _defaultOptions = inject(MAT_CHIPS_DEFAULT_OPTIONS, {
1658
+ optional: true
1659
+ });
1660
+ get multiple() {
1661
+ return this._multiple;
1662
+ }
1663
+ set multiple(value) {
1664
+ this._multiple = value;
1665
+ this._syncListboxProperties();
1666
+ }
1667
+ _multiple = false;
1668
+ get selected() {
1669
+ const selectedChips = this._chips.toArray().filter(chip => chip.selected);
1670
+ return this.multiple ? selectedChips : selectedChips[0];
1671
+ }
1672
+ ariaOrientation = 'horizontal';
1673
+ get selectable() {
1674
+ return this._selectable;
1675
+ }
1676
+ set selectable(value) {
1677
+ this._selectable = value;
1678
+ this._syncListboxProperties();
1679
+ }
1680
+ _selectable = true;
1681
+ compareWith = (o1, o2) => o1 === o2;
1682
+ required = false;
1683
+ get hideSingleSelectionIndicator() {
1684
+ return this._hideSingleSelectionIndicator;
1685
+ }
1686
+ set hideSingleSelectionIndicator(value) {
1687
+ this._hideSingleSelectionIndicator = value;
1688
+ this._syncListboxProperties();
1689
+ }
1690
+ _hideSingleSelectionIndicator = this._defaultOptions?.hideSingleSelectionIndicator ?? false;
1691
+ get chipSelectionChanges() {
1692
+ return this._getChipStream(chip => chip.selectionChange);
1693
+ }
1694
+ get chipBlurChanges() {
1695
+ return this._getChipStream(chip => chip._onBlur);
1696
+ }
1697
+ get value() {
1698
+ return this._value;
1699
+ }
1700
+ set value(value) {
1701
+ if (this._chips && this._chips.length) {
1702
+ this._setSelectionByValue(value, false);
1703
+ }
1704
+ this._value = value;
1705
+ }
1706
+ _value;
1707
+ change = new EventEmitter();
1708
+ _chips = undefined;
1709
+ ngAfterContentInit() {
1710
+ this._chips.changes.pipe(startWith(null), takeUntil(this._destroyed)).subscribe(() => {
1711
+ if (this.value !== undefined) {
1712
+ Promise.resolve().then(() => {
1713
+ this._setSelectionByValue(this.value, false);
1714
+ });
1715
+ }
1716
+ this._syncListboxProperties();
1717
+ });
1718
+ this.chipBlurChanges.pipe(takeUntil(this._destroyed)).subscribe(() => this._blur());
1719
+ this.chipSelectionChanges.pipe(takeUntil(this._destroyed)).subscribe(event => {
1720
+ if (!this.multiple) {
1721
+ this._chips.forEach(chip => {
1722
+ if (chip !== event.source) {
1723
+ chip._setSelectedState(false, false, false);
1724
+ }
1725
+ });
1726
+ }
1727
+ if (event.isUserInput) {
1728
+ this._propagateChanges();
1729
+ }
1730
+ });
1731
+ }
1732
+ focus() {
1733
+ if (this.disabled) {
1734
+ return;
1735
+ }
1736
+ const firstSelectedChip = this._getFirstSelectedChip();
1737
+ if (firstSelectedChip && !firstSelectedChip.disabled) {
1738
+ firstSelectedChip.focus();
1739
+ } else if (this._chips.length > 0) {
1740
+ this._keyManager.setFirstItemActive();
1741
+ } else {
1742
+ this._elementRef.nativeElement.focus();
1743
+ }
1744
+ }
1745
+ writeValue(value) {
1746
+ if (value != null) {
1747
+ this.value = value;
1748
+ } else {
1749
+ this.value = undefined;
1750
+ }
1751
+ }
1752
+ registerOnChange(fn) {
1753
+ this._onChange = fn;
1754
+ }
1755
+ registerOnTouched(fn) {
1756
+ this._onTouched = fn;
1757
+ }
1758
+ setDisabledState(isDisabled) {
1759
+ this.disabled = isDisabled;
1760
+ }
1761
+ _setSelectionByValue(value, isUserInput = true) {
1762
+ this._clearSelection();
1763
+ if (Array.isArray(value)) {
1764
+ value.forEach(currentValue => this._selectValue(currentValue, isUserInput));
1765
+ } else {
1766
+ this._selectValue(value, isUserInput);
1767
+ }
1768
+ }
1769
+ _blur() {
1770
+ if (!this.disabled) {
1771
+ setTimeout(() => {
1772
+ if (!this.focused) {
1773
+ this._markAsTouched();
1774
+ }
1775
+ });
1776
+ }
1777
+ }
1778
+ _keydown(event) {
1779
+ if (event.keyCode === TAB) {
1780
+ super._allowFocusEscape();
1781
+ }
1782
+ }
1783
+ _markAsTouched() {
1784
+ this._onTouched();
1785
+ this._changeDetectorRef.markForCheck();
1786
+ }
1787
+ _propagateChanges() {
1788
+ let valueToEmit = null;
1789
+ if (Array.isArray(this.selected)) {
1790
+ valueToEmit = this.selected.map(chip => chip.value);
1791
+ } else {
1792
+ valueToEmit = this.selected ? this.selected.value : undefined;
1793
+ }
1794
+ this._value = valueToEmit;
1795
+ this.change.emit(new MatChipListboxChange(this, valueToEmit));
1796
+ this._onChange(valueToEmit);
1797
+ this._changeDetectorRef.markForCheck();
1798
+ }
1799
+ _clearSelection(skip) {
1800
+ this._chips.forEach(chip => {
1801
+ if (chip !== skip) {
1802
+ chip.deselect();
1803
+ }
1804
+ });
1805
+ }
1806
+ _selectValue(value, isUserInput) {
1807
+ const correspondingChip = this._chips.find(chip => {
1808
+ return chip.value != null && this.compareWith(chip.value, value);
1809
+ });
1810
+ if (correspondingChip) {
1811
+ isUserInput ? correspondingChip.selectViaInteraction() : correspondingChip.select();
1812
+ }
1813
+ return correspondingChip;
1814
+ }
1815
+ _syncListboxProperties() {
1816
+ if (this._chips) {
1817
+ Promise.resolve().then(() => {
1818
+ this._chips.forEach(chip => {
1819
+ chip._chipListMultiple = this.multiple;
1820
+ chip.chipListSelectable = this._selectable;
1821
+ chip._chipListHideSingleSelectionIndicator = this.hideSingleSelectionIndicator;
1822
+ chip._changeDetectorRef.markForCheck();
1823
+ });
1824
+ });
1825
+ }
1826
+ }
1827
+ _getFirstSelectedChip() {
1828
+ if (Array.isArray(this.selected)) {
1829
+ return this.selected.length ? this.selected[0] : undefined;
1830
+ } else {
1831
+ return this.selected;
1832
+ }
1833
+ }
1834
+ _skipPredicate(action) {
1835
+ return false;
1836
+ }
1837
+ static ɵfac = i0.ɵɵngDeclareFactory({
1838
+ minVersion: "12.0.0",
1839
+ version: "22.0.0-next.1",
1840
+ ngImport: i0,
1841
+ type: MatChipListbox,
1842
+ deps: null,
1843
+ target: i0.ɵɵFactoryTarget.Component
1844
+ });
1845
+ static ɵcmp = i0.ɵɵngDeclareComponent({
1846
+ minVersion: "16.1.0",
1847
+ version: "22.0.0-next.1",
1848
+ type: MatChipListbox,
1849
+ isStandalone: true,
1850
+ selector: "mat-chip-listbox",
1851
+ inputs: {
1852
+ multiple: ["multiple", "multiple", booleanAttribute],
1853
+ ariaOrientation: ["aria-orientation", "ariaOrientation"],
1854
+ selectable: ["selectable", "selectable", booleanAttribute],
1855
+ compareWith: "compareWith",
1856
+ required: ["required", "required", booleanAttribute],
1857
+ hideSingleSelectionIndicator: ["hideSingleSelectionIndicator", "hideSingleSelectionIndicator", booleanAttribute],
1858
+ value: "value"
1859
+ },
1860
+ outputs: {
1861
+ change: "change"
1862
+ },
1863
+ host: {
1864
+ listeners: {
1865
+ "focus": "focus()",
1866
+ "blur": "_blur()",
1867
+ "keydown": "_keydown($event)"
1868
+ },
1869
+ properties: {
1870
+ "attr.role": "role",
1871
+ "tabIndex": "(disabled || empty) ? -1 : tabIndex",
1872
+ "attr.aria-required": "role ? required : null",
1873
+ "attr.aria-disabled": "disabled.toString()",
1874
+ "attr.aria-multiselectable": "multiple",
1875
+ "attr.aria-orientation": "ariaOrientation",
1876
+ "class.mat-mdc-chip-list-disabled": "disabled",
1877
+ "class.mat-mdc-chip-list-required": "required"
1878
+ },
1879
+ classAttribute: "mdc-evolution-chip-set mat-mdc-chip-listbox"
1880
+ },
1881
+ providers: [MAT_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR],
1882
+ queries: [{
1883
+ propertyName: "_chips",
1884
+ predicate: MatChipOption,
1885
+ descendants: true
1886
+ }],
1887
+ usesInheritance: true,
1888
+ ngImport: i0,
1889
+ template: `
1890
+ <div class="mdc-evolution-chip-set__chips" role="presentation">
1891
+ <ng-content></ng-content>
1892
+ </div>
1893
+ `,
1894
+ isInline: true,
1895
+ styles: [".mat-mdc-chip-set{display:flex}.mat-mdc-chip-set:focus{outline:none}.mat-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%;margin-left:-8px;margin-right:0}.mat-mdc-chip-set .mdc-evolution-chip{margin:4px 0 4px 8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip-set__chips{margin-left:0;margin-right:-8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip{margin-left:0;margin-right:8px}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.mat-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.mat-mdc-chip-set-stacked .mat-mdc-chip{width:100%}.mat-mdc-chip-set-stacked .mdc-evolution-chip__graphic{flex-grow:0}.mat-mdc-chip-set-stacked .mdc-evolution-chip__action--primary{flex-basis:100%;justify-content:start}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}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-moz-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-webkit-input-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input:-ms-input-placeholder{opacity:1}.mat-mdc-chip-set+input.mat-mdc-chip-input{margin-left:0;margin-right:0}\n"],
1896
+ changeDetection: i0.ChangeDetectionStrategy.OnPush,
1897
+ encapsulation: i0.ViewEncapsulation.None
1898
+ });
1899
+ }
1900
+ i0.ɵɵngDeclareClassMetadata({
1901
+ minVersion: "12.0.0",
1902
+ version: "22.0.0-next.1",
1903
+ ngImport: i0,
1904
+ type: MatChipListbox,
1905
+ decorators: [{
1906
+ type: Component,
1907
+ args: [{
1908
+ selector: 'mat-chip-listbox',
1909
+ template: `
1910
+ <div class="mdc-evolution-chip-set__chips" role="presentation">
1911
+ <ng-content></ng-content>
1912
+ </div>
1913
+ `,
1914
+ host: {
1915
+ 'class': 'mdc-evolution-chip-set mat-mdc-chip-listbox',
1916
+ '[attr.role]': 'role',
1917
+ '[tabIndex]': '(disabled || empty) ? -1 : tabIndex',
1918
+ '[attr.aria-required]': 'role ? required : null',
1919
+ '[attr.aria-disabled]': 'disabled.toString()',
1920
+ '[attr.aria-multiselectable]': 'multiple',
1921
+ '[attr.aria-orientation]': 'ariaOrientation',
1922
+ '[class.mat-mdc-chip-list-disabled]': 'disabled',
1923
+ '[class.mat-mdc-chip-list-required]': 'required',
1924
+ '(focus)': 'focus()',
1925
+ '(blur)': '_blur()',
1926
+ '(keydown)': '_keydown($event)'
1927
+ },
1928
+ providers: [MAT_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR],
1929
+ encapsulation: ViewEncapsulation.None,
1930
+ changeDetection: ChangeDetectionStrategy.OnPush,
1931
+ styles: [".mat-mdc-chip-set{display:flex}.mat-mdc-chip-set:focus{outline:none}.mat-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%;margin-left:-8px;margin-right:0}.mat-mdc-chip-set .mdc-evolution-chip{margin:4px 0 4px 8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip-set__chips{margin-left:0;margin-right:-8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip{margin-left:0;margin-right:8px}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.mat-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.mat-mdc-chip-set-stacked .mat-mdc-chip{width:100%}.mat-mdc-chip-set-stacked .mdc-evolution-chip__graphic{flex-grow:0}.mat-mdc-chip-set-stacked .mdc-evolution-chip__action--primary{flex-basis:100%;justify-content:start}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}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-moz-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-webkit-input-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input:-ms-input-placeholder{opacity:1}.mat-mdc-chip-set+input.mat-mdc-chip-input{margin-left:0;margin-right:0}\n"]
1932
+ }]
1933
+ }],
1934
+ propDecorators: {
1935
+ multiple: [{
1936
+ type: Input,
1937
+ args: [{
1938
+ transform: booleanAttribute
1939
+ }]
1940
+ }],
1941
+ ariaOrientation: [{
1942
+ type: Input,
1943
+ args: ['aria-orientation']
1944
+ }],
1945
+ selectable: [{
1946
+ type: Input,
1947
+ args: [{
1948
+ transform: booleanAttribute
1949
+ }]
1950
+ }],
1951
+ compareWith: [{
1952
+ type: Input
1953
+ }],
1954
+ required: [{
1955
+ type: Input,
1956
+ args: [{
1957
+ transform: booleanAttribute
1958
+ }]
1959
+ }],
1960
+ hideSingleSelectionIndicator: [{
1961
+ type: Input,
1962
+ args: [{
1963
+ transform: booleanAttribute
1964
+ }]
1965
+ }],
1966
+ value: [{
1967
+ type: Input
1968
+ }],
1969
+ change: [{
1970
+ type: Output
1971
+ }],
1972
+ _chips: [{
1973
+ type: ContentChildren,
1974
+ args: [MatChipOption, {
1975
+ descendants: true
1976
+ }]
1977
+ }]
1978
+ }
1979
+ });
1980
+
1981
+ class MatChipGridChange {
1982
+ source;
1983
+ value;
1984
+ constructor(source, value) {
1985
+ this.source = source;
1986
+ this.value = value;
1987
+ }
1988
+ }
1989
+ class MatChipGrid extends MatChipSet {
1990
+ ngControl = inject(NgControl, {
1991
+ optional: true,
1992
+ self: true
1993
+ });
1994
+ controlType = 'mat-chip-grid';
1995
+ _chipInput;
1996
+ _defaultRole = 'grid';
1997
+ _errorStateTracker;
1998
+ _uid = inject(_IdGenerator).getId('mat-chip-grid-');
1999
+ _ariaDescribedbyIds = [];
2000
+ _onTouched = () => {};
2001
+ _onChange = () => {};
2002
+ get disabled() {
2003
+ return this.ngControl ? !!this.ngControl.disabled : this._disabled;
2004
+ }
2005
+ set disabled(value) {
2006
+ this._disabled = value;
2007
+ this._syncChipsState();
2008
+ this.stateChanges.next();
2009
+ }
2010
+ get id() {
2011
+ return this._chipInput ? this._chipInput.id : this._uid;
2012
+ }
2013
+ get empty() {
2014
+ return (!this._chipInput || this._chipInput.empty) && (!this._chips || this._chips.length === 0);
2015
+ }
2016
+ get placeholder() {
2017
+ return this._chipInput ? this._chipInput.placeholder : this._placeholder;
2018
+ }
2019
+ set placeholder(value) {
2020
+ this._placeholder = value;
2021
+ this.stateChanges.next();
2022
+ }
2023
+ _placeholder = '';
2024
+ get focused() {
2025
+ return this._chipInput?.focused || this._hasFocusedChip();
2026
+ }
2027
+ get required() {
2028
+ return this._required ?? this.ngControl?.control?.hasValidator(Validators.required) ?? false;
2029
+ }
2030
+ set required(value) {
2031
+ this._required = value;
2032
+ this.stateChanges.next();
2033
+ }
2034
+ _required;
2035
+ get shouldLabelFloat() {
2036
+ return !this.empty || this.focused;
2037
+ }
2038
+ get value() {
2039
+ return this._value;
2040
+ }
2041
+ set value(value) {
2042
+ this._value = value;
2043
+ }
2044
+ _value = [];
2045
+ get errorStateMatcher() {
2046
+ return this._errorStateTracker.matcher;
2047
+ }
2048
+ set errorStateMatcher(value) {
2049
+ this._errorStateTracker.matcher = value;
2050
+ }
2051
+ get chipBlurChanges() {
2052
+ return this._getChipStream(chip => chip._onBlur);
2053
+ }
2054
+ change = new EventEmitter();
2055
+ valueChange = new EventEmitter();
2056
+ _chips = undefined;
2057
+ stateChanges = new Subject();
2058
+ get errorState() {
2059
+ return this._errorStateTracker.errorState;
2060
+ }
2061
+ set errorState(value) {
2062
+ this._errorStateTracker.errorState = value;
2063
+ }
2064
+ constructor() {
2065
+ super();
2066
+ const parentForm = inject(NgForm, {
2067
+ optional: true
2068
+ });
2069
+ const parentFormGroup = inject(FormGroupDirective, {
2070
+ optional: true
2071
+ });
2072
+ const defaultErrorStateMatcher = inject(ErrorStateMatcher);
2073
+ if (this.ngControl) {
2074
+ this.ngControl.valueAccessor = this;
2075
+ }
2076
+ this._errorStateTracker = new _ErrorStateTracker(defaultErrorStateMatcher, this.ngControl, parentFormGroup, parentForm, this.stateChanges);
2077
+ }
2078
+ ngAfterContentInit() {
2079
+ this.chipBlurChanges.pipe(takeUntil(this._destroyed)).subscribe(() => {
2080
+ this._blur();
2081
+ this.stateChanges.next();
2082
+ });
2083
+ merge(this.chipFocusChanges, this._chips.changes).pipe(takeUntil(this._destroyed)).subscribe(() => this.stateChanges.next());
2084
+ }
2085
+ ngDoCheck() {
2086
+ if (this.ngControl) {
2087
+ this.updateErrorState();
2088
+ }
2089
+ }
2090
+ ngOnDestroy() {
2091
+ super.ngOnDestroy();
2092
+ this.stateChanges.complete();
2093
+ }
2094
+ registerInput(inputElement) {
2095
+ this._chipInput = inputElement;
2096
+ this._chipInput.setDescribedByIds(this._ariaDescribedbyIds);
2097
+ this._elementRef.nativeElement.removeAttribute('aria-describedby');
2098
+ }
2099
+ onContainerClick(event) {
2100
+ if (!this.disabled && !this._originatesFromChip(event)) {
2101
+ this.focus();
2102
+ }
2103
+ }
2104
+ focus() {
2105
+ if (this.disabled || this._chipInput?.focused) {
2106
+ return;
2107
+ }
2108
+ if (!this._chips.length || this._chips.first.disabled) {
2109
+ if (!this._chipInput) {
2110
+ return;
2111
+ }
2112
+ Promise.resolve().then(() => this._chipInput.focus());
2113
+ } else {
2114
+ const activeItem = this._keyManager.activeItem;
2115
+ if (activeItem) {
2116
+ activeItem.focus();
2117
+ } else {
2118
+ this._keyManager.setFirstItemActive();
2119
+ }
2120
+ }
2121
+ this.stateChanges.next();
2122
+ }
2123
+ get describedByIds() {
2124
+ if (this._chipInput) {
2125
+ return this._chipInput.describedByIds || [];
2126
+ }
2127
+ const existing = this._elementRef.nativeElement.getAttribute('aria-describedby');
2128
+ return existing ? existing.split(' ') : [];
2129
+ }
2130
+ setDescribedByIds(ids) {
2131
+ this._ariaDescribedbyIds = ids;
2132
+ if (this._chipInput) {
2133
+ this._chipInput.setDescribedByIds(ids);
2134
+ } else if (ids.length) {
2135
+ this._elementRef.nativeElement.setAttribute('aria-describedby', ids.join(' '));
2136
+ } else {
2137
+ this._elementRef.nativeElement.removeAttribute('aria-describedby');
2138
+ }
2139
+ }
2140
+ writeValue(value) {
2141
+ this._value = value;
2142
+ }
2143
+ registerOnChange(fn) {
2144
+ this._onChange = fn;
2145
+ }
2146
+ registerOnTouched(fn) {
2147
+ this._onTouched = fn;
2148
+ }
2149
+ setDisabledState(isDisabled) {
2150
+ this.disabled = isDisabled;
2151
+ this.stateChanges.next();
2152
+ }
2153
+ updateErrorState() {
2154
+ this._errorStateTracker.updateErrorState();
2155
+ }
2156
+ _blur() {
2157
+ if (!this.disabled) {
2158
+ setTimeout(() => {
2159
+ if (!this.focused) {
2160
+ this._propagateChanges();
2161
+ this._markAsTouched();
2162
+ }
2163
+ });
2164
+ }
2165
+ }
2166
+ _allowFocusEscape() {
2167
+ if (!this._chipInput?.focused) {
2168
+ super._allowFocusEscape();
2169
+ }
2170
+ }
2171
+ _handleKeydown(event) {
2172
+ const keyCode = event.keyCode;
2173
+ const activeItem = this._keyManager.activeItem;
2174
+ if (keyCode === TAB) {
2175
+ if (this._chipInput?.focused && hasModifierKey(event, 'shiftKey') && this._chips.length && !this._chips.last.disabled) {
2176
+ event.preventDefault();
2177
+ if (activeItem) {
2178
+ this._keyManager.setActiveItem(activeItem);
2179
+ } else {
2180
+ this._focusLastChip();
2181
+ }
2182
+ } else {
2183
+ super._allowFocusEscape();
2184
+ }
2185
+ } else if (!this._chipInput?.focused) {
2186
+ if ((keyCode === UP_ARROW || keyCode === DOWN_ARROW) && activeItem) {
2187
+ const eligibleActions = this._chipActions.filter(action => action._isPrimary === activeItem._isPrimary && !this._skipPredicate(action));
2188
+ const currentIndex = eligibleActions.indexOf(activeItem);
2189
+ const delta = event.keyCode === UP_ARROW ? -1 : 1;
2190
+ event.preventDefault();
2191
+ if (currentIndex > -1 && this._isValidIndex(currentIndex + delta)) {
2192
+ this._keyManager.setActiveItem(eligibleActions[currentIndex + delta]);
2193
+ }
2194
+ } else {
2195
+ super._handleKeydown(event);
2196
+ }
2197
+ }
2198
+ this.stateChanges.next();
2199
+ }
2200
+ _focusLastChip() {
2201
+ if (this._chips.length) {
2202
+ this._chips.last.focus();
2203
+ }
2204
+ }
2205
+ _propagateChanges() {
2206
+ const valueToEmit = this._chips.length ? this._chips.toArray().map(chip => chip.value) : [];
2207
+ this._value = valueToEmit;
2208
+ this.change.emit(new MatChipGridChange(this, valueToEmit));
2209
+ this.valueChange.emit(valueToEmit);
2210
+ this._onChange(valueToEmit);
2211
+ this._changeDetectorRef.markForCheck();
2212
+ }
2213
+ _markAsTouched() {
2214
+ this._onTouched();
2215
+ this._changeDetectorRef.markForCheck();
2216
+ this.stateChanges.next();
2217
+ }
2218
+ static ɵfac = i0.ɵɵngDeclareFactory({
2219
+ minVersion: "12.0.0",
2220
+ version: "22.0.0-next.1",
2221
+ ngImport: i0,
2222
+ type: MatChipGrid,
2223
+ deps: [],
2224
+ target: i0.ɵɵFactoryTarget.Component
2225
+ });
2226
+ static ɵcmp = i0.ɵɵngDeclareComponent({
2227
+ minVersion: "16.1.0",
2228
+ version: "22.0.0-next.1",
2229
+ type: MatChipGrid,
2230
+ isStandalone: true,
2231
+ selector: "mat-chip-grid",
2232
+ inputs: {
2233
+ disabled: ["disabled", "disabled", booleanAttribute],
2234
+ placeholder: "placeholder",
2235
+ required: ["required", "required", booleanAttribute],
2236
+ value: "value",
2237
+ errorStateMatcher: "errorStateMatcher"
2238
+ },
2239
+ outputs: {
2240
+ change: "change",
2241
+ valueChange: "valueChange"
2242
+ },
2243
+ host: {
2244
+ listeners: {
2245
+ "focus": "focus()",
2246
+ "blur": "_blur()"
2247
+ },
2248
+ properties: {
2249
+ "attr.role": "role",
2250
+ "attr.tabindex": "(disabled || (_chips && _chips.length === 0)) ? -1 : tabIndex",
2251
+ "attr.aria-disabled": "disabled.toString()",
2252
+ "attr.aria-invalid": "errorState",
2253
+ "class.mat-mdc-chip-list-disabled": "disabled",
2254
+ "class.mat-mdc-chip-list-invalid": "errorState",
2255
+ "class.mat-mdc-chip-list-required": "required"
2256
+ },
2257
+ classAttribute: "mat-mdc-chip-set mat-mdc-chip-grid mdc-evolution-chip-set"
2258
+ },
2259
+ providers: [{
2260
+ provide: MatFormFieldControl,
2261
+ useExisting: MatChipGrid
2262
+ }],
2263
+ queries: [{
2264
+ propertyName: "_chips",
2265
+ predicate: MatChipRow,
2266
+ descendants: true
2267
+ }],
2268
+ usesInheritance: true,
2269
+ ngImport: i0,
2270
+ template: `
2271
+ <div class="mdc-evolution-chip-set__chips" role="presentation">
2272
+ <ng-content></ng-content>
2273
+ </div>
2274
+ `,
2275
+ isInline: true,
2276
+ styles: [".mat-mdc-chip-set{display:flex}.mat-mdc-chip-set:focus{outline:none}.mat-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%;margin-left:-8px;margin-right:0}.mat-mdc-chip-set .mdc-evolution-chip{margin:4px 0 4px 8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip-set__chips{margin-left:0;margin-right:-8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip{margin-left:0;margin-right:8px}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.mat-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.mat-mdc-chip-set-stacked .mat-mdc-chip{width:100%}.mat-mdc-chip-set-stacked .mdc-evolution-chip__graphic{flex-grow:0}.mat-mdc-chip-set-stacked .mdc-evolution-chip__action--primary{flex-basis:100%;justify-content:start}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}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-moz-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-webkit-input-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input:-ms-input-placeholder{opacity:1}.mat-mdc-chip-set+input.mat-mdc-chip-input{margin-left:0;margin-right:0}\n"],
2277
+ changeDetection: i0.ChangeDetectionStrategy.OnPush,
2278
+ encapsulation: i0.ViewEncapsulation.None
2279
+ });
2280
+ }
2281
+ i0.ɵɵngDeclareClassMetadata({
2282
+ minVersion: "12.0.0",
2283
+ version: "22.0.0-next.1",
2284
+ ngImport: i0,
2285
+ type: MatChipGrid,
2286
+ decorators: [{
2287
+ type: Component,
2288
+ args: [{
2289
+ selector: 'mat-chip-grid',
2290
+ template: `
2291
+ <div class="mdc-evolution-chip-set__chips" role="presentation">
2292
+ <ng-content></ng-content>
2293
+ </div>
2294
+ `,
2295
+ host: {
2296
+ 'class': 'mat-mdc-chip-set mat-mdc-chip-grid mdc-evolution-chip-set',
2297
+ '[attr.role]': 'role',
2298
+ '[attr.tabindex]': '(disabled || (_chips && _chips.length === 0)) ? -1 : tabIndex',
2299
+ '[attr.aria-disabled]': 'disabled.toString()',
2300
+ '[attr.aria-invalid]': 'errorState',
2301
+ '[class.mat-mdc-chip-list-disabled]': 'disabled',
2302
+ '[class.mat-mdc-chip-list-invalid]': 'errorState',
2303
+ '[class.mat-mdc-chip-list-required]': 'required',
2304
+ '(focus)': 'focus()',
2305
+ '(blur)': '_blur()'
2306
+ },
2307
+ providers: [{
2308
+ provide: MatFormFieldControl,
2309
+ useExisting: MatChipGrid
2310
+ }],
2311
+ encapsulation: ViewEncapsulation.None,
2312
+ changeDetection: ChangeDetectionStrategy.OnPush,
2313
+ styles: [".mat-mdc-chip-set{display:flex}.mat-mdc-chip-set:focus{outline:none}.mat-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%;margin-left:-8px;margin-right:0}.mat-mdc-chip-set .mdc-evolution-chip{margin:4px 0 4px 8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip-set__chips{margin-left:0;margin-right:-8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip{margin-left:0;margin-right:8px}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.mat-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.mat-mdc-chip-set-stacked .mat-mdc-chip{width:100%}.mat-mdc-chip-set-stacked .mdc-evolution-chip__graphic{flex-grow:0}.mat-mdc-chip-set-stacked .mdc-evolution-chip__action--primary{flex-basis:100%;justify-content:start}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}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-moz-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-webkit-input-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input:-ms-input-placeholder{opacity:1}.mat-mdc-chip-set+input.mat-mdc-chip-input{margin-left:0;margin-right:0}\n"]
2314
+ }]
2315
+ }],
2316
+ ctorParameters: () => [],
2317
+ propDecorators: {
2318
+ disabled: [{
2319
+ type: Input,
2320
+ args: [{
2321
+ transform: booleanAttribute
2322
+ }]
2323
+ }],
2324
+ placeholder: [{
2325
+ type: Input
2326
+ }],
2327
+ required: [{
2328
+ type: Input,
2329
+ args: [{
2330
+ transform: booleanAttribute
2331
+ }]
2332
+ }],
2333
+ value: [{
2334
+ type: Input
2335
+ }],
2336
+ errorStateMatcher: [{
2337
+ type: Input
2338
+ }],
2339
+ change: [{
2340
+ type: Output
2341
+ }],
2342
+ valueChange: [{
2343
+ type: Output
2344
+ }],
2345
+ _chips: [{
2346
+ type: ContentChildren,
2347
+ args: [MatChipRow, {
2348
+ descendants: true
2349
+ }]
2350
+ }]
2351
+ }
2352
+ });
2353
+
2354
+ class MatChipInput {
2355
+ _elementRef = inject(ElementRef);
2356
+ focused = false;
2357
+ get chipGrid() {
2358
+ return this._chipGrid;
2359
+ }
2360
+ set chipGrid(value) {
2361
+ if (value) {
2362
+ this._chipGrid = value;
2363
+ this._chipGrid.registerInput(this);
2364
+ }
2365
+ }
2366
+ _chipGrid;
2367
+ addOnBlur = false;
2368
+ separatorKeyCodes;
2369
+ chipEnd = new EventEmitter();
2370
+ placeholder = '';
2371
+ id = inject(_IdGenerator).getId('mat-mdc-chip-list-input-');
2372
+ get disabled() {
2373
+ return this._disabled || this._chipGrid && this._chipGrid.disabled;
2374
+ }
2375
+ set disabled(value) {
2376
+ this._disabled = value;
2377
+ }
2378
+ _disabled = false;
2379
+ readonly = false;
2380
+ disabledInteractive;
2381
+ get empty() {
2382
+ return !this.inputElement.value;
2383
+ }
2384
+ inputElement;
2385
+ constructor() {
2386
+ const defaultOptions = inject(MAT_CHIPS_DEFAULT_OPTIONS);
2387
+ const formField = inject(MAT_FORM_FIELD, {
2388
+ optional: true
2389
+ });
2390
+ this.inputElement = this._elementRef.nativeElement;
2391
+ this.separatorKeyCodes = defaultOptions.separatorKeyCodes;
2392
+ this.disabledInteractive = defaultOptions.inputDisabledInteractive ?? false;
2393
+ if (formField) {
2394
+ this.inputElement.classList.add('mat-mdc-form-field-input-control');
2395
+ }
2396
+ }
2397
+ ngOnChanges() {
2398
+ this._chipGrid.stateChanges.next();
2399
+ }
2400
+ ngOnDestroy() {
2401
+ this.chipEnd.complete();
2402
+ }
2403
+ _keydown(event) {
2404
+ if (this.empty && event.keyCode === BACKSPACE) {
2405
+ if (!event.repeat) {
2406
+ this._chipGrid._focusLastChip();
2407
+ }
2408
+ event.preventDefault();
2409
+ } else {
2410
+ this._emitChipEnd(event);
2411
+ }
2412
+ }
2413
+ _blur() {
2414
+ if (this.addOnBlur) {
2415
+ this._emitChipEnd();
2416
+ }
2417
+ this.focused = false;
2418
+ if (!this._chipGrid.focused) {
2419
+ this._chipGrid._blur();
2420
+ }
2421
+ this._chipGrid.stateChanges.next();
2422
+ }
2423
+ _focus() {
2424
+ this.focused = true;
2425
+ this._chipGrid.stateChanges.next();
2426
+ }
2427
+ _emitChipEnd(event) {
2428
+ if (!event || this._isSeparatorKey(event) && !event.repeat) {
2429
+ this.chipEnd.emit({
2430
+ input: this.inputElement,
2431
+ value: this.inputElement.value,
2432
+ chipInput: this
2433
+ });
2434
+ event?.preventDefault();
2435
+ }
2436
+ }
2437
+ _onInput() {
2438
+ this._chipGrid.stateChanges.next();
2439
+ }
2440
+ focus() {
2441
+ this.inputElement.focus();
2442
+ }
2443
+ clear() {
2444
+ this.inputElement.value = '';
2445
+ }
2446
+ get describedByIds() {
2447
+ const element = this._elementRef.nativeElement;
2448
+ const existingDescribedBy = element.getAttribute('aria-describedby');
2449
+ return existingDescribedBy?.split(' ') || [];
2450
+ }
2451
+ setDescribedByIds(ids) {
2452
+ const element = this._elementRef.nativeElement;
2453
+ if (ids.length) {
2454
+ element.setAttribute('aria-describedby', ids.join(' '));
2455
+ } else {
2456
+ element.removeAttribute('aria-describedby');
2457
+ }
2458
+ }
2459
+ _isSeparatorKey(event) {
2460
+ if (!this.separatorKeyCodes) {
2461
+ return false;
2462
+ }
2463
+ for (const key of this.separatorKeyCodes) {
2464
+ let keyCode;
2465
+ let modifiers;
2466
+ if (typeof key === 'number') {
2467
+ keyCode = key;
2468
+ modifiers = null;
2469
+ } else {
2470
+ keyCode = key.keyCode;
2471
+ modifiers = key.modifiers;
2472
+ }
2473
+ const modifiersMatch = !modifiers?.length ? !hasModifierKey(event) : hasModifierKey(event, ...modifiers);
2474
+ if (keyCode === event.keyCode && modifiersMatch) {
2475
+ return true;
2476
+ }
2477
+ }
2478
+ return false;
2479
+ }
2480
+ _getReadonlyAttribute() {
2481
+ return this.readonly || this.disabled && this.disabledInteractive ? 'true' : null;
2482
+ }
2483
+ static ɵfac = i0.ɵɵngDeclareFactory({
2484
+ minVersion: "12.0.0",
2485
+ version: "22.0.0-next.1",
2486
+ ngImport: i0,
2487
+ type: MatChipInput,
2488
+ deps: [],
2489
+ target: i0.ɵɵFactoryTarget.Directive
2490
+ });
2491
+ static ɵdir = i0.ɵɵngDeclareDirective({
2492
+ minVersion: "16.1.0",
2493
+ version: "22.0.0-next.1",
2494
+ type: MatChipInput,
2495
+ isStandalone: true,
2496
+ selector: "input[matChipInputFor]",
2497
+ inputs: {
2498
+ chipGrid: ["matChipInputFor", "chipGrid"],
2499
+ addOnBlur: ["matChipInputAddOnBlur", "addOnBlur", booleanAttribute],
2500
+ separatorKeyCodes: ["matChipInputSeparatorKeyCodes", "separatorKeyCodes"],
2501
+ placeholder: "placeholder",
2502
+ id: "id",
2503
+ disabled: ["disabled", "disabled", booleanAttribute],
2504
+ readonly: ["readonly", "readonly", booleanAttribute],
2505
+ disabledInteractive: ["matChipInputDisabledInteractive", "disabledInteractive", booleanAttribute]
2506
+ },
2507
+ outputs: {
2508
+ chipEnd: "matChipInputTokenEnd"
2509
+ },
2510
+ host: {
2511
+ listeners: {
2512
+ "keydown": "_keydown($event)",
2513
+ "blur": "_blur()",
2514
+ "focus": "_focus()",
2515
+ "input": "_onInput()"
2516
+ },
2517
+ properties: {
2518
+ "id": "id",
2519
+ "attr.disabled": "disabled && !disabledInteractive ? \"\" : null",
2520
+ "attr.placeholder": "placeholder || null",
2521
+ "attr.aria-invalid": "_chipGrid && _chipGrid.ngControl ? _chipGrid.ngControl.invalid : null",
2522
+ "attr.aria-required": "_chipGrid && _chipGrid.required || null",
2523
+ "attr.aria-disabled": "disabled && disabledInteractive ? \"true\" : null",
2524
+ "attr.readonly": "_getReadonlyAttribute()",
2525
+ "attr.required": "_chipGrid && _chipGrid.required || null"
2526
+ },
2527
+ classAttribute: "mat-mdc-chip-input mat-mdc-input-element mdc-text-field__input mat-input-element"
2528
+ },
2529
+ exportAs: ["matChipInput", "matChipInputFor"],
2530
+ usesOnChanges: true,
2531
+ ngImport: i0
2532
+ });
2533
+ }
2534
+ i0.ɵɵngDeclareClassMetadata({
2535
+ minVersion: "12.0.0",
2536
+ version: "22.0.0-next.1",
2537
+ ngImport: i0,
2538
+ type: MatChipInput,
2539
+ decorators: [{
2540
+ type: Directive,
2541
+ args: [{
2542
+ selector: 'input[matChipInputFor]',
2543
+ exportAs: 'matChipInput, matChipInputFor',
2544
+ host: {
2545
+ 'class': 'mat-mdc-chip-input mat-mdc-input-element mdc-text-field__input mat-input-element',
2546
+ '(keydown)': '_keydown($event)',
2547
+ '(blur)': '_blur()',
2548
+ '(focus)': '_focus()',
2549
+ '(input)': '_onInput()',
2550
+ '[id]': 'id',
2551
+ '[attr.disabled]': 'disabled && !disabledInteractive ? "" : null',
2552
+ '[attr.placeholder]': 'placeholder || null',
2553
+ '[attr.aria-invalid]': '_chipGrid && _chipGrid.ngControl ? _chipGrid.ngControl.invalid : null',
2554
+ '[attr.aria-required]': '_chipGrid && _chipGrid.required || null',
2555
+ '[attr.aria-disabled]': 'disabled && disabledInteractive ? "true" : null',
2556
+ '[attr.readonly]': '_getReadonlyAttribute()',
2557
+ '[attr.required]': '_chipGrid && _chipGrid.required || null'
2558
+ }
2559
+ }]
2560
+ }],
2561
+ ctorParameters: () => [],
2562
+ propDecorators: {
2563
+ chipGrid: [{
2564
+ type: Input,
2565
+ args: ['matChipInputFor']
2566
+ }],
2567
+ addOnBlur: [{
2568
+ type: Input,
2569
+ args: [{
2570
+ alias: 'matChipInputAddOnBlur',
2571
+ transform: booleanAttribute
2572
+ }]
2573
+ }],
2574
+ separatorKeyCodes: [{
2575
+ type: Input,
2576
+ args: ['matChipInputSeparatorKeyCodes']
2577
+ }],
2578
+ chipEnd: [{
2579
+ type: Output,
2580
+ args: ['matChipInputTokenEnd']
2581
+ }],
2582
+ placeholder: [{
2583
+ type: Input
2584
+ }],
2585
+ id: [{
2586
+ type: Input
2587
+ }],
2588
+ disabled: [{
2589
+ type: Input,
2590
+ args: [{
2591
+ transform: booleanAttribute
2592
+ }]
2593
+ }],
2594
+ readonly: [{
2595
+ type: Input,
2596
+ args: [{
2597
+ transform: booleanAttribute
2598
+ }]
2599
+ }],
2600
+ disabledInteractive: [{
2601
+ type: Input,
2602
+ args: [{
2603
+ alias: 'matChipInputDisabledInteractive',
2604
+ transform: booleanAttribute
2605
+ }]
2606
+ }]
2607
+ }
2608
+ });
2609
+
2610
+ const CHIP_DECLARATIONS = [MatChip, MatChipAvatar, MatChipEdit, MatChipEditInput, MatChipGrid, MatChipInput, MatChipListbox, MatChipOption, MatChipRemove, MatChipRow, MatChipSet, MatChipTrailingIcon];
2611
+ class MatChipsModule {
2612
+ static ɵfac = i0.ɵɵngDeclareFactory({
2613
+ minVersion: "12.0.0",
2614
+ version: "22.0.0-next.1",
2615
+ ngImport: i0,
2616
+ type: MatChipsModule,
2617
+ deps: [],
2618
+ target: i0.ɵɵFactoryTarget.NgModule
2619
+ });
2620
+ static ɵmod = i0.ɵɵngDeclareNgModule({
2621
+ minVersion: "14.0.0",
2622
+ version: "22.0.0-next.1",
2623
+ ngImport: i0,
2624
+ type: MatChipsModule,
2625
+ imports: [MatRippleModule, MatChipAction, MatChip, MatChipAvatar, MatChipEdit, MatChipEditInput, MatChipGrid, MatChipInput, MatChipListbox, MatChipOption, MatChipRemove, MatChipRow, MatChipSet, MatChipTrailingIcon],
2626
+ exports: [BidiModule, MatChip, MatChipAvatar, MatChipEdit, MatChipEditInput, MatChipGrid, MatChipInput, MatChipListbox, MatChipOption, MatChipRemove, MatChipRow, MatChipSet, MatChipTrailingIcon]
2627
+ });
2628
+ static ɵinj = i0.ɵɵngDeclareInjector({
2629
+ minVersion: "12.0.0",
2630
+ version: "22.0.0-next.1",
2631
+ ngImport: i0,
2632
+ type: MatChipsModule,
2633
+ providers: [ErrorStateMatcher, {
2634
+ provide: MAT_CHIPS_DEFAULT_OPTIONS,
2635
+ useValue: {
2636
+ separatorKeyCodes: [ENTER]
2637
+ }
2638
+ }],
2639
+ imports: [MatRippleModule, BidiModule]
2640
+ });
2641
+ }
2642
+ i0.ɵɵngDeclareClassMetadata({
2643
+ minVersion: "12.0.0",
2644
+ version: "22.0.0-next.1",
2645
+ ngImport: i0,
2646
+ type: MatChipsModule,
2647
+ decorators: [{
2648
+ type: NgModule,
2649
+ args: [{
2650
+ imports: [MatRippleModule, MatChipAction, CHIP_DECLARATIONS],
2651
+ exports: [BidiModule, CHIP_DECLARATIONS],
2652
+ providers: [ErrorStateMatcher, {
2653
+ provide: MAT_CHIPS_DEFAULT_OPTIONS,
2654
+ useValue: {
2655
+ separatorKeyCodes: [ENTER]
2656
+ }
2657
+ }]
2658
+ }]
2659
+ }]
2660
+ });
2661
+
2662
+ export { MAT_CHIP, MAT_CHIPS_DEFAULT_OPTIONS, MAT_CHIP_AVATAR, MAT_CHIP_EDIT, MAT_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR, MAT_CHIP_REMOVE, MAT_CHIP_TRAILING_ICON, MatChip, MatChipAvatar, MatChipEdit, MatChipEditInput, MatChipGrid, MatChipGridChange, MatChipInput, MatChipListbox, MatChipListboxChange, MatChipOption, MatChipRemove, MatChipRow, MatChipSelectionChange, MatChipSet, MatChipTrailingIcon, MatChipsModule };
2663
+ //# sourceMappingURL=chips.mjs.map