@angular/material 18.2.0-next.2 → 18.2.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (417) hide show
  1. package/_index.scss +3 -1
  2. package/button/_button-base.scss +5 -5
  3. package/button-toggle/index.d.ts +14 -2
  4. package/checkbox/_checkbox-common.scss +25 -11
  5. package/chips/index.d.ts +3 -8
  6. package/core/ripple/_ripple.scss +1 -1
  7. package/core/style/_elevation.scss +5 -0
  8. package/core/style/_sass-utils.scss +20 -2
  9. package/core/theming/_definition.scss +2 -0
  10. package/core/tokens/_m3-tokens.scss +106 -10
  11. package/core/tokens/_token-definition.scss +272 -0
  12. package/core/tokens/_token-utils.scss +68 -302
  13. package/core/tokens/m2/mat/_app.scss +4 -4
  14. package/core/tokens/m2/mat/_autocomplete.scss +4 -4
  15. package/core/tokens/m2/mat/_badge.scss +4 -4
  16. package/core/tokens/m2/mat/_bottom-sheet.scss +4 -4
  17. package/core/tokens/m2/mat/_card.scss +4 -4
  18. package/core/tokens/m2/mat/_checkbox.scss +4 -4
  19. package/core/tokens/m2/mat/_chip.scss +4 -4
  20. package/core/tokens/m2/mat/_datepicker.scss +4 -4
  21. package/core/tokens/m2/mat/_dialog.scss +4 -4
  22. package/core/tokens/m2/mat/_divider.scss +4 -4
  23. package/core/tokens/m2/mat/_expansion.scss +4 -4
  24. package/core/tokens/m2/mat/_fab-small.scss +7 -6
  25. package/core/tokens/m2/mat/_fab.scss +7 -6
  26. package/core/tokens/m2/mat/_filled-button.scss +7 -6
  27. package/core/tokens/m2/mat/_form-field.scss +4 -4
  28. package/core/tokens/m2/mat/_full-pseudo-checkbox.scss +4 -4
  29. package/core/tokens/m2/mat/_grid-list.scss +4 -4
  30. package/core/tokens/m2/mat/_icon-button.scss +4 -4
  31. package/core/tokens/m2/mat/_icon.scss +4 -4
  32. package/core/tokens/m2/mat/_legacy-button-toggle.scss +4 -4
  33. package/core/tokens/m2/mat/_list.scss +4 -4
  34. package/core/tokens/m2/mat/_menu.scss +4 -4
  35. package/core/tokens/m2/mat/_minimal-pseudo-checkbox.scss +4 -4
  36. package/core/tokens/m2/mat/_optgroup.scss +4 -4
  37. package/core/tokens/m2/mat/_option.scss +4 -4
  38. package/core/tokens/m2/mat/_outlined-button.scss +4 -4
  39. package/core/tokens/m2/mat/_paginator.scss +4 -4
  40. package/core/tokens/m2/mat/_protected-button.scss +7 -6
  41. package/core/tokens/m2/mat/_radio.scss +4 -4
  42. package/core/tokens/m2/mat/_ripple.scss +4 -4
  43. package/core/tokens/m2/mat/_select.scss +7 -7
  44. package/core/tokens/m2/mat/_sidenav.scss +4 -4
  45. package/core/tokens/m2/mat/_slider.scss +4 -4
  46. package/core/tokens/m2/mat/_snack-bar.scss +4 -4
  47. package/core/tokens/m2/mat/_sort.scss +4 -4
  48. package/core/tokens/m2/mat/_standard-button-toggle.scss +4 -4
  49. package/core/tokens/m2/mat/_stepper.scss +4 -4
  50. package/core/tokens/m2/mat/_switch.scss +4 -4
  51. package/core/tokens/m2/mat/_tab-header-with-background.scss +4 -4
  52. package/core/tokens/m2/mat/_tab-header.scss +4 -4
  53. package/core/tokens/m2/mat/_table.scss +4 -4
  54. package/core/tokens/m2/mat/_text-button.scss +4 -4
  55. package/core/tokens/m2/mat/_toolbar.scss +4 -4
  56. package/core/tokens/m2/mat/_tree.scss +4 -4
  57. package/core/tokens/m2/mdc/_checkbox.scss +6 -6
  58. package/core/tokens/m2/mdc/_chip.scss +4 -4
  59. package/core/tokens/m2/mdc/_circular-progress.scss +4 -4
  60. package/core/tokens/m2/mdc/_dialog.scss +5 -5
  61. package/core/tokens/m2/mdc/_elevated-card.scss +4 -4
  62. package/core/tokens/m2/mdc/_extended-fab.scss +4 -4
  63. package/core/tokens/m2/mdc/_fab-small.scss +4 -4
  64. package/core/tokens/m2/mdc/_fab.scss +4 -4
  65. package/core/tokens/m2/mdc/_filled-button.scss +6 -6
  66. package/core/tokens/m2/mdc/_filled-text-field.scss +7 -7
  67. package/core/tokens/m2/mdc/_icon-button.scss +4 -4
  68. package/core/tokens/m2/mdc/_linear-progress.scss +4 -4
  69. package/core/tokens/m2/mdc/_list.scss +4 -4
  70. package/core/tokens/m2/mdc/_outlined-button.scss +5 -5
  71. package/core/tokens/m2/mdc/_outlined-card.scss +4 -4
  72. package/core/tokens/m2/mdc/_outlined-text-field.scss +7 -7
  73. package/core/tokens/m2/mdc/_plain-tooltip.scss +4 -4
  74. package/core/tokens/m2/mdc/_protected-button.scss +6 -6
  75. package/core/tokens/m2/mdc/_radio.scss +4 -4
  76. package/core/tokens/m2/mdc/_secondary-navigation-tab.scss +4 -4
  77. package/core/tokens/m2/mdc/_slider.scss +4 -4
  78. package/core/tokens/m2/mdc/_snack-bar.scss +4 -4
  79. package/core/tokens/m2/mdc/_switch.scss +4 -4
  80. package/core/tokens/m2/mdc/_tab-indicator.scss +4 -4
  81. package/core/tokens/m2/mdc/_text-button.scss +4 -4
  82. package/core/tokens/m3/mat/_app.scss +6 -3
  83. package/core/tokens/m3/mat/_autocomplete.scss +3 -4
  84. package/core/tokens/m3/mat/_badge.scss +18 -18
  85. package/core/tokens/m3/mat/_bottom-sheet.scss +4 -4
  86. package/core/tokens/m3/mat/_card.scss +4 -4
  87. package/core/tokens/m3/mat/_checkbox.scss +2 -2
  88. package/core/tokens/m3/mat/_chip.scss +5 -5
  89. package/core/tokens/m3/mat/_datepicker.scss +7 -7
  90. package/core/tokens/m3/mat/_dialog.scss +12 -11
  91. package/core/tokens/m3/mat/_divider.scss +3 -3
  92. package/core/tokens/m3/mat/_expansion.scss +7 -7
  93. package/core/tokens/m3/mat/_fab-small.scss +2 -2
  94. package/core/tokens/m3/mat/_fab.scss +2 -2
  95. package/core/tokens/m3/mat/_filled-button.scss +5 -5
  96. package/core/tokens/m3/mat/_form-field.scss +5 -5
  97. package/core/tokens/m3/mat/_full-pseudo-checkbox.scss +2 -2
  98. package/core/tokens/m3/mat/_grid-list.scss +2 -2
  99. package/core/tokens/m3/mat/_icon-button.scss +2 -2
  100. package/core/tokens/m3/mat/_icon.scss +3 -3
  101. package/core/tokens/m3/mat/_list.scss +2 -2
  102. package/core/tokens/m3/mat/_menu.scss +12 -12
  103. package/core/tokens/m3/mat/_minimal-pseudo-checkbox.scss +2 -2
  104. package/core/tokens/m3/mat/_optgroup.scss +3 -3
  105. package/core/tokens/m3/mat/_option.scss +2 -2
  106. package/core/tokens/m3/mat/_outlined-button.scss +5 -5
  107. package/core/tokens/m3/mat/_paginator.scss +3 -3
  108. package/core/tokens/m3/mat/_protected-button.scss +5 -5
  109. package/core/tokens/m3/mat/_radio.scss +2 -2
  110. package/core/tokens/m3/mat/_ripple.scss +2 -2
  111. package/core/tokens/m3/mat/_select.scss +4 -4
  112. package/core/tokens/m3/mat/_sidenav.scss +6 -5
  113. package/core/tokens/m3/mat/_slider.scss +12 -10
  114. package/core/tokens/m3/mat/_snack-bar.scss +2 -2
  115. package/core/tokens/m3/mat/_sort.scss +2 -2
  116. package/core/tokens/m3/mat/_standard-button-toggle.scss +6 -5
  117. package/core/tokens/m3/mat/_stepper.scss +3 -3
  118. package/core/tokens/m3/mat/_switch.scss +27 -22
  119. package/core/tokens/m3/mat/_tab-header.scss +4 -4
  120. package/core/tokens/m3/mat/_table.scss +7 -6
  121. package/core/tokens/m3/mat/_text-button.scss +6 -6
  122. package/core/tokens/m3/mat/_toolbar.scss +3 -3
  123. package/core/tokens/m3/mat/_tree.scss +2 -2
  124. package/core/tokens/m3/mdc/_checkbox.scss +10 -8
  125. package/core/tokens/m3/mdc/_chip.scss +16 -11
  126. package/core/tokens/m3/mdc/_circular-progress.scss +5 -4
  127. package/core/tokens/m3/mdc/_dialog.scss +4 -4
  128. package/core/tokens/m3/mdc/_elevated-card.scss +3 -3
  129. package/core/tokens/m3/mdc/_extended-fab.scss +9 -5
  130. package/core/tokens/m3/mdc/_fab-small.scss +8 -5
  131. package/core/tokens/m3/mdc/_fab.scss +6 -5
  132. package/core/tokens/m3/mdc/_filled-button.scss +6 -6
  133. package/core/tokens/m3/mdc/_filled-text-field.scss +7 -6
  134. package/core/tokens/m3/mdc/_icon-button.scss +10 -8
  135. package/core/tokens/m3/mdc/_linear-progress.scss +5 -4
  136. package/core/tokens/m3/mdc/_list.scss +3 -3
  137. package/core/tokens/m3/mdc/_outlined-button.scss +7 -6
  138. package/core/tokens/m3/mdc/_outlined-card.scss +3 -3
  139. package/core/tokens/m3/mdc/_outlined-text-field.scss +7 -6
  140. package/core/tokens/m3/mdc/_plain-tooltip.scss +3 -3
  141. package/core/tokens/m3/mdc/_protected-button.scss +6 -6
  142. package/core/tokens/m3/mdc/_radio.scss +4 -3
  143. package/core/tokens/m3/mdc/_secondary-navigation-tab.scss +4 -3
  144. package/core/tokens/m3/mdc/_slider.scss +4 -3
  145. package/core/tokens/m3/mdc/_snack-bar.scss +3 -3
  146. package/core/tokens/m3/mdc/_switch.scss +4 -3
  147. package/core/tokens/m3/mdc/_tab-indicator.scss +5 -4
  148. package/core/tokens/m3/mdc/_text-button.scss +6 -6
  149. package/esm2022/autocomplete/autocomplete-origin.mjs +4 -4
  150. package/esm2022/autocomplete/autocomplete-trigger.mjs +4 -4
  151. package/esm2022/autocomplete/autocomplete.mjs +5 -5
  152. package/esm2022/autocomplete/module.mjs +5 -5
  153. package/esm2022/badge/badge-module.mjs +5 -5
  154. package/esm2022/badge/badge.mjs +8 -8
  155. package/esm2022/bottom-sheet/bottom-sheet-container.mjs +5 -5
  156. package/esm2022/bottom-sheet/bottom-sheet-module.mjs +5 -5
  157. package/esm2022/bottom-sheet/bottom-sheet.mjs +4 -4
  158. package/esm2022/button/button-base.mjs +7 -7
  159. package/esm2022/button/button.mjs +9 -9
  160. package/esm2022/button/fab.mjs +17 -17
  161. package/esm2022/button/icon-button.mjs +9 -9
  162. package/esm2022/button/module.mjs +5 -5
  163. package/esm2022/button-toggle/button-toggle-module.mjs +5 -5
  164. package/esm2022/button-toggle/button-toggle.mjs +37 -8
  165. package/esm2022/button-toggle/testing/button-toggle-harness.mjs +3 -3
  166. package/esm2022/card/card.mjs +44 -44
  167. package/esm2022/card/module.mjs +5 -5
  168. package/esm2022/checkbox/checkbox-required-validator.mjs +4 -4
  169. package/esm2022/checkbox/checkbox.mjs +6 -6
  170. package/esm2022/checkbox/module.mjs +9 -9
  171. package/esm2022/chips/chip-action.mjs +4 -4
  172. package/esm2022/chips/chip-edit-input.mjs +4 -4
  173. package/esm2022/chips/chip-grid.mjs +4 -4
  174. package/esm2022/chips/chip-icons.mjs +10 -10
  175. package/esm2022/chips/chip-input.mjs +4 -4
  176. package/esm2022/chips/chip-listbox.mjs +4 -4
  177. package/esm2022/chips/chip-option.mjs +6 -6
  178. package/esm2022/chips/chip-row.mjs +7 -7
  179. package/esm2022/chips/chip-set.mjs +4 -4
  180. package/esm2022/chips/chip.mjs +7 -28
  181. package/esm2022/chips/module.mjs +5 -5
  182. package/esm2022/core/common-behaviors/common-module.mjs +5 -5
  183. package/esm2022/core/datetime/index.mjs +9 -9
  184. package/esm2022/core/datetime/native-date-adapter.mjs +4 -4
  185. package/esm2022/core/error/error-options.mjs +7 -7
  186. package/esm2022/core/internal-form-field/internal-form-field.mjs +4 -4
  187. package/esm2022/core/line/line.mjs +8 -8
  188. package/esm2022/core/option/index.mjs +5 -5
  189. package/esm2022/core/option/optgroup.mjs +5 -5
  190. package/esm2022/core/option/option.mjs +5 -5
  191. package/esm2022/core/private/ripple-loader.mjs +4 -4
  192. package/esm2022/core/ripple/index.mjs +5 -5
  193. package/esm2022/core/ripple/ripple.mjs +4 -4
  194. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox-module.mjs +5 -5
  195. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +5 -5
  196. package/esm2022/core/version.mjs +1 -1
  197. package/esm2022/datepicker/calendar-body.mjs +5 -5
  198. package/esm2022/datepicker/calendar.mjs +8 -8
  199. package/esm2022/datepicker/date-range-input-parts.mjs +10 -10
  200. package/esm2022/datepicker/date-range-input.mjs +6 -6
  201. package/esm2022/datepicker/date-range-picker.mjs +4 -4
  202. package/esm2022/datepicker/date-range-selection-strategy.mjs +4 -4
  203. package/esm2022/datepicker/date-selection-model.mjs +10 -10
  204. package/esm2022/datepicker/datepicker-actions.mjs +10 -10
  205. package/esm2022/datepicker/datepicker-base.mjs +8 -8
  206. package/esm2022/datepicker/datepicker-input-base.mjs +4 -4
  207. package/esm2022/datepicker/datepicker-input.mjs +4 -4
  208. package/esm2022/datepicker/datepicker-intl.mjs +4 -4
  209. package/esm2022/datepicker/datepicker-module.mjs +5 -5
  210. package/esm2022/datepicker/datepicker-toggle.mjs +8 -8
  211. package/esm2022/datepicker/datepicker.mjs +4 -4
  212. package/esm2022/datepicker/month-view.mjs +4 -4
  213. package/esm2022/datepicker/multi-year-view.mjs +4 -4
  214. package/esm2022/datepicker/year-view.mjs +4 -4
  215. package/esm2022/dialog/dialog-container.mjs +5 -5
  216. package/esm2022/dialog/dialog-content-directives.mjs +16 -16
  217. package/esm2022/dialog/dialog.mjs +4 -4
  218. package/esm2022/dialog/module.mjs +5 -5
  219. package/esm2022/divider/divider-module.mjs +5 -5
  220. package/esm2022/divider/divider.mjs +5 -5
  221. package/esm2022/expansion/accordion.mjs +4 -4
  222. package/esm2022/expansion/expansion-module.mjs +5 -5
  223. package/esm2022/expansion/expansion-panel-content.mjs +4 -4
  224. package/esm2022/expansion/expansion-panel-header.mjs +11 -11
  225. package/esm2022/expansion/expansion-panel.mjs +9 -9
  226. package/esm2022/form-field/directives/error.mjs +4 -4
  227. package/esm2022/form-field/directives/floating-label.mjs +4 -4
  228. package/esm2022/form-field/directives/hint.mjs +4 -4
  229. package/esm2022/form-field/directives/label.mjs +4 -4
  230. package/esm2022/form-field/directives/line-ripple.mjs +4 -4
  231. package/esm2022/form-field/directives/notched-outline.mjs +4 -4
  232. package/esm2022/form-field/directives/prefix.mjs +4 -4
  233. package/esm2022/form-field/directives/suffix.mjs +4 -4
  234. package/esm2022/form-field/form-field-control.mjs +4 -4
  235. package/esm2022/form-field/form-field.mjs +6 -6
  236. package/esm2022/form-field/module.mjs +5 -5
  237. package/esm2022/grid-list/grid-list-module.mjs +5 -5
  238. package/esm2022/grid-list/grid-list.mjs +6 -6
  239. package/esm2022/grid-list/grid-tile.mjs +17 -17
  240. package/esm2022/icon/icon-module.mjs +5 -5
  241. package/esm2022/icon/icon-registry.mjs +4 -4
  242. package/esm2022/icon/icon.mjs +4 -4
  243. package/esm2022/icon/testing/fake-icon-registry.mjs +8 -8
  244. package/esm2022/input/input.mjs +4 -4
  245. package/esm2022/input/module.mjs +5 -5
  246. package/esm2022/list/action-list.mjs +5 -5
  247. package/esm2022/list/list-base.mjs +7 -7
  248. package/esm2022/list/list-item-sections.mjs +19 -19
  249. package/esm2022/list/list-module.mjs +5 -5
  250. package/esm2022/list/list-option.mjs +6 -6
  251. package/esm2022/list/list.mjs +8 -8
  252. package/esm2022/list/nav-list.mjs +5 -5
  253. package/esm2022/list/selection-list.mjs +6 -6
  254. package/esm2022/list/subheader.mjs +4 -4
  255. package/esm2022/menu/menu-content.mjs +4 -4
  256. package/esm2022/menu/menu-item.mjs +4 -4
  257. package/esm2022/menu/menu-trigger.mjs +4 -4
  258. package/esm2022/menu/menu.mjs +5 -5
  259. package/esm2022/menu/module.mjs +5 -5
  260. package/esm2022/paginator/module.mjs +5 -5
  261. package/esm2022/paginator/paginator-intl.mjs +4 -4
  262. package/esm2022/paginator/paginator.mjs +5 -5
  263. package/esm2022/progress-bar/module.mjs +5 -5
  264. package/esm2022/progress-bar/progress-bar.mjs +5 -5
  265. package/esm2022/progress-spinner/module.mjs +5 -5
  266. package/esm2022/progress-spinner/progress-spinner.mjs +5 -5
  267. package/esm2022/radio/module.mjs +5 -5
  268. package/esm2022/radio/radio.mjs +62 -24
  269. package/esm2022/select/module.mjs +5 -5
  270. package/esm2022/select/select.mjs +9 -9
  271. package/esm2022/sidenav/drawer.mjs +13 -13
  272. package/esm2022/sidenav/sidenav-module.mjs +5 -5
  273. package/esm2022/sidenav/sidenav.mjs +12 -12
  274. package/esm2022/slide-toggle/module.mjs +9 -9
  275. package/esm2022/slide-toggle/slide-toggle-config.mjs +2 -2
  276. package/esm2022/slide-toggle/slide-toggle-required-validator.mjs +4 -4
  277. package/esm2022/slide-toggle/slide-toggle.mjs +17 -11
  278. package/esm2022/slider/module.mjs +5 -5
  279. package/esm2022/slider/slider-input.mjs +7 -7
  280. package/esm2022/slider/slider-thumb.mjs +4 -4
  281. package/esm2022/slider/slider.mjs +5 -5
  282. package/esm2022/snack-bar/module.mjs +5 -5
  283. package/esm2022/snack-bar/simple-snack-bar.mjs +4 -4
  284. package/esm2022/snack-bar/snack-bar-container.mjs +5 -5
  285. package/esm2022/snack-bar/snack-bar-content.mjs +10 -10
  286. package/esm2022/snack-bar/snack-bar.mjs +4 -4
  287. package/esm2022/sort/sort-header-intl.mjs +4 -4
  288. package/esm2022/sort/sort-header.mjs +5 -5
  289. package/esm2022/sort/sort-module.mjs +5 -5
  290. package/esm2022/sort/sort.mjs +4 -4
  291. package/esm2022/stepper/step-content.mjs +4 -4
  292. package/esm2022/stepper/step-header.mjs +5 -5
  293. package/esm2022/stepper/step-label.mjs +4 -4
  294. package/esm2022/stepper/stepper-button.mjs +7 -7
  295. package/esm2022/stepper/stepper-icon.mjs +4 -4
  296. package/esm2022/stepper/stepper-intl.mjs +4 -4
  297. package/esm2022/stepper/stepper-module.mjs +5 -5
  298. package/esm2022/stepper/stepper.mjs +8 -8
  299. package/esm2022/table/cell.mjs +22 -22
  300. package/esm2022/table/module.mjs +5 -5
  301. package/esm2022/table/row.mjs +22 -22
  302. package/esm2022/table/table.mjs +9 -9
  303. package/esm2022/table/text-column.mjs +4 -4
  304. package/esm2022/tabs/ink-bar.mjs +4 -4
  305. package/esm2022/tabs/module.mjs +5 -5
  306. package/esm2022/tabs/paginated-tab-header.mjs +4 -4
  307. package/esm2022/tabs/tab-body.mjs +7 -7
  308. package/esm2022/tabs/tab-content.mjs +4 -4
  309. package/esm2022/tabs/tab-group.mjs +6 -6
  310. package/esm2022/tabs/tab-header.mjs +5 -5
  311. package/esm2022/tabs/tab-label-wrapper.mjs +4 -4
  312. package/esm2022/tabs/tab-label.mjs +4 -4
  313. package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +12 -12
  314. package/esm2022/tabs/tab.mjs +4 -4
  315. package/esm2022/toolbar/toolbar-module.mjs +5 -5
  316. package/esm2022/toolbar/toolbar.mjs +8 -8
  317. package/esm2022/tooltip/module.mjs +5 -5
  318. package/esm2022/tooltip/tooltip.mjs +41 -25
  319. package/esm2022/tree/node.mjs +10 -10
  320. package/esm2022/tree/outlet.mjs +4 -4
  321. package/esm2022/tree/padding.mjs +4 -4
  322. package/esm2022/tree/toggle.mjs +4 -4
  323. package/esm2022/tree/tree-module.mjs +5 -5
  324. package/esm2022/tree/tree.mjs +5 -5
  325. package/fesm2022/autocomplete.mjs +14 -14
  326. package/fesm2022/autocomplete.mjs.map +1 -1
  327. package/fesm2022/badge.mjs +11 -11
  328. package/fesm2022/badge.mjs.map +1 -1
  329. package/fesm2022/bottom-sheet.mjs +11 -11
  330. package/fesm2022/bottom-sheet.mjs.map +1 -1
  331. package/fesm2022/button-toggle/testing.mjs +2 -2
  332. package/fesm2022/button-toggle/testing.mjs.map +1 -1
  333. package/fesm2022/button-toggle.mjs +40 -11
  334. package/fesm2022/button-toggle.mjs.map +1 -1
  335. package/fesm2022/button.mjs +42 -42
  336. package/fesm2022/button.mjs.map +1 -1
  337. package/fesm2022/card.mjs +47 -47
  338. package/fesm2022/card.mjs.map +1 -1
  339. package/fesm2022/checkbox.mjs +16 -16
  340. package/fesm2022/checkbox.mjs.map +1 -1
  341. package/fesm2022/chips.mjs +48 -69
  342. package/fesm2022/chips.mjs.map +1 -1
  343. package/fesm2022/core.mjs +62 -62
  344. package/fesm2022/core.mjs.map +1 -1
  345. package/fesm2022/datepicker.mjs +88 -88
  346. package/fesm2022/datepicker.mjs.map +1 -1
  347. package/fesm2022/dialog.mjs +26 -26
  348. package/fesm2022/dialog.mjs.map +1 -1
  349. package/fesm2022/divider.mjs +8 -8
  350. package/fesm2022/divider.mjs.map +1 -1
  351. package/fesm2022/expansion.mjs +28 -28
  352. package/fesm2022/expansion.mjs.map +1 -1
  353. package/fesm2022/form-field.mjs +36 -36
  354. package/fesm2022/form-field.mjs.map +1 -1
  355. package/fesm2022/grid-list.mjs +25 -25
  356. package/fesm2022/grid-list.mjs.map +1 -1
  357. package/fesm2022/icon/testing.mjs +7 -7
  358. package/fesm2022/icon/testing.mjs.map +1 -1
  359. package/fesm2022/icon.mjs +10 -10
  360. package/fesm2022/icon.mjs.map +1 -1
  361. package/fesm2022/input.mjs +7 -7
  362. package/fesm2022/input.mjs.map +1 -1
  363. package/fesm2022/list.mjs +56 -56
  364. package/fesm2022/list.mjs.map +1 -1
  365. package/fesm2022/menu.mjs +17 -17
  366. package/fesm2022/menu.mjs.map +1 -1
  367. package/fesm2022/paginator.mjs +11 -11
  368. package/fesm2022/paginator.mjs.map +1 -1
  369. package/fesm2022/progress-bar.mjs +8 -8
  370. package/fesm2022/progress-bar.mjs.map +1 -1
  371. package/fesm2022/progress-spinner.mjs +8 -8
  372. package/fesm2022/progress-spinner.mjs.map +1 -1
  373. package/fesm2022/radio.mjs +65 -27
  374. package/fesm2022/radio.mjs.map +1 -1
  375. package/fesm2022/select.mjs +12 -12
  376. package/fesm2022/select.mjs.map +1 -1
  377. package/fesm2022/sidenav.mjs +27 -27
  378. package/fesm2022/sidenav.mjs.map +1 -1
  379. package/fesm2022/slide-toggle.mjs +28 -22
  380. package/fesm2022/slide-toggle.mjs.map +1 -1
  381. package/fesm2022/slider.mjs +17 -17
  382. package/fesm2022/slider.mjs.map +1 -1
  383. package/fesm2022/snack-bar.mjs +23 -23
  384. package/fesm2022/snack-bar.mjs.map +1 -1
  385. package/fesm2022/sort.mjs +14 -14
  386. package/fesm2022/sort.mjs.map +1 -1
  387. package/fesm2022/stepper.mjs +33 -33
  388. package/fesm2022/stepper.mjs.map +1 -1
  389. package/fesm2022/table.mjs +57 -57
  390. package/fesm2022/table.mjs.map +1 -1
  391. package/fesm2022/tabs.mjs +48 -48
  392. package/fesm2022/tabs.mjs.map +1 -1
  393. package/fesm2022/toolbar.mjs +11 -11
  394. package/fesm2022/toolbar.mjs.map +1 -1
  395. package/fesm2022/tooltip.mjs +44 -28
  396. package/fesm2022/tooltip.mjs.map +1 -1
  397. package/fesm2022/tree.mjs +26 -26
  398. package/fesm2022/tree.mjs.map +1 -1
  399. package/form-field/_mdc-text-field-density-overrides.scss +4 -4
  400. package/form-field/_mdc-text-field-structure.scss +6 -6
  401. package/package.json +2 -2
  402. package/prebuilt-themes/azure-blue.css +1 -1
  403. package/prebuilt-themes/cyan-orange.css +1 -1
  404. package/prebuilt-themes/deeppurple-amber.css +1 -1
  405. package/prebuilt-themes/indigo-pink.css +1 -1
  406. package/prebuilt-themes/magenta-violet.css +1 -1
  407. package/prebuilt-themes/pink-bluegrey.css +1 -1
  408. package/prebuilt-themes/purple-green.css +1 -1
  409. package/prebuilt-themes/rose-red.css +1 -1
  410. package/radio/_radio-common.scss +26 -8
  411. package/radio/index.d.ts +19 -5
  412. package/schematics/ng-add/index.js +1 -1
  413. package/schematics/ng-add/index.mjs +1 -1
  414. package/schematics/ng-generate/m3-theme/index_bundled.js +2 -2
  415. package/schematics/ng-update/index_bundled.js +31 -31
  416. package/slide-toggle/index.d.ts +6 -1
  417. package/tooltip/index.d.ts +3 -0
@@ -5,10 +5,10 @@ import * as i1 from '@angular/cdk/platform';
5
5
  import { DOCUMENT } from '@angular/common';
6
6
 
7
7
  class MatToolbarRow {
8
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatToolbarRow, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
9
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0", type: MatToolbarRow, isStandalone: true, selector: "mat-toolbar-row", host: { classAttribute: "mat-toolbar-row" }, exportAs: ["matToolbarRow"], ngImport: i0 }); }
8
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MatToolbarRow, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
9
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0-next.2", type: MatToolbarRow, isStandalone: true, selector: "mat-toolbar-row", host: { classAttribute: "mat-toolbar-row" }, exportAs: ["matToolbarRow"], ngImport: i0 }); }
10
10
  }
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatToolbarRow, decorators: [{
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MatToolbarRow, decorators: [{
12
12
  type: Directive,
13
13
  args: [{
14
14
  selector: 'mat-toolbar-row',
@@ -46,17 +46,17 @@ class MatToolbar {
46
46
  }
47
47
  }
48
48
  }
49
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatToolbar, deps: [{ token: i0.ElementRef }, { token: i1.Platform }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
50
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: MatToolbar, isStandalone: true, selector: "mat-toolbar", inputs: { color: "color" }, host: { properties: { "class": "color ? \"mat-\" + color : \"\"", "class.mat-toolbar-multiple-rows": "_toolbarRows.length > 0", "class.mat-toolbar-single-row": "_toolbarRows.length === 0" }, classAttribute: "mat-toolbar" }, queries: [{ propertyName: "_toolbarRows", predicate: MatToolbarRow, descendants: true }], exportAs: ["matToolbar"], ngImport: i0, template: "<ng-content></ng-content>\n<ng-content select=\"mat-toolbar-row\"></ng-content>\n", styles: [".mat-toolbar{background:var(--mat-toolbar-container-background-color);color:var(--mat-toolbar-container-text-color)}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font-family:var(--mat-toolbar-title-text-font);font-size:var(--mat-toolbar-title-text-size);line-height:var(--mat-toolbar-title-text-line-height);font-weight:var(--mat-toolbar-title-text-weight);letter-spacing:var(--mat-toolbar-title-text-tracking);margin:0}.cdk-high-contrast-active .mat-toolbar{outline:solid 1px}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar .mat-mdc-button-base.mat-mdc-button-base.mat-unthemed{--mdc-text-button-label-text-color:var(--mat-toolbar-container-text-color);--mdc-outlined-button-label-text-color:var(--mat-toolbar-container-text-color)}.mat-toolbar-row,.mat-toolbar-single-row{display:flex;box-sizing:border-box;padding:0 16px;width:100%;flex-direction:row;align-items:center;white-space:nowrap;height:var(--mat-toolbar-standard-height)}@media(max-width: 599px){.mat-toolbar-row,.mat-toolbar-single-row{height:var(--mat-toolbar-mobile-height)}}.mat-toolbar-multiple-rows{display:flex;box-sizing:border-box;flex-direction:column;width:100%;min-height:var(--mat-toolbar-standard-height)}@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:var(--mat-toolbar-mobile-height)}}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
49
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MatToolbar, deps: [{ token: i0.ElementRef }, { token: i1.Platform }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
50
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0-next.2", type: MatToolbar, isStandalone: true, selector: "mat-toolbar", inputs: { color: "color" }, host: { properties: { "class": "color ? \"mat-\" + color : \"\"", "class.mat-toolbar-multiple-rows": "_toolbarRows.length > 0", "class.mat-toolbar-single-row": "_toolbarRows.length === 0" }, classAttribute: "mat-toolbar" }, queries: [{ propertyName: "_toolbarRows", predicate: MatToolbarRow, descendants: true }], exportAs: ["matToolbar"], ngImport: i0, template: "<ng-content></ng-content>\n<ng-content select=\"mat-toolbar-row\"></ng-content>\n", styles: [".mat-toolbar{background:var(--mat-toolbar-container-background-color, var(--mat-app-surface));color:var(--mat-toolbar-container-text-color, var(--mat-app-on-surface))}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font-family:var(--mat-toolbar-title-text-font, var(--mat-app-title-large-font));font-size:var(--mat-toolbar-title-text-size, var(--mat-app-title-large-size));line-height:var(--mat-toolbar-title-text-line-height, var(--mat-app-title-large-line-height));font-weight:var(--mat-toolbar-title-text-weight, var(--mat-app-title-large-weight));letter-spacing:var(--mat-toolbar-title-text-tracking, var(--mat-app-title-large-tracking));margin:0}.cdk-high-contrast-active .mat-toolbar{outline:solid 1px}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar .mat-mdc-button-base.mat-mdc-button-base.mat-unthemed{--mdc-text-button-label-text-color:var(--mat-toolbar-container-text-color, var(--mat-app-on-surface));--mdc-outlined-button-label-text-color:var(--mat-toolbar-container-text-color, var(--mat-app-on-surface))}.mat-toolbar-row,.mat-toolbar-single-row{display:flex;box-sizing:border-box;padding:0 16px;width:100%;flex-direction:row;align-items:center;white-space:nowrap;height:var(--mat-toolbar-standard-height)}@media(max-width: 599px){.mat-toolbar-row,.mat-toolbar-single-row{height:var(--mat-toolbar-mobile-height)}}.mat-toolbar-multiple-rows{display:flex;box-sizing:border-box;flex-direction:column;width:100%;min-height:var(--mat-toolbar-standard-height)}@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:var(--mat-toolbar-mobile-height)}}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
51
51
  }
52
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatToolbar, decorators: [{
52
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MatToolbar, decorators: [{
53
53
  type: Component,
54
54
  args: [{ selector: 'mat-toolbar', exportAs: 'matToolbar', host: {
55
55
  'class': 'mat-toolbar',
56
56
  '[class]': 'color ? "mat-" + color : ""',
57
57
  '[class.mat-toolbar-multiple-rows]': '_toolbarRows.length > 0',
58
58
  '[class.mat-toolbar-single-row]': '_toolbarRows.length === 0',
59
- }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, template: "<ng-content></ng-content>\n<ng-content select=\"mat-toolbar-row\"></ng-content>\n", styles: [".mat-toolbar{background:var(--mat-toolbar-container-background-color);color:var(--mat-toolbar-container-text-color)}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font-family:var(--mat-toolbar-title-text-font);font-size:var(--mat-toolbar-title-text-size);line-height:var(--mat-toolbar-title-text-line-height);font-weight:var(--mat-toolbar-title-text-weight);letter-spacing:var(--mat-toolbar-title-text-tracking);margin:0}.cdk-high-contrast-active .mat-toolbar{outline:solid 1px}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar .mat-mdc-button-base.mat-mdc-button-base.mat-unthemed{--mdc-text-button-label-text-color:var(--mat-toolbar-container-text-color);--mdc-outlined-button-label-text-color:var(--mat-toolbar-container-text-color)}.mat-toolbar-row,.mat-toolbar-single-row{display:flex;box-sizing:border-box;padding:0 16px;width:100%;flex-direction:row;align-items:center;white-space:nowrap;height:var(--mat-toolbar-standard-height)}@media(max-width: 599px){.mat-toolbar-row,.mat-toolbar-single-row{height:var(--mat-toolbar-mobile-height)}}.mat-toolbar-multiple-rows{display:flex;box-sizing:border-box;flex-direction:column;width:100%;min-height:var(--mat-toolbar-standard-height)}@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:var(--mat-toolbar-mobile-height)}}"] }]
59
+ }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, template: "<ng-content></ng-content>\n<ng-content select=\"mat-toolbar-row\"></ng-content>\n", styles: [".mat-toolbar{background:var(--mat-toolbar-container-background-color, var(--mat-app-surface));color:var(--mat-toolbar-container-text-color, var(--mat-app-on-surface))}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font-family:var(--mat-toolbar-title-text-font, var(--mat-app-title-large-font));font-size:var(--mat-toolbar-title-text-size, var(--mat-app-title-large-size));line-height:var(--mat-toolbar-title-text-line-height, var(--mat-app-title-large-line-height));font-weight:var(--mat-toolbar-title-text-weight, var(--mat-app-title-large-weight));letter-spacing:var(--mat-toolbar-title-text-tracking, var(--mat-app-title-large-tracking));margin:0}.cdk-high-contrast-active .mat-toolbar{outline:solid 1px}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar .mat-mdc-button-base.mat-mdc-button-base.mat-unthemed{--mdc-text-button-label-text-color:var(--mat-toolbar-container-text-color, var(--mat-app-on-surface));--mdc-outlined-button-label-text-color:var(--mat-toolbar-container-text-color, var(--mat-app-on-surface))}.mat-toolbar-row,.mat-toolbar-single-row{display:flex;box-sizing:border-box;padding:0 16px;width:100%;flex-direction:row;align-items:center;white-space:nowrap;height:var(--mat-toolbar-standard-height)}@media(max-width: 599px){.mat-toolbar-row,.mat-toolbar-single-row{height:var(--mat-toolbar-mobile-height)}}.mat-toolbar-multiple-rows{display:flex;box-sizing:border-box;flex-direction:column;width:100%;min-height:var(--mat-toolbar-standard-height)}@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:var(--mat-toolbar-mobile-height)}}"] }]
60
60
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.Platform }, { type: undefined, decorators: [{
61
61
  type: Inject,
62
62
  args: [DOCUMENT]
@@ -77,11 +77,11 @@ function throwToolbarMixedModesError() {
77
77
  }
78
78
 
79
79
  class MatToolbarModule {
80
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
81
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: MatToolbarModule, imports: [MatCommonModule, MatToolbar, MatToolbarRow], exports: [MatToolbar, MatToolbarRow, MatCommonModule] }); }
82
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatToolbarModule, imports: [MatCommonModule, MatCommonModule] }); }
80
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MatToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
81
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0-next.2", ngImport: i0, type: MatToolbarModule, imports: [MatCommonModule, MatToolbar, MatToolbarRow], exports: [MatToolbar, MatToolbarRow, MatCommonModule] }); }
82
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MatToolbarModule, imports: [MatCommonModule, MatCommonModule] }); }
83
83
  }
84
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatToolbarModule, decorators: [{
84
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MatToolbarModule, decorators: [{
85
85
  type: NgModule,
86
86
  args: [{
87
87
  imports: [MatCommonModule, MatToolbar, MatToolbarRow],
@@ -1 +1 @@
1
- {"version":3,"file":"toolbar.mjs","sources":["../../../../../../src/material/toolbar/toolbar.ts","../../../../../../src/material/toolbar/toolbar.html","../../../../../../src/material/toolbar/toolbar-module.ts","../../../../../../src/material/toolbar/toolbar_public_index.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {Platform} from '@angular/cdk/platform';\nimport {DOCUMENT} from '@angular/common';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n Directive,\n ElementRef,\n Inject,\n Input,\n QueryList,\n ViewEncapsulation,\n} from '@angular/core';\n\n@Directive({\n selector: 'mat-toolbar-row',\n exportAs: 'matToolbarRow',\n host: {'class': 'mat-toolbar-row'},\n standalone: true,\n})\nexport class MatToolbarRow {}\n\n@Component({\n selector: 'mat-toolbar',\n exportAs: 'matToolbar',\n templateUrl: 'toolbar.html',\n styleUrl: 'toolbar.css',\n host: {\n 'class': 'mat-toolbar',\n '[class]': 'color ? \"mat-\" + color : \"\"',\n '[class.mat-toolbar-multiple-rows]': '_toolbarRows.length > 0',\n '[class.mat-toolbar-single-row]': '_toolbarRows.length === 0',\n },\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n standalone: true,\n})\nexport class MatToolbar implements AfterViewInit {\n // TODO: should be typed as `ThemePalette` but internal apps pass in arbitrary strings.\n /**\n * Theme color of the toolbar. This API is supported in M2 themes only, it has\n * no effect in M3 themes.\n *\n * For information on applying color variants in M3, see\n * https://material.angular.io/guide/theming#using-component-color-variants.\n */\n @Input() color?: string | null;\n\n private _document: Document;\n\n /** Reference to all toolbar row elements that have been projected. */\n @ContentChildren(MatToolbarRow, {descendants: true}) _toolbarRows: QueryList<MatToolbarRow>;\n\n constructor(\n protected _elementRef: ElementRef,\n private _platform: Platform,\n @Inject(DOCUMENT) document?: any,\n ) {\n // TODO: make the document a required param when doing breaking changes.\n this._document = document;\n }\n\n ngAfterViewInit() {\n if (this._platform.isBrowser) {\n this._checkToolbarMixedModes();\n this._toolbarRows.changes.subscribe(() => this._checkToolbarMixedModes());\n }\n }\n\n /**\n * Throws an exception when developers are attempting to combine the different toolbar row modes.\n */\n private _checkToolbarMixedModes() {\n if (this._toolbarRows.length && (typeof ngDevMode === 'undefined' || ngDevMode)) {\n // Check if there are any other DOM nodes that can display content but aren't inside of\n // a <mat-toolbar-row> element.\n const isCombinedUsage = Array.from<HTMLElement>(this._elementRef.nativeElement.childNodes)\n .filter(node => !(node.classList && node.classList.contains('mat-toolbar-row')))\n .filter(node => node.nodeType !== (this._document ? this._document.COMMENT_NODE : 8))\n .some(node => !!(node.textContent && node.textContent.trim()));\n\n if (isCombinedUsage) {\n throwToolbarMixedModesError();\n }\n }\n }\n}\n\n/**\n * Throws an exception when attempting to combine the different toolbar row modes.\n * @docs-private\n */\nexport function throwToolbarMixedModesError() {\n throw Error(\n 'MatToolbar: Attempting to combine different toolbar modes. ' +\n 'Either specify multiple `<mat-toolbar-row>` elements explicitly or just place content ' +\n 'inside of a `<mat-toolbar>` for a single row.',\n );\n}\n","<ng-content></ng-content>\n<ng-content select=\"mat-toolbar-row\"></ng-content>\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {NgModule} from '@angular/core';\nimport {MatCommonModule} from '@angular/material/core';\nimport {MatToolbar, MatToolbarRow} from './toolbar';\n\n@NgModule({\n imports: [MatCommonModule, MatToolbar, MatToolbarRow],\n exports: [MatToolbar, MatToolbarRow, MatCommonModule],\n})\nexport class MatToolbarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MA6Ba,aAAa,CAAA;8GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,IAAI,EAAE,EAAC,OAAO,EAAE,iBAAiB,EAAC;AAClC,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;;MAkBY,UAAU,CAAA;AAgBrB,IAAA,WAAA,CACY,WAAuB,EACzB,SAAmB,EACT,QAAc,EAAA;QAFtB,IAAW,CAAA,WAAA,GAAX,WAAW,CAAY;QACzB,IAAS,CAAA,SAAA,GAAT,SAAS,CAAU;;AAI3B,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;KAC3B;IAED,eAAe,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE;YAC5B,IAAI,CAAC,uBAAuB,EAAE,CAAC;AAC/B,YAAA,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,uBAAuB,EAAE,CAAC,CAAC;SAC3E;KACF;AAED;;AAEG;IACK,uBAAuB,GAAA;AAC7B,QAAA,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,OAAO,SAAS,KAAK,WAAW,IAAI,SAAS,CAAC,EAAE;;;AAG/E,YAAA,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAc,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC;iBACvF,MAAM,CAAC,IAAI,IAAI,EAAE,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC;iBAC/E,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,MAAM,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;iBACpF,IAAI,CAAC,IAAI,IAAI,CAAC,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;YAEjE,IAAI,eAAe,EAAE;AACnB,gBAAA,2BAA2B,EAAE,CAAC;aAC/B;SACF;KACF;AAhDU,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,oEAmBX,QAAQ,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAnBP,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iCAAA,EAAA,iCAAA,EAAA,yBAAA,EAAA,8BAAA,EAAA,2BAAA,EAAA,EAAA,cAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,SAAA,EAcJ,aAAa,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC5DhC,mFAEA,EAAA,MAAA,EAAA,CAAA,0sDAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FD4Ca,UAAU,EAAA,UAAA,EAAA,CAAA;kBAftB,SAAS;+BACE,aAAa,EAAA,QAAA,EACb,YAAY,EAGhB,IAAA,EAAA;AACJ,wBAAA,OAAO,EAAE,aAAa;AACtB,wBAAA,SAAS,EAAE,6BAA6B;AACxC,wBAAA,mCAAmC,EAAE,yBAAyB;AAC9D,wBAAA,gCAAgC,EAAE,2BAA2B;qBAC9D,EACgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,cACzB,IAAI,EAAA,QAAA,EAAA,mFAAA,EAAA,MAAA,EAAA,CAAA,0sDAAA,CAAA,EAAA,CAAA;;0BAqBb,MAAM;2BAAC,QAAQ,CAAA;yCAVT,KAAK,EAAA,CAAA;sBAAb,KAAK;gBAK+C,YAAY,EAAA,CAAA;sBAAhE,eAAe;AAAC,gBAAA,IAAA,EAAA,CAAA,aAAa,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,CAAA;;AAqCrD;;;AAGG;SACa,2BAA2B,GAAA;IACzC,MAAM,KAAK,CACT,6DAA6D;QAC3D,wFAAwF;AACxF,QAAA,+CAA+C,CAClD,CAAC;AACJ;;ME3Fa,gBAAgB,CAAA;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAhB,gBAAgB,EAAA,OAAA,EAAA,CAHjB,eAAe,EAAE,UAAU,EAAE,aAAa,CAAA,EAAA,OAAA,EAAA,CAC1C,UAAU,EAAE,aAAa,EAAE,eAAe,CAAA,EAAA,CAAA,CAAA,EAAA;+GAEzC,gBAAgB,EAAA,OAAA,EAAA,CAHjB,eAAe,EACY,eAAe,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAEzC,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,aAAa,CAAC;AACrD,oBAAA,OAAO,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,eAAe,CAAC;AACtD,iBAAA,CAAA;;;ACfD;;AAEG;;;;"}
1
+ {"version":3,"file":"toolbar.mjs","sources":["../../../../../../src/material/toolbar/toolbar.ts","../../../../../../src/material/toolbar/toolbar.html","../../../../../../src/material/toolbar/toolbar-module.ts","../../../../../../src/material/toolbar/toolbar_public_index.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {Platform} from '@angular/cdk/platform';\nimport {DOCUMENT} from '@angular/common';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n Directive,\n ElementRef,\n Inject,\n Input,\n QueryList,\n ViewEncapsulation,\n} from '@angular/core';\n\n@Directive({\n selector: 'mat-toolbar-row',\n exportAs: 'matToolbarRow',\n host: {'class': 'mat-toolbar-row'},\n standalone: true,\n})\nexport class MatToolbarRow {}\n\n@Component({\n selector: 'mat-toolbar',\n exportAs: 'matToolbar',\n templateUrl: 'toolbar.html',\n styleUrl: 'toolbar.css',\n host: {\n 'class': 'mat-toolbar',\n '[class]': 'color ? \"mat-\" + color : \"\"',\n '[class.mat-toolbar-multiple-rows]': '_toolbarRows.length > 0',\n '[class.mat-toolbar-single-row]': '_toolbarRows.length === 0',\n },\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n standalone: true,\n})\nexport class MatToolbar implements AfterViewInit {\n // TODO: should be typed as `ThemePalette` but internal apps pass in arbitrary strings.\n /**\n * Theme color of the toolbar. This API is supported in M2 themes only, it has\n * no effect in M3 themes.\n *\n * For information on applying color variants in M3, see\n * https://material.angular.io/guide/theming#using-component-color-variants.\n */\n @Input() color?: string | null;\n\n private _document: Document;\n\n /** Reference to all toolbar row elements that have been projected. */\n @ContentChildren(MatToolbarRow, {descendants: true}) _toolbarRows: QueryList<MatToolbarRow>;\n\n constructor(\n protected _elementRef: ElementRef,\n private _platform: Platform,\n @Inject(DOCUMENT) document?: any,\n ) {\n // TODO: make the document a required param when doing breaking changes.\n this._document = document;\n }\n\n ngAfterViewInit() {\n if (this._platform.isBrowser) {\n this._checkToolbarMixedModes();\n this._toolbarRows.changes.subscribe(() => this._checkToolbarMixedModes());\n }\n }\n\n /**\n * Throws an exception when developers are attempting to combine the different toolbar row modes.\n */\n private _checkToolbarMixedModes() {\n if (this._toolbarRows.length && (typeof ngDevMode === 'undefined' || ngDevMode)) {\n // Check if there are any other DOM nodes that can display content but aren't inside of\n // a <mat-toolbar-row> element.\n const isCombinedUsage = Array.from<HTMLElement>(this._elementRef.nativeElement.childNodes)\n .filter(node => !(node.classList && node.classList.contains('mat-toolbar-row')))\n .filter(node => node.nodeType !== (this._document ? this._document.COMMENT_NODE : 8))\n .some(node => !!(node.textContent && node.textContent.trim()));\n\n if (isCombinedUsage) {\n throwToolbarMixedModesError();\n }\n }\n }\n}\n\n/**\n * Throws an exception when attempting to combine the different toolbar row modes.\n * @docs-private\n */\nexport function throwToolbarMixedModesError() {\n throw Error(\n 'MatToolbar: Attempting to combine different toolbar modes. ' +\n 'Either specify multiple `<mat-toolbar-row>` elements explicitly or just place content ' +\n 'inside of a `<mat-toolbar>` for a single row.',\n );\n}\n","<ng-content></ng-content>\n<ng-content select=\"mat-toolbar-row\"></ng-content>\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {NgModule} from '@angular/core';\nimport {MatCommonModule} from '@angular/material/core';\nimport {MatToolbar, MatToolbarRow} from './toolbar';\n\n@NgModule({\n imports: [MatCommonModule, MatToolbar, MatToolbarRow],\n exports: [MatToolbar, MatToolbarRow, MatCommonModule],\n})\nexport class MatToolbarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -110,13 +110,17 @@ class MatTooltip {
110
110
  return this._disabled;
111
111
  }
112
112
  set disabled(value) {
113
- this._disabled = coerceBooleanProperty(value);
114
- // If tooltip is disabled, hide immediately.
115
- if (this._disabled) {
116
- this.hide(0);
117
- }
118
- else {
119
- this._setupPointerEnterEventsIfNeeded();
113
+ const isDisabled = coerceBooleanProperty(value);
114
+ if (this._disabled !== isDisabled) {
115
+ this._disabled = isDisabled;
116
+ // If tooltip is disabled, hide immediately.
117
+ if (isDisabled) {
118
+ this.hide(0);
119
+ }
120
+ else {
121
+ this._setupPointerEnterEventsIfNeeded();
122
+ }
123
+ this._syncAriaDescription(this.message);
120
124
  }
121
125
  }
122
126
  /** The default delay in ms before showing the tooltip after show is called */
@@ -141,7 +145,7 @@ class MatTooltip {
141
145
  return this._message;
142
146
  }
143
147
  set message(value) {
144
- this._ariaDescriber.removeDescription(this._elementRef.nativeElement, this._message, 'tooltip');
148
+ const oldMessage = this._message;
145
149
  // If the message is not a string (e.g. number), convert it to a string and trim it.
146
150
  // Must convert with `String(value)`, not `${value}`, otherwise Closure Compiler optimises
147
151
  // away the string-conversion: https://github.com/angular/components/issues/20684
@@ -152,16 +156,8 @@ class MatTooltip {
152
156
  else {
153
157
  this._setupPointerEnterEventsIfNeeded();
154
158
  this._updateTooltipMessage();
155
- this._ngZone.runOutsideAngular(() => {
156
- // The `AriaDescriber` has some functionality that avoids adding a description if it's the
157
- // same as the `aria-label` of an element, however we can't know whether the tooltip trigger
158
- // has a data-bound `aria-label` or when it'll be set for the first time. We can avoid the
159
- // issue by deferring the description by a tick so Angular has time to set the `aria-label`.
160
- Promise.resolve().then(() => {
161
- this._ariaDescriber.describe(this._elementRef.nativeElement, this.message, 'tooltip');
162
- });
163
- });
164
159
  }
160
+ this._syncAriaDescription(oldMessage);
165
161
  }
166
162
  /** Classes to be passed to the tooltip. Supports the same syntax as `ngClass`. */
167
163
  get tooltipClass() {
@@ -660,10 +656,30 @@ class MatTooltip {
660
656
  style.webkitTapHighlightColor = 'transparent';
661
657
  }
662
658
  }
663
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatTooltip, deps: [{ token: i1.Overlay }, { token: i0.ElementRef }, { token: i1.ScrollDispatcher }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i2.Platform }, { token: i3.AriaDescriber }, { token: i3.FocusMonitor }, { token: MAT_TOOLTIP_SCROLL_STRATEGY }, { token: i4.Directionality }, { token: MAT_TOOLTIP_DEFAULT_OPTIONS, optional: true }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
664
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0", type: MatTooltip, isStandalone: true, selector: "[matTooltip]", inputs: { position: ["matTooltipPosition", "position"], positionAtOrigin: ["matTooltipPositionAtOrigin", "positionAtOrigin"], disabled: ["matTooltipDisabled", "disabled"], showDelay: ["matTooltipShowDelay", "showDelay"], hideDelay: ["matTooltipHideDelay", "hideDelay"], touchGestures: ["matTooltipTouchGestures", "touchGestures"], message: ["matTooltip", "message"], tooltipClass: ["matTooltipClass", "tooltipClass"] }, host: { properties: { "class.mat-mdc-tooltip-disabled": "disabled" }, classAttribute: "mat-mdc-tooltip-trigger" }, exportAs: ["matTooltip"], ngImport: i0 }); }
659
+ /** Updates the tooltip's ARIA description based on it current state. */
660
+ _syncAriaDescription(oldMessage) {
661
+ if (this._ariaDescriptionPending) {
662
+ return;
663
+ }
664
+ this._ariaDescriptionPending = true;
665
+ this._ariaDescriber.removeDescription(this._elementRef.nativeElement, oldMessage, 'tooltip');
666
+ this._ngZone.runOutsideAngular(() => {
667
+ // The `AriaDescriber` has some functionality that avoids adding a description if it's the
668
+ // same as the `aria-label` of an element, however we can't know whether the tooltip trigger
669
+ // has a data-bound `aria-label` or when it'll be set for the first time. We can avoid the
670
+ // issue by deferring the description by a tick so Angular has time to set the `aria-label`.
671
+ Promise.resolve().then(() => {
672
+ this._ariaDescriptionPending = false;
673
+ if (this.message && !this.disabled) {
674
+ this._ariaDescriber.describe(this._elementRef.nativeElement, this.message, 'tooltip');
675
+ }
676
+ });
677
+ });
678
+ }
679
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MatTooltip, deps: [{ token: i1.Overlay }, { token: i0.ElementRef }, { token: i1.ScrollDispatcher }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i2.Platform }, { token: i3.AriaDescriber }, { token: i3.FocusMonitor }, { token: MAT_TOOLTIP_SCROLL_STRATEGY }, { token: i4.Directionality }, { token: MAT_TOOLTIP_DEFAULT_OPTIONS, optional: true }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
680
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0-next.2", type: MatTooltip, isStandalone: true, selector: "[matTooltip]", inputs: { position: ["matTooltipPosition", "position"], positionAtOrigin: ["matTooltipPositionAtOrigin", "positionAtOrigin"], disabled: ["matTooltipDisabled", "disabled"], showDelay: ["matTooltipShowDelay", "showDelay"], hideDelay: ["matTooltipHideDelay", "hideDelay"], touchGestures: ["matTooltipTouchGestures", "touchGestures"], message: ["matTooltip", "message"], tooltipClass: ["matTooltipClass", "tooltipClass"] }, host: { properties: { "class.mat-mdc-tooltip-disabled": "disabled" }, classAttribute: "mat-mdc-tooltip-trigger" }, exportAs: ["matTooltip"], ngImport: i0 }); }
665
681
  }
666
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatTooltip, decorators: [{
682
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MatTooltip, decorators: [{
667
683
  type: Directive,
668
684
  args: [{
669
685
  selector: '[matTooltip]',
@@ -872,10 +888,10 @@ class TooltipComponent {
872
888
  this._finalizeAnimation(isVisible);
873
889
  }
874
890
  }
875
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: ANIMATION_MODULE_TYPE, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
876
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: TooltipComponent, isStandalone: true, selector: "mat-tooltip-component", host: { attributes: { "aria-hidden": "true" }, listeners: { "mouseleave": "_handleMouseLeave($event)" }, properties: { "style.zoom": "isVisible() ? 1 : null" } }, viewQueries: [{ propertyName: "_tooltip", first: true, predicate: ["tooltip"], descendants: true, static: true }], ngImport: i0, template: "<div\n #tooltip\n class=\"mdc-tooltip mat-mdc-tooltip\"\n [ngClass]=\"tooltipClass\"\n (animationend)=\"_handleAnimationEnd($event)\"\n [class.mdc-tooltip--multiline]=\"_isMultiline\">\n <div class=\"mat-mdc-tooltip-surface mdc-tooltip__surface\">{{message}}</div>\n</div>\n", styles: [".mat-mdc-tooltip{position:relative;transform:scale(0);display:inline-flex}.mat-mdc-tooltip::before{content:\"\";top:0;right:0;bottom:0;left:0;z-index:-1;position:absolute}.mat-mdc-tooltip-panel-below .mat-mdc-tooltip::before{top:-8px}.mat-mdc-tooltip-panel-above .mat-mdc-tooltip::before{bottom:-8px}.mat-mdc-tooltip-panel-right .mat-mdc-tooltip::before{left:-8px}.mat-mdc-tooltip-panel-left .mat-mdc-tooltip::before{right:-8px}.mat-mdc-tooltip._mat-animation-noopable{animation:none;transform:scale(1)}.mat-mdc-tooltip-surface{word-break:normal;overflow-wrap:anywhere;padding:4px 8px;min-width:40px;max-width:200px;min-height:24px;max-height:40vh;box-sizing:border-box;overflow:hidden;text-align:center;will-change:transform,opacity;background-color:var(--mdc-plain-tooltip-container-color);color:var(--mdc-plain-tooltip-supporting-text-color);border-radius:var(--mdc-plain-tooltip-container-shape);font-family:var(--mdc-plain-tooltip-supporting-text-font);font-size:var(--mdc-plain-tooltip-supporting-text-size);font-weight:var(--mdc-plain-tooltip-supporting-text-weight);line-height:var(--mdc-plain-tooltip-supporting-text-line-height);letter-spacing:var(--mdc-plain-tooltip-supporting-text-tracking)}.mat-mdc-tooltip-surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid rgba(0,0,0,0);border-radius:inherit;content:\"\";pointer-events:none}.mdc-tooltip--multiline .mat-mdc-tooltip-surface{text-align:left}[dir=rtl] .mdc-tooltip--multiline .mat-mdc-tooltip-surface{text-align:right}.mat-mdc-tooltip-panel.mat-mdc-tooltip-panel-non-interactive{pointer-events:none}@keyframes mat-mdc-tooltip-show{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}@keyframes mat-mdc-tooltip-hide{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.8)}}.mat-mdc-tooltip-show{animation:mat-mdc-tooltip-show 150ms cubic-bezier(0, 0, 0.2, 1) forwards}.mat-mdc-tooltip-hide{animation:mat-mdc-tooltip-hide 75ms cubic-bezier(0.4, 0, 1, 1) forwards}"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
891
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: ANIMATION_MODULE_TYPE, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
892
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0-next.2", type: TooltipComponent, isStandalone: true, selector: "mat-tooltip-component", host: { attributes: { "aria-hidden": "true" }, listeners: { "mouseleave": "_handleMouseLeave($event)" }, properties: { "style.zoom": "isVisible() ? 1 : null" } }, viewQueries: [{ propertyName: "_tooltip", first: true, predicate: ["tooltip"], descendants: true, static: true }], ngImport: i0, template: "<div\n #tooltip\n class=\"mdc-tooltip mat-mdc-tooltip\"\n [ngClass]=\"tooltipClass\"\n (animationend)=\"_handleAnimationEnd($event)\"\n [class.mdc-tooltip--multiline]=\"_isMultiline\">\n <div class=\"mat-mdc-tooltip-surface mdc-tooltip__surface\">{{message}}</div>\n</div>\n", styles: [".mat-mdc-tooltip{position:relative;transform:scale(0);display:inline-flex}.mat-mdc-tooltip::before{content:\"\";top:0;right:0;bottom:0;left:0;z-index:-1;position:absolute}.mat-mdc-tooltip-panel-below .mat-mdc-tooltip::before{top:-8px}.mat-mdc-tooltip-panel-above .mat-mdc-tooltip::before{bottom:-8px}.mat-mdc-tooltip-panel-right .mat-mdc-tooltip::before{left:-8px}.mat-mdc-tooltip-panel-left .mat-mdc-tooltip::before{right:-8px}.mat-mdc-tooltip._mat-animation-noopable{animation:none;transform:scale(1)}.mat-mdc-tooltip-surface{word-break:normal;overflow-wrap:anywhere;padding:4px 8px;min-width:40px;max-width:200px;min-height:24px;max-height:40vh;box-sizing:border-box;overflow:hidden;text-align:center;will-change:transform,opacity;background-color:var(--mdc-plain-tooltip-container-color, var(--mat-app-inverse-surface));color:var(--mdc-plain-tooltip-supporting-text-color, var(--mat-app-inverse-on-surface));border-radius:var(--mdc-plain-tooltip-container-shape, var(--mat-app-corner-extra-small));font-family:var(--mdc-plain-tooltip-supporting-text-font, var(--mat-app-body-small-font));font-size:var(--mdc-plain-tooltip-supporting-text-size, var(--mat-app-body-small-size));font-weight:var(--mdc-plain-tooltip-supporting-text-weight, var(--mat-app-body-small-weight));line-height:var(--mdc-plain-tooltip-supporting-text-line-height, var(--mat-app-body-small-line-height));letter-spacing:var(--mdc-plain-tooltip-supporting-text-tracking, var(--mat-app-body-small-tracking))}.mat-mdc-tooltip-surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid rgba(0,0,0,0);border-radius:inherit;content:\"\";pointer-events:none}.mdc-tooltip--multiline .mat-mdc-tooltip-surface{text-align:left}[dir=rtl] .mdc-tooltip--multiline .mat-mdc-tooltip-surface{text-align:right}.mat-mdc-tooltip-panel.mat-mdc-tooltip-panel-non-interactive{pointer-events:none}@keyframes mat-mdc-tooltip-show{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}@keyframes mat-mdc-tooltip-hide{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.8)}}.mat-mdc-tooltip-show{animation:mat-mdc-tooltip-show 150ms cubic-bezier(0, 0, 0.2, 1) forwards}.mat-mdc-tooltip-hide{animation:mat-mdc-tooltip-hide 75ms cubic-bezier(0.4, 0, 1, 1) forwards}"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
877
893
  }
878
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: TooltipComponent, decorators: [{
894
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: TooltipComponent, decorators: [{
879
895
  type: Component,
880
896
  args: [{ selector: 'mat-tooltip-component', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
881
897
  // Forces the element to have a layout in IE and Edge. This fixes issues where the element
@@ -883,7 +899,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
883
899
  '[style.zoom]': 'isVisible() ? 1 : null',
884
900
  '(mouseleave)': '_handleMouseLeave($event)',
885
901
  'aria-hidden': 'true',
886
- }, standalone: true, imports: [NgClass], template: "<div\n #tooltip\n class=\"mdc-tooltip mat-mdc-tooltip\"\n [ngClass]=\"tooltipClass\"\n (animationend)=\"_handleAnimationEnd($event)\"\n [class.mdc-tooltip--multiline]=\"_isMultiline\">\n <div class=\"mat-mdc-tooltip-surface mdc-tooltip__surface\">{{message}}</div>\n</div>\n", styles: [".mat-mdc-tooltip{position:relative;transform:scale(0);display:inline-flex}.mat-mdc-tooltip::before{content:\"\";top:0;right:0;bottom:0;left:0;z-index:-1;position:absolute}.mat-mdc-tooltip-panel-below .mat-mdc-tooltip::before{top:-8px}.mat-mdc-tooltip-panel-above .mat-mdc-tooltip::before{bottom:-8px}.mat-mdc-tooltip-panel-right .mat-mdc-tooltip::before{left:-8px}.mat-mdc-tooltip-panel-left .mat-mdc-tooltip::before{right:-8px}.mat-mdc-tooltip._mat-animation-noopable{animation:none;transform:scale(1)}.mat-mdc-tooltip-surface{word-break:normal;overflow-wrap:anywhere;padding:4px 8px;min-width:40px;max-width:200px;min-height:24px;max-height:40vh;box-sizing:border-box;overflow:hidden;text-align:center;will-change:transform,opacity;background-color:var(--mdc-plain-tooltip-container-color);color:var(--mdc-plain-tooltip-supporting-text-color);border-radius:var(--mdc-plain-tooltip-container-shape);font-family:var(--mdc-plain-tooltip-supporting-text-font);font-size:var(--mdc-plain-tooltip-supporting-text-size);font-weight:var(--mdc-plain-tooltip-supporting-text-weight);line-height:var(--mdc-plain-tooltip-supporting-text-line-height);letter-spacing:var(--mdc-plain-tooltip-supporting-text-tracking)}.mat-mdc-tooltip-surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid rgba(0,0,0,0);border-radius:inherit;content:\"\";pointer-events:none}.mdc-tooltip--multiline .mat-mdc-tooltip-surface{text-align:left}[dir=rtl] .mdc-tooltip--multiline .mat-mdc-tooltip-surface{text-align:right}.mat-mdc-tooltip-panel.mat-mdc-tooltip-panel-non-interactive{pointer-events:none}@keyframes mat-mdc-tooltip-show{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}@keyframes mat-mdc-tooltip-hide{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.8)}}.mat-mdc-tooltip-show{animation:mat-mdc-tooltip-show 150ms cubic-bezier(0, 0, 0.2, 1) forwards}.mat-mdc-tooltip-hide{animation:mat-mdc-tooltip-hide 75ms cubic-bezier(0.4, 0, 1, 1) forwards}"] }]
902
+ }, standalone: true, imports: [NgClass], template: "<div\n #tooltip\n class=\"mdc-tooltip mat-mdc-tooltip\"\n [ngClass]=\"tooltipClass\"\n (animationend)=\"_handleAnimationEnd($event)\"\n [class.mdc-tooltip--multiline]=\"_isMultiline\">\n <div class=\"mat-mdc-tooltip-surface mdc-tooltip__surface\">{{message}}</div>\n</div>\n", styles: [".mat-mdc-tooltip{position:relative;transform:scale(0);display:inline-flex}.mat-mdc-tooltip::before{content:\"\";top:0;right:0;bottom:0;left:0;z-index:-1;position:absolute}.mat-mdc-tooltip-panel-below .mat-mdc-tooltip::before{top:-8px}.mat-mdc-tooltip-panel-above .mat-mdc-tooltip::before{bottom:-8px}.mat-mdc-tooltip-panel-right .mat-mdc-tooltip::before{left:-8px}.mat-mdc-tooltip-panel-left .mat-mdc-tooltip::before{right:-8px}.mat-mdc-tooltip._mat-animation-noopable{animation:none;transform:scale(1)}.mat-mdc-tooltip-surface{word-break:normal;overflow-wrap:anywhere;padding:4px 8px;min-width:40px;max-width:200px;min-height:24px;max-height:40vh;box-sizing:border-box;overflow:hidden;text-align:center;will-change:transform,opacity;background-color:var(--mdc-plain-tooltip-container-color, var(--mat-app-inverse-surface));color:var(--mdc-plain-tooltip-supporting-text-color, var(--mat-app-inverse-on-surface));border-radius:var(--mdc-plain-tooltip-container-shape, var(--mat-app-corner-extra-small));font-family:var(--mdc-plain-tooltip-supporting-text-font, var(--mat-app-body-small-font));font-size:var(--mdc-plain-tooltip-supporting-text-size, var(--mat-app-body-small-size));font-weight:var(--mdc-plain-tooltip-supporting-text-weight, var(--mat-app-body-small-weight));line-height:var(--mdc-plain-tooltip-supporting-text-line-height, var(--mat-app-body-small-line-height));letter-spacing:var(--mdc-plain-tooltip-supporting-text-tracking, var(--mat-app-body-small-tracking))}.mat-mdc-tooltip-surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid rgba(0,0,0,0);border-radius:inherit;content:\"\";pointer-events:none}.mdc-tooltip--multiline .mat-mdc-tooltip-surface{text-align:left}[dir=rtl] .mdc-tooltip--multiline .mat-mdc-tooltip-surface{text-align:right}.mat-mdc-tooltip-panel.mat-mdc-tooltip-panel-non-interactive{pointer-events:none}@keyframes mat-mdc-tooltip-show{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}@keyframes mat-mdc-tooltip-hide{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.8)}}.mat-mdc-tooltip-show{animation:mat-mdc-tooltip-show 150ms cubic-bezier(0, 0, 0.2, 1) forwards}.mat-mdc-tooltip-hide{animation:mat-mdc-tooltip-hide 75ms cubic-bezier(0.4, 0, 1, 1) forwards}"] }]
887
903
  }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: undefined, decorators: [{
888
904
  type: Optional
889
905
  }, {
@@ -915,11 +931,11 @@ const matTooltipAnimations = {
915
931
  };
916
932
 
917
933
  class MatTooltipModule {
918
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
919
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: MatTooltipModule, imports: [A11yModule, CommonModule, OverlayModule, MatCommonModule, MatTooltip, TooltipComponent], exports: [MatTooltip, TooltipComponent, MatCommonModule, CdkScrollableModule] }); }
920
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatTooltipModule, providers: [MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER], imports: [A11yModule, CommonModule, OverlayModule, MatCommonModule, MatCommonModule, CdkScrollableModule] }); }
934
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MatTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
935
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0-next.2", ngImport: i0, type: MatTooltipModule, imports: [A11yModule, CommonModule, OverlayModule, MatCommonModule, MatTooltip, TooltipComponent], exports: [MatTooltip, TooltipComponent, MatCommonModule, CdkScrollableModule] }); }
936
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MatTooltipModule, providers: [MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER], imports: [A11yModule, CommonModule, OverlayModule, MatCommonModule, MatCommonModule, CdkScrollableModule] }); }
921
937
  }
922
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: MatTooltipModule, decorators: [{
938
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0-next.2", ngImport: i0, type: MatTooltipModule, decorators: [{
923
939
  type: NgModule,
924
940
  args: [{
925
941
  imports: [A11yModule, CommonModule, OverlayModule, MatCommonModule, MatTooltip, TooltipComponent],