@awc-ui/core 1.0.0-beta.3 → 1.0.0-beta.4

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 (498) hide show
  1. package/dist/cjs/lazy-loading-indicator-CoC-_DMs.js +69 -0
  2. package/dist/cjs/lazy-loading-indicator-CoC-_DMs.js.map +1 -0
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/md-accordion-item.cjs.entry.js +3 -3
  5. package/dist/cjs/md-app-bar.cjs.entry.js +1 -1
  6. package/dist/cjs/md-area-chart.cjs.entry.js +2 -2
  7. package/dist/cjs/md-autocomplete.cjs.entry.js +4 -3
  8. package/dist/cjs/md-autocomplete.cjs.entry.js.map +1 -1
  9. package/dist/cjs/md-avatar_2.cjs.entry.js +3 -3
  10. package/dist/cjs/md-badge.cjs.entry.js +2 -2
  11. package/dist/cjs/md-bar-chart.cjs.entry.js +2 -2
  12. package/dist/cjs/md-bottom-sheet.cjs.entry.js +4 -4
  13. package/dist/cjs/md-breadcrumbs.cjs.entry.js +2 -2
  14. package/dist/cjs/md-button-group.cjs.entry.js +2 -2
  15. package/dist/cjs/{md-button_7.cjs.entry.js → md-button_6.cjs.entry.js} +13 -38
  16. package/dist/cjs/md-button_6.cjs.entry.js.map +1 -0
  17. package/dist/cjs/md-checkbox.cjs.entry.js +2 -2
  18. package/dist/cjs/md-chip.cjs.entry.js +2 -2
  19. package/dist/cjs/md-date-picker.cjs.entry.js +1 -1
  20. package/dist/cjs/md-dialog.cjs.entry.js +2 -2
  21. package/dist/cjs/md-divider.cjs.entry.js +2 -2
  22. package/dist/cjs/md-fab-menu-item.cjs.entry.js +2 -2
  23. package/dist/cjs/md-fab-menu.cjs.entry.js +2 -2
  24. package/dist/cjs/md-fab.cjs.entry.js +2 -2
  25. package/dist/cjs/md-line-chart.cjs.entry.js +2 -2
  26. package/dist/cjs/md-list-item.cjs.entry.js +3 -3
  27. package/dist/cjs/md-list.cjs.entry.js +3 -3
  28. package/dist/cjs/md-loading-indicator-CmzdcYLR.js +33 -0
  29. package/dist/cjs/md-loading-indicator-CmzdcYLR.js.map +1 -0
  30. package/dist/cjs/md-loading-indicator.cjs.entry.js +11 -0
  31. package/dist/cjs/md-loading-indicator.cjs.entry.js.map +1 -0
  32. package/dist/cjs/md-menu_2.cjs.entry.js +5 -5
  33. package/dist/cjs/md-multi-select.cjs.entry.js +5 -4
  34. package/dist/cjs/md-multi-select.cjs.entry.js.map +1 -1
  35. package/dist/cjs/md-navigation-bar.cjs.entry.js +1 -1
  36. package/dist/cjs/md-navigation-tab.cjs.entry.js +2 -2
  37. package/dist/cjs/md-number-field.cjs.entry.js +2 -2
  38. package/dist/cjs/md-organization-chart.cjs.entry.js +2 -2
  39. package/dist/cjs/md-otp-field.cjs.entry.js +3 -3
  40. package/dist/cjs/md-search.cjs.entry.js +7 -6
  41. package/dist/cjs/md-search.cjs.entry.js.map +1 -1
  42. package/dist/cjs/md-select-option.cjs.entry.js +1 -1
  43. package/dist/cjs/md-select.cjs.entry.js +5 -4
  44. package/dist/cjs/md-select.cjs.entry.js.map +1 -1
  45. package/dist/cjs/md-slider.cjs.entry.js +2 -2
  46. package/dist/cjs/md-sparkline.cjs.entry.js +2 -2
  47. package/dist/cjs/md-status-dot.cjs.entry.js +1 -1
  48. package/dist/cjs/md-table.cjs.entry.js +3 -3
  49. package/dist/cjs/md-text-field.cjs.entry.js +7 -7
  50. package/dist/cjs/md-time-picker.cjs.entry.js +1 -1
  51. package/dist/cjs/md-transfer-list.cjs.entry.js +1 -1
  52. package/dist/cjs/md3.cjs.js +1 -1
  53. package/dist/collection/collection-manifest.json +1 -1
  54. package/dist/collection/components/md-accordion-item/md-accordion-item.js +3 -3
  55. package/dist/collection/components/md-app-bar/md-app-bar.js +1 -1
  56. package/dist/collection/components/md-area-chart/md-area-chart.js +2 -2
  57. package/dist/collection/components/md-autocomplete/md-autocomplete.js +4 -3
  58. package/dist/collection/components/md-autocomplete/md-autocomplete.js.map +1 -1
  59. package/dist/collection/components/md-avatar/md-avatar.js +2 -2
  60. package/dist/collection/components/md-badge/md-badge.js +2 -2
  61. package/dist/collection/components/md-bar-chart/md-bar-chart.js +2 -2
  62. package/dist/collection/components/md-bottom-sheet/md-bottom-sheet.js +4 -4
  63. package/dist/collection/components/md-breadcrumbs/md-breadcrumbs.js +2 -2
  64. package/dist/collection/components/md-button/md-button.js +4 -3
  65. package/dist/collection/components/md-button/md-button.js.map +1 -1
  66. package/dist/collection/components/md-button-group/md-button-group.js +2 -2
  67. package/dist/collection/components/md-card/md-card.js +2 -2
  68. package/dist/collection/components/md-checkbox/md-checkbox.js +2 -2
  69. package/dist/collection/components/md-chip/md-chip.js +2 -2
  70. package/dist/collection/components/md-date-picker/md-date-picker.js +1 -1
  71. package/dist/collection/components/md-dialog/md-dialog.js +2 -2
  72. package/dist/collection/components/md-divider/md-divider.js +2 -2
  73. package/dist/collection/components/md-fab/md-fab.js +2 -2
  74. package/dist/collection/components/md-fab-menu/md-fab-menu.js +2 -2
  75. package/dist/collection/components/md-fab-menu-item/md-fab-menu-item.js +2 -2
  76. package/dist/collection/components/md-icon-button/md-icon-button.js +4 -4
  77. package/dist/collection/components/md-line-chart/md-line-chart.js +2 -2
  78. package/dist/collection/components/md-list/md-list.js +3 -3
  79. package/dist/collection/components/md-list-item/md-list-item.js +3 -3
  80. package/dist/collection/components/md-loading-indicator/md-loading-indicator.js +2 -2
  81. package/dist/collection/components/md-menu/md-menu.js +3 -3
  82. package/dist/collection/components/md-menu-item/md-menu-item.js +2 -2
  83. package/dist/collection/components/md-multi-select/md-multi-select.js +5 -4
  84. package/dist/collection/components/md-multi-select/md-multi-select.js.map +1 -1
  85. package/dist/collection/components/md-navigation-bar/md-navigation-bar.js +1 -1
  86. package/dist/collection/components/md-navigation-tab/md-navigation-tab.js +2 -2
  87. package/dist/collection/components/md-number-field/md-number-field.js +2 -2
  88. package/dist/collection/components/md-organization-chart/md-organization-chart.js +2 -2
  89. package/dist/collection/components/md-otp-field/md-otp-field.js +3 -3
  90. package/dist/collection/components/md-ripple/md-ripple.js +1 -1
  91. package/dist/collection/components/md-search/md-search.js +7 -6
  92. package/dist/collection/components/md-search/md-search.js.map +1 -1
  93. package/dist/collection/components/md-select/md-select.js +5 -4
  94. package/dist/collection/components/md-select/md-select.js.map +1 -1
  95. package/dist/collection/components/md-select-option/md-select-option.js +1 -1
  96. package/dist/collection/components/md-slider/md-slider.js +2 -2
  97. package/dist/collection/components/md-sparkline/md-sparkline.js +2 -2
  98. package/dist/collection/components/md-status-dot/md-status-dot.js +1 -1
  99. package/dist/collection/components/md-table/md-table.js +3 -3
  100. package/dist/collection/components/md-text-field/md-text-field.js +7 -7
  101. package/dist/collection/components/md-time-picker/md-time-picker.js +1 -1
  102. package/dist/collection/components/md-tooltip/md-tooltip.js +1 -1
  103. package/dist/collection/components/md-transfer-list/md-transfer-list.js +1 -1
  104. package/dist/collection/utils/lazy-loading-indicator.js +62 -0
  105. package/dist/collection/utils/lazy-loading-indicator.js.map +1 -0
  106. package/dist/components/md-accordion-item.js +1 -1
  107. package/dist/components/md-app-bar.js +1 -1
  108. package/dist/components/md-area-chart.js +1 -1
  109. package/dist/components/md-area-chart.js.map +1 -1
  110. package/dist/components/md-autocomplete.js +1 -1
  111. package/dist/components/md-autocomplete.js.map +1 -1
  112. package/dist/components/md-avatar.js +1 -1
  113. package/dist/components/md-badge.js +1 -1
  114. package/dist/components/md-bar-chart.js +1 -1
  115. package/dist/components/md-bottom-sheet.js +1 -1
  116. package/dist/components/md-breadcrumb-item.js +1 -1
  117. package/dist/components/md-breadcrumbs.js +1 -1
  118. package/dist/components/md-button-group.js +1 -1
  119. package/dist/components/md-button.js +1 -1
  120. package/dist/components/md-card.js +1 -1
  121. package/dist/components/md-checkbox.js +1 -1
  122. package/dist/components/md-chip.js +1 -1
  123. package/dist/components/md-date-picker.js +1 -1
  124. package/dist/components/md-date-picker.js.map +1 -1
  125. package/dist/components/md-dialog.js +1 -1
  126. package/dist/components/md-dialog.js.map +1 -1
  127. package/dist/components/md-divider.js +1 -1
  128. package/dist/components/md-divider.js.map +1 -1
  129. package/dist/components/md-fab-menu-item.js +1 -1
  130. package/dist/components/md-fab-menu.js +1 -1
  131. package/dist/components/md-fab.js +1 -1
  132. package/dist/components/md-icon-button.js +1 -1
  133. package/dist/components/md-line-chart.js +1 -1
  134. package/dist/components/md-line-chart.js.map +1 -1
  135. package/dist/components/md-list-item.js +1 -1
  136. package/dist/components/md-list.js +1 -1
  137. package/dist/components/md-loading-indicator.js +1 -1
  138. package/dist/components/md-menu-item.js +1 -1
  139. package/dist/components/md-menu.js +1 -1
  140. package/dist/components/md-multi-select.js +1 -1
  141. package/dist/components/md-multi-select.js.map +1 -1
  142. package/dist/components/md-navigation-bar.js +1 -1
  143. package/dist/components/md-navigation-rail-tab.js +1 -1
  144. package/dist/components/md-navigation-rail.js +1 -1
  145. package/dist/components/md-navigation-tab.js +1 -1
  146. package/dist/components/md-number-field.js +1 -1
  147. package/dist/components/md-organization-chart.js +1 -1
  148. package/dist/components/md-otp-field.js +1 -1
  149. package/dist/components/md-radio.js +1 -1
  150. package/dist/components/md-ripple.js +1 -1
  151. package/dist/components/md-search.js +1 -1
  152. package/dist/components/md-search.js.map +1 -1
  153. package/dist/components/md-segmented-button.js +1 -1
  154. package/dist/components/md-select-option.js +1 -1
  155. package/dist/components/md-select.js +1 -1
  156. package/dist/components/md-side-sheet.js +1 -1
  157. package/dist/components/md-slider.js +1 -1
  158. package/dist/components/md-snackbar.js +1 -1
  159. package/dist/components/md-snackbar.js.map +1 -1
  160. package/dist/components/md-sparkline.js +1 -1
  161. package/dist/components/md-split-button.js +1 -1
  162. package/dist/components/md-status-dot.js +1 -1
  163. package/dist/components/md-step.js +1 -1
  164. package/dist/components/md-step.js.map +1 -1
  165. package/dist/components/md-stepper.js +1 -1
  166. package/dist/components/md-stepper.js.map +1 -1
  167. package/dist/components/md-sub-menu-item.js +1 -1
  168. package/dist/components/md-tab.js +1 -1
  169. package/dist/components/md-table-expand-toggle.js +1 -1
  170. package/dist/components/md-table-pagination.js +1 -1
  171. package/dist/components/md-table-pagination.js.map +1 -1
  172. package/dist/components/md-table.js +1 -1
  173. package/dist/components/md-text-field.js +1 -1
  174. package/dist/components/md-time-picker.js +1 -1
  175. package/dist/components/md-time-picker.js.map +1 -1
  176. package/dist/components/md-tooltip.js +1 -1
  177. package/dist/components/md-transfer-list.js +1 -1
  178. package/dist/components/{p-Eb44PPZa.js → p-1RSrsLOs.js} +2 -2
  179. package/dist/components/{p-D8oM1Kr3.js → p-2HV152w7.js} +2 -2
  180. package/dist/components/{p-BA2v4IuG.js → p-6ZDAcEKN.js} +2 -2
  181. package/dist/components/{p-BADA63mI.js → p-B2fYoYe9.js} +2 -2
  182. package/dist/components/p-B2fYoYe9.js.map +1 -0
  183. package/dist/components/{p-CCMritCA.js → p-C77M30dm.js} +2 -2
  184. package/dist/{components-csr/p-Bmu7RqHM.js → components/p-CNgkGl_1.js} +2 -2
  185. package/dist/components/p-CNgkGl_1.js.map +1 -0
  186. package/dist/components/{p-CtVItLby.js → p-D5Ht729E.js} +2 -2
  187. package/dist/components/p-DPqGg8C1.js +2 -0
  188. package/dist/components/p-DPqGg8C1.js.map +1 -0
  189. package/dist/components/{p-CTC8XAB6.js → p-De3E5Q8v.js} +2 -2
  190. package/dist/components/{p-B-JfuA2g.js → p-Dm_7DA1f.js} +2 -2
  191. package/dist/components/{p-DEzb9xsY.js → p-Dz3R-2Wn.js} +2 -2
  192. package/dist/components/{p-B-iHDK5h.js → p-Zjf9uhOr.js} +2 -2
  193. package/dist/components/{p-DfU4xY2F.js → p-ssLobpGS.js} +2 -2
  194. package/dist/components/{p-DYL-8C5C.js → p-zMR3UIR_.js} +2 -2
  195. package/dist/components-csr/md-accordion-item.js +1 -1
  196. package/dist/components-csr/md-app-bar.js +1 -1
  197. package/dist/components-csr/md-area-chart.js +1 -1
  198. package/dist/components-csr/md-area-chart.js.map +1 -1
  199. package/dist/components-csr/md-autocomplete.js +1 -1
  200. package/dist/components-csr/md-autocomplete.js.map +1 -1
  201. package/dist/components-csr/md-avatar.js +1 -1
  202. package/dist/components-csr/md-badge.js +1 -1
  203. package/dist/components-csr/md-bar-chart.js +1 -1
  204. package/dist/components-csr/md-bottom-sheet.js +1 -1
  205. package/dist/components-csr/md-breadcrumb-item.js +1 -1
  206. package/dist/components-csr/md-breadcrumbs.js +1 -1
  207. package/dist/components-csr/md-button-group.js +1 -1
  208. package/dist/components-csr/md-button.js +1 -1
  209. package/dist/components-csr/md-card.js +1 -1
  210. package/dist/components-csr/md-checkbox.js +1 -1
  211. package/dist/components-csr/md-chip.js +1 -1
  212. package/dist/components-csr/md-date-picker.js +1 -1
  213. package/dist/components-csr/md-date-picker.js.map +1 -1
  214. package/dist/components-csr/md-dialog.js +1 -1
  215. package/dist/components-csr/md-dialog.js.map +1 -1
  216. package/dist/components-csr/md-divider.js +1 -1
  217. package/dist/components-csr/md-divider.js.map +1 -1
  218. package/dist/components-csr/md-fab-menu-item.js +1 -1
  219. package/dist/components-csr/md-fab-menu.js +1 -1
  220. package/dist/components-csr/md-fab.js +1 -1
  221. package/dist/components-csr/md-icon-button.js +1 -1
  222. package/dist/components-csr/md-line-chart.js +1 -1
  223. package/dist/components-csr/md-line-chart.js.map +1 -1
  224. package/dist/components-csr/md-list-item.js +1 -1
  225. package/dist/components-csr/md-list.js +1 -1
  226. package/dist/components-csr/md-loading-indicator.js +1 -1
  227. package/dist/components-csr/md-menu-item.js +1 -1
  228. package/dist/components-csr/md-menu.js +1 -1
  229. package/dist/components-csr/md-multi-select.js +1 -1
  230. package/dist/components-csr/md-multi-select.js.map +1 -1
  231. package/dist/components-csr/md-navigation-bar.js +1 -1
  232. package/dist/components-csr/md-navigation-rail-tab.js +1 -1
  233. package/dist/components-csr/md-navigation-rail.js +1 -1
  234. package/dist/components-csr/md-navigation-tab.js +1 -1
  235. package/dist/components-csr/md-number-field.js +1 -1
  236. package/dist/components-csr/md-organization-chart.js +1 -1
  237. package/dist/components-csr/md-otp-field.js +1 -1
  238. package/dist/components-csr/md-radio.js +1 -1
  239. package/dist/components-csr/md-ripple.js +1 -1
  240. package/dist/components-csr/md-search.js +1 -1
  241. package/dist/components-csr/md-search.js.map +1 -1
  242. package/dist/components-csr/md-segmented-button.js +1 -1
  243. package/dist/components-csr/md-select-option.js +1 -1
  244. package/dist/components-csr/md-select.js +1 -1
  245. package/dist/components-csr/md-side-sheet.js +1 -1
  246. package/dist/components-csr/md-slider.js +1 -1
  247. package/dist/components-csr/md-snackbar.js +1 -1
  248. package/dist/components-csr/md-snackbar.js.map +1 -1
  249. package/dist/components-csr/md-sparkline.js +1 -1
  250. package/dist/components-csr/md-split-button.js +1 -1
  251. package/dist/components-csr/md-status-dot.js +1 -1
  252. package/dist/components-csr/md-step.js +1 -1
  253. package/dist/components-csr/md-step.js.map +1 -1
  254. package/dist/components-csr/md-stepper.js +1 -1
  255. package/dist/components-csr/md-stepper.js.map +1 -1
  256. package/dist/components-csr/md-sub-menu-item.js +1 -1
  257. package/dist/components-csr/md-tab.js +1 -1
  258. package/dist/components-csr/md-table-expand-toggle.js +1 -1
  259. package/dist/components-csr/md-table-pagination.js +1 -1
  260. package/dist/components-csr/md-table-pagination.js.map +1 -1
  261. package/dist/components-csr/md-table.js +1 -1
  262. package/dist/components-csr/md-text-field.js +1 -1
  263. package/dist/components-csr/md-time-picker.js +1 -1
  264. package/dist/components-csr/md-time-picker.js.map +1 -1
  265. package/dist/components-csr/md-tooltip.js +1 -1
  266. package/dist/components-csr/md-transfer-list.js +1 -1
  267. package/dist/components-csr/p-6WgHjhDg.js +2 -0
  268. package/dist/components-csr/p-6WgHjhDg.js.map +1 -0
  269. package/dist/components-csr/{p-C0DlKmRg.js → p-BEmwDSzw.js} +2 -2
  270. package/dist/components-csr/{p-DvXQXhgu.js → p-BQKzjYcY.js} +2 -2
  271. package/dist/components-csr/{p-CG6FaRlt.js → p-BWMwewtY.js} +2 -2
  272. package/dist/components-csr/{p--OUYjgKN.js → p-BZakoRau.js} +2 -2
  273. package/dist/components-csr/p-BZakoRau.js.map +1 -0
  274. package/dist/components-csr/{p-CSrxeWwL.js → p-Bkt_X-6v.js} +2 -2
  275. package/dist/components-csr/{p-Hm3X1iai.js → p-C3vB0Hd9.js} +2 -2
  276. package/dist/components-csr/{p-CrbzXk64.js → p-CF7mq5T7.js} +2 -2
  277. package/dist/components-csr/{p-DF19mmLl.js → p-CVMM-tdC.js} +2 -2
  278. package/dist/components-csr/{p-C4_7YnHT.js → p-DMQ-6aj8.js} +2 -2
  279. package/dist/components-csr/{p--TCJgZnE.js → p-DjKPc5EU.js} +2 -2
  280. package/dist/{components/p-Lsoo1B-2.js → components-csr/p-If0JHsYV.js} +2 -2
  281. package/dist/components-csr/p-If0JHsYV.js.map +1 -0
  282. package/dist/components-csr/{p-IWA0yIjJ.js → p-R_guULjT.js} +2 -2
  283. package/dist/components-csr/{p-uZbtHo-A.js → p-uSMrgqAy.js} +2 -2
  284. package/dist/esm/{a11y-C6CRqodW.js → a11y-BckJ95d7.js} +3 -3
  285. package/dist/esm/{a11y-C6CRqodW.js.map → a11y-BckJ95d7.js.map} +1 -1
  286. package/dist/esm/{bar-chart-ZZrajEkM.js → bar-chart-BuTyuCbt.js} +4 -4
  287. package/dist/esm/{bar-chart-ZZrajEkM.js.map → bar-chart-BuTyuCbt.js.map} +1 -1
  288. package/dist/esm/{chart-32olae06.js → chart-ByIhkqsG.js} +4 -4
  289. package/dist/esm/{chart-32olae06.js.map → chart-ByIhkqsG.js.map} +1 -1
  290. package/dist/esm/{hit-test-DHldf5Lm.js → hit-test-c_hI-yCX.js} +3 -3
  291. package/dist/esm/{hit-test-DHldf5Lm.js.map → hit-test-c_hI-yCX.js.map} +1 -1
  292. package/dist/esm/lazy-loading-indicator-BWFcjJiK.js +67 -0
  293. package/dist/esm/lazy-loading-indicator-BWFcjJiK.js.map +1 -0
  294. package/dist/esm/loader.js +1 -1
  295. package/dist/esm/md-accordion-item.entry.js +3 -3
  296. package/dist/esm/md-app-bar.entry.js +1 -1
  297. package/dist/esm/md-area-chart.entry.js +6 -6
  298. package/dist/esm/md-autocomplete.entry.js +4 -3
  299. package/dist/esm/md-autocomplete.entry.js.map +1 -1
  300. package/dist/esm/md-avatar_2.entry.js +3 -3
  301. package/dist/esm/md-badge.entry.js +2 -2
  302. package/dist/esm/md-bar-chart.entry.js +6 -6
  303. package/dist/esm/md-bottom-sheet.entry.js +4 -4
  304. package/dist/esm/md-breadcrumb-item.entry.js +1 -1
  305. package/dist/esm/md-breadcrumbs.entry.js +2 -2
  306. package/dist/esm/md-button-group.entry.js +2 -2
  307. package/dist/esm/{md-button_7.entry.js → md-button_6.entry.js} +15 -39
  308. package/dist/esm/md-button_6.entry.js.map +1 -0
  309. package/dist/esm/md-checkbox.entry.js +2 -2
  310. package/dist/esm/md-chip.entry.js +2 -2
  311. package/dist/esm/md-date-picker.entry.js +1 -1
  312. package/dist/esm/md-dialog.entry.js +2 -2
  313. package/dist/esm/md-divider.entry.js +2 -2
  314. package/dist/esm/md-fab-menu-item.entry.js +2 -2
  315. package/dist/esm/md-fab-menu.entry.js +2 -2
  316. package/dist/esm/md-fab.entry.js +2 -2
  317. package/dist/esm/md-line-chart.entry.js +6 -6
  318. package/dist/esm/md-list-item.entry.js +4 -4
  319. package/dist/esm/md-list.entry.js +3 -3
  320. package/dist/esm/md-loading-indicator-Bf-Pt29l.js +31 -0
  321. package/dist/esm/md-loading-indicator-Bf-Pt29l.js.map +1 -0
  322. package/dist/esm/md-loading-indicator.entry.js +5 -0
  323. package/dist/esm/md-loading-indicator.entry.js.map +1 -0
  324. package/dist/esm/md-menu_2.entry.js +5 -5
  325. package/dist/esm/md-multi-select.entry.js +5 -4
  326. package/dist/esm/md-multi-select.entry.js.map +1 -1
  327. package/dist/esm/md-navigation-bar.entry.js +1 -1
  328. package/dist/esm/md-navigation-rail-tab.entry.js +1 -1
  329. package/dist/esm/md-navigation-tab.entry.js +3 -3
  330. package/dist/esm/md-number-field.entry.js +2 -2
  331. package/dist/esm/md-organization-chart.entry.js +2 -2
  332. package/dist/esm/md-otp-field.entry.js +3 -3
  333. package/dist/esm/md-pie-chart.entry.js +2 -2
  334. package/dist/esm/md-search.entry.js +7 -6
  335. package/dist/esm/md-search.entry.js.map +1 -1
  336. package/dist/esm/md-select-option.entry.js +1 -1
  337. package/dist/esm/md-select.entry.js +5 -4
  338. package/dist/esm/md-select.entry.js.map +1 -1
  339. package/dist/esm/md-slider.entry.js +2 -2
  340. package/dist/esm/md-sparkline.entry.js +6 -6
  341. package/dist/esm/md-status-dot.entry.js +1 -1
  342. package/dist/esm/md-table.entry.js +3 -3
  343. package/dist/esm/md-text-field.entry.js +7 -7
  344. package/dist/esm/md-time-picker.entry.js +1 -1
  345. package/dist/esm/md-transfer-list.entry.js +1 -1
  346. package/dist/esm/md3.js +1 -1
  347. package/dist/esm/{rtl-DvOKnoqK.js → rtl-CVFH1DkU.js} +3 -3
  348. package/dist/esm/{rtl-DvOKnoqK.js.map → rtl-CVFH1DkU.js.map} +1 -1
  349. package/dist/esm/{url-BjYKc1Ge.js → url-BdEoSBtL.js} +3 -3
  350. package/dist/esm/{url-BjYKc1Ge.js.map → url-BdEoSBtL.js.map} +1 -1
  351. package/dist/md3/md3.esm.js +1 -1
  352. package/dist/md3/p-08f1c469.entry.js +2 -0
  353. package/dist/md3/{p-7f53a423.entry.js.map → p-08f1c469.entry.js.map} +1 -1
  354. package/dist/md3/{p-7112374d.entry.js → p-108f89d7.entry.js} +2 -2
  355. package/dist/md3/{p-d7e99f9e.entry.js → p-1112bffc.entry.js} +2 -2
  356. package/dist/md3/{p-ef7b1826.entry.js → p-114c270b.entry.js} +2 -2
  357. package/dist/md3/{p-944e69e0.entry.js → p-1835fe36.entry.js} +2 -2
  358. package/dist/md3/{p-22633b2d.entry.js → p-2ba2db3b.entry.js} +2 -2
  359. package/dist/md3/{p-1d7e0203.entry.js → p-3f64a27d.entry.js} +2 -2
  360. package/dist/md3/{p-bed8dfec.entry.js → p-43c708ad.entry.js} +2 -2
  361. package/dist/md3/{p-ae360663.entry.js → p-4b7cf934.entry.js} +2 -2
  362. package/dist/md3/{p-27135a6b.entry.js → p-4f26bd60.entry.js} +2 -2
  363. package/dist/md3/{p-2befc42c.entry.js → p-56c7c570.entry.js} +2 -2
  364. package/dist/md3/{p-0a599351.entry.js → p-56ca0c3c.entry.js} +2 -2
  365. package/dist/md3/{p-96c06b24.entry.js → p-5b63149a.entry.js} +2 -2
  366. package/dist/md3/{p-4ba3623e.entry.js → p-5f668b0a.entry.js} +2 -2
  367. package/dist/md3/{p-9b9677cc.entry.js → p-6237ddac.entry.js} +2 -2
  368. package/dist/md3/{p-b243284b.entry.js → p-6d65fc6a.entry.js} +2 -2
  369. package/dist/md3/{p-8b1ea5dc.entry.js → p-707b6d7c.entry.js} +2 -2
  370. package/dist/md3/{p-a49df43d.entry.js → p-71f1660b.entry.js} +2 -2
  371. package/dist/md3/{p-7858833e.entry.js → p-7501170f.entry.js} +2 -2
  372. package/dist/md3/{p-6ea7117d.entry.js → p-7d1686a7.entry.js} +2 -2
  373. package/dist/md3/p-7e7f0e45.entry.js +2 -0
  374. package/dist/md3/p-7e7f0e45.entry.js.map +1 -0
  375. package/dist/md3/{p-4aed552f.entry.js → p-80379565.entry.js} +2 -2
  376. package/dist/md3/p-830724e4.entry.js +2 -0
  377. package/dist/md3/p-830724e4.entry.js.map +1 -0
  378. package/dist/md3/{p-e3c37222.entry.js → p-87f88d62.entry.js} +2 -2
  379. package/dist/md3/p-8a7e0297.entry.js +2 -0
  380. package/dist/md3/p-8a7e0297.entry.js.map +1 -0
  381. package/dist/md3/{p-8135c606.entry.js → p-8bdcda53.entry.js} +2 -2
  382. package/dist/md3/p-9003a7d4.entry.js +2 -0
  383. package/dist/md3/p-9003a7d4.entry.js.map +1 -0
  384. package/dist/md3/{p-6bf632c7.entry.js → p-90ccf4c3.entry.js} +2 -2
  385. package/dist/md3/{p-BjYKc1Ge.js → p-BdEoSBtL.js} +2 -2
  386. package/dist/md3/{p-BjYKc1Ge.js.map → p-BdEoSBtL.js.map} +1 -1
  387. package/dist/md3/{p-DzPKu-Ma.js → p-CGqeEMjY.js} +2 -2
  388. package/dist/md3/{p-DzPKu-Ma.js.map → p-CGqeEMjY.js.map} +1 -1
  389. package/dist/md3/{p-DvOKnoqK.js → p-CVFH1DkU.js} +2 -2
  390. package/dist/md3/{p-DvOKnoqK.js.map → p-CVFH1DkU.js.map} +1 -1
  391. package/dist/md3/p-Cch92tDM.js +2 -0
  392. package/dist/md3/{p-RLxbNqRv.js.map → p-Cch92tDM.js.map} +1 -1
  393. package/dist/md3/p-D17cVKxS.js +2 -0
  394. package/dist/md3/p-D17cVKxS.js.map +1 -0
  395. package/dist/md3/{p-Bx6--dQF.js → p-DGtztV3K.js} +2 -2
  396. package/dist/md3/{p-Bx6--dQF.js.map → p-DGtztV3K.js.map} +1 -1
  397. package/dist/md3/p-DnKDoE8K.js +2 -0
  398. package/dist/md3/p-DnKDoE8K.js.map +1 -0
  399. package/dist/md3/{p-5f39b49d.entry.js → p-ab568d1c.entry.js} +2 -2
  400. package/dist/md3/p-ae30e899.entry.js +2 -0
  401. package/dist/md3/p-ae30e899.entry.js.map +1 -0
  402. package/dist/md3/p-b54bbf88.entry.js +2 -0
  403. package/dist/md3/p-b54bbf88.entry.js.map +1 -0
  404. package/dist/md3/{p-21c89d1d.entry.js → p-ba011453.entry.js} +2 -2
  405. package/dist/md3/{p-cdcea99f.entry.js → p-c2944c87.entry.js} +2 -2
  406. package/dist/md3/{p-3a4bd4eb.entry.js → p-cc6e8afd.entry.js} +2 -2
  407. package/dist/md3/{p-c0476406.entry.js → p-d8885f53.entry.js} +2 -2
  408. package/dist/md3/{p-da0c36d9.entry.js → p-db6fb4e1.entry.js} +2 -2
  409. package/dist/md3/{p-5929e59c.entry.js → p-dcba2857.entry.js} +2 -2
  410. package/dist/md3/{p-925768ac.entry.js → p-e357e8ac.entry.js} +2 -2
  411. package/dist/md3/{p-e6b09e71.entry.js → p-e5c6795e.entry.js} +2 -2
  412. package/dist/md3/{p-1e85b8a8.entry.js → p-e871663b.entry.js} +2 -2
  413. package/dist/md3/p-f297d786.entry.js +2 -0
  414. package/dist/md3/{p-38f82d34.entry.js.map → p-f297d786.entry.js.map} +1 -1
  415. package/dist/md3/{p-b5586b66.entry.js → p-f5399b73.entry.js} +2 -2
  416. package/dist/md3/{p-5c35f916.entry.js → p-fd686966.entry.js} +2 -2
  417. package/dist/md3/{p-C_ogF68H.js → p-nhfFYWzy.js} +2 -2
  418. package/dist/md3/{p-C_ogF68H.js.map → p-nhfFYWzy.js.map} +1 -1
  419. package/dist/types/utils/lazy-loading-indicator.d.ts +7 -0
  420. package/hydrate/index.js +172 -106
  421. package/hydrate/index.mjs +172 -106
  422. package/package.json +18 -4
  423. package/dist/cjs/md-button_7.cjs.entry.js.map +0 -1
  424. package/dist/components/p-BADA63mI.js.map +0 -1
  425. package/dist/components/p-Lsoo1B-2.js.map +0 -1
  426. package/dist/components-csr/p--OUYjgKN.js.map +0 -1
  427. package/dist/components-csr/p-Bmu7RqHM.js.map +0 -1
  428. package/dist/esm/md-button_7.entry.js.map +0 -1
  429. package/dist/md3/p-2dda08b2.entry.js +0 -2
  430. package/dist/md3/p-2dda08b2.entry.js.map +0 -1
  431. package/dist/md3/p-38f82d34.entry.js +0 -2
  432. package/dist/md3/p-5db87a9d.entry.js +0 -2
  433. package/dist/md3/p-5db87a9d.entry.js.map +0 -1
  434. package/dist/md3/p-637baee1.entry.js +0 -2
  435. package/dist/md3/p-637baee1.entry.js.map +0 -1
  436. package/dist/md3/p-7f53a423.entry.js +0 -2
  437. package/dist/md3/p-RLxbNqRv.js +0 -2
  438. package/dist/md3/p-b7602557.entry.js +0 -2
  439. package/dist/md3/p-b7602557.entry.js.map +0 -1
  440. package/dist/md3/p-eddae19a.entry.js +0 -2
  441. package/dist/md3/p-eddae19a.entry.js.map +0 -1
  442. /package/dist/components/{p-Eb44PPZa.js.map → p-1RSrsLOs.js.map} +0 -0
  443. /package/dist/components/{p-D8oM1Kr3.js.map → p-2HV152w7.js.map} +0 -0
  444. /package/dist/components/{p-BA2v4IuG.js.map → p-6ZDAcEKN.js.map} +0 -0
  445. /package/dist/components/{p-CCMritCA.js.map → p-C77M30dm.js.map} +0 -0
  446. /package/dist/components/{p-CtVItLby.js.map → p-D5Ht729E.js.map} +0 -0
  447. /package/dist/components/{p-CTC8XAB6.js.map → p-De3E5Q8v.js.map} +0 -0
  448. /package/dist/components/{p-B-JfuA2g.js.map → p-Dm_7DA1f.js.map} +0 -0
  449. /package/dist/components/{p-DEzb9xsY.js.map → p-Dz3R-2Wn.js.map} +0 -0
  450. /package/dist/components/{p-B-iHDK5h.js.map → p-Zjf9uhOr.js.map} +0 -0
  451. /package/dist/components/{p-DfU4xY2F.js.map → p-ssLobpGS.js.map} +0 -0
  452. /package/dist/components/{p-DYL-8C5C.js.map → p-zMR3UIR_.js.map} +0 -0
  453. /package/dist/components-csr/{p-C0DlKmRg.js.map → p-BEmwDSzw.js.map} +0 -0
  454. /package/dist/components-csr/{p-DvXQXhgu.js.map → p-BQKzjYcY.js.map} +0 -0
  455. /package/dist/components-csr/{p-CG6FaRlt.js.map → p-BWMwewtY.js.map} +0 -0
  456. /package/dist/components-csr/{p-CSrxeWwL.js.map → p-Bkt_X-6v.js.map} +0 -0
  457. /package/dist/components-csr/{p-Hm3X1iai.js.map → p-C3vB0Hd9.js.map} +0 -0
  458. /package/dist/components-csr/{p-CrbzXk64.js.map → p-CF7mq5T7.js.map} +0 -0
  459. /package/dist/components-csr/{p-DF19mmLl.js.map → p-CVMM-tdC.js.map} +0 -0
  460. /package/dist/components-csr/{p-C4_7YnHT.js.map → p-DMQ-6aj8.js.map} +0 -0
  461. /package/dist/components-csr/{p--TCJgZnE.js.map → p-DjKPc5EU.js.map} +0 -0
  462. /package/dist/components-csr/{p-IWA0yIjJ.js.map → p-R_guULjT.js.map} +0 -0
  463. /package/dist/components-csr/{p-uZbtHo-A.js.map → p-uSMrgqAy.js.map} +0 -0
  464. /package/dist/md3/{p-7112374d.entry.js.map → p-108f89d7.entry.js.map} +0 -0
  465. /package/dist/md3/{p-d7e99f9e.entry.js.map → p-1112bffc.entry.js.map} +0 -0
  466. /package/dist/md3/{p-ef7b1826.entry.js.map → p-114c270b.entry.js.map} +0 -0
  467. /package/dist/md3/{p-944e69e0.entry.js.map → p-1835fe36.entry.js.map} +0 -0
  468. /package/dist/md3/{p-22633b2d.entry.js.map → p-2ba2db3b.entry.js.map} +0 -0
  469. /package/dist/md3/{p-1d7e0203.entry.js.map → p-3f64a27d.entry.js.map} +0 -0
  470. /package/dist/md3/{p-bed8dfec.entry.js.map → p-43c708ad.entry.js.map} +0 -0
  471. /package/dist/md3/{p-ae360663.entry.js.map → p-4b7cf934.entry.js.map} +0 -0
  472. /package/dist/md3/{p-27135a6b.entry.js.map → p-4f26bd60.entry.js.map} +0 -0
  473. /package/dist/md3/{p-2befc42c.entry.js.map → p-56c7c570.entry.js.map} +0 -0
  474. /package/dist/md3/{p-0a599351.entry.js.map → p-56ca0c3c.entry.js.map} +0 -0
  475. /package/dist/md3/{p-96c06b24.entry.js.map → p-5b63149a.entry.js.map} +0 -0
  476. /package/dist/md3/{p-4ba3623e.entry.js.map → p-5f668b0a.entry.js.map} +0 -0
  477. /package/dist/md3/{p-9b9677cc.entry.js.map → p-6237ddac.entry.js.map} +0 -0
  478. /package/dist/md3/{p-b243284b.entry.js.map → p-6d65fc6a.entry.js.map} +0 -0
  479. /package/dist/md3/{p-8b1ea5dc.entry.js.map → p-707b6d7c.entry.js.map} +0 -0
  480. /package/dist/md3/{p-a49df43d.entry.js.map → p-71f1660b.entry.js.map} +0 -0
  481. /package/dist/md3/{p-7858833e.entry.js.map → p-7501170f.entry.js.map} +0 -0
  482. /package/dist/md3/{p-6ea7117d.entry.js.map → p-7d1686a7.entry.js.map} +0 -0
  483. /package/dist/md3/{p-4aed552f.entry.js.map → p-80379565.entry.js.map} +0 -0
  484. /package/dist/md3/{p-e3c37222.entry.js.map → p-87f88d62.entry.js.map} +0 -0
  485. /package/dist/md3/{p-8135c606.entry.js.map → p-8bdcda53.entry.js.map} +0 -0
  486. /package/dist/md3/{p-6bf632c7.entry.js.map → p-90ccf4c3.entry.js.map} +0 -0
  487. /package/dist/md3/{p-5f39b49d.entry.js.map → p-ab568d1c.entry.js.map} +0 -0
  488. /package/dist/md3/{p-21c89d1d.entry.js.map → p-ba011453.entry.js.map} +0 -0
  489. /package/dist/md3/{p-cdcea99f.entry.js.map → p-c2944c87.entry.js.map} +0 -0
  490. /package/dist/md3/{p-3a4bd4eb.entry.js.map → p-cc6e8afd.entry.js.map} +0 -0
  491. /package/dist/md3/{p-c0476406.entry.js.map → p-d8885f53.entry.js.map} +0 -0
  492. /package/dist/md3/{p-da0c36d9.entry.js.map → p-db6fb4e1.entry.js.map} +0 -0
  493. /package/dist/md3/{p-5929e59c.entry.js.map → p-dcba2857.entry.js.map} +0 -0
  494. /package/dist/md3/{p-925768ac.entry.js.map → p-e357e8ac.entry.js.map} +0 -0
  495. /package/dist/md3/{p-e6b09e71.entry.js.map → p-e5c6795e.entry.js.map} +0 -0
  496. /package/dist/md3/{p-1e85b8a8.entry.js.map → p-e871663b.entry.js.map} +0 -0
  497. /package/dist/md3/{p-b5586b66.entry.js.map → p-f5399b73.entry.js.map} +0 -0
  498. /package/dist/md3/{p-5c35f916.entry.js.map → p-fd686966.entry.js.map} +0 -0
@@ -1,2 +1,2 @@
1
- import{r as a,c as e,h as i,H as o,g as n}from"./p-WmvQpZnM.js";const r=()=>`:host{--_container-color:var(--md-accordion-item-container-color, var(--md-sys-color-surface-container-low, #F7F2FA));--_container-shape:var(--md-accordion-item-container-shape, var(--md-sys-shape-corner-medium, 12px));--_container-shape-expanded:var(--md-accordion-item-container-shape-expanded, var(--md-sys-shape-corner-large, 16px));--_header-color:var(--md-accordion-item-header-color, transparent);--_header-color-expanded:var(--md-accordion-item-header-color-expanded, var(--md-sys-color-secondary-container, #E8DEF8));--_headline-color:var(--md-accordion-item-headline-color, var(--md-sys-color-on-surface, #1C1B1F));--_headline-color-expanded:var(--md-accordion-item-headline-color-expanded, var(--md-sys-color-on-secondary-container, #1D192B));--_supporting-color:var(--md-accordion-item-supporting-color, var(--md-sys-color-on-surface-variant, #49454F));--_icon-color:var(--md-accordion-item-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_icon-color-expanded:var(--md-accordion-item-icon-color-expanded, var(--md-sys-color-on-secondary-container, #1D192B));--_state-layer-color:var(--md-accordion-item-state-layer-color, var(--md-sys-color-on-surface, #1C1B1F));--_state-layer-color-expanded:var(--md-accordion-item-state-layer-color-expanded, var(--md-sys-color-on-secondary-container, #1D192B));--_header-padding:var(--md-accordion-item-header-padding, max(4px, calc(16px + var(--md-sys-density-scale, 0) * 2px)) max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px)));--_content-padding:var(--md-accordion-item-content-padding, max(8px, calc(20px + var(--md-sys-density-scale, 0) * 2px)) max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px)));--_header-min-height:var(--md-accordion-item-header-min-height, max(40px, calc(64px + var(--md-sys-density-scale, 0) * 4px)));--_expand-duration:var(--md-accordion-item-expand-duration, var(--md-sys-motion-duration-medium3, 350ms));--_collapse-duration:var(--md-accordion-item-collapse-duration, var(--md-sys-motion-duration-short4, 200ms));--_expand-easing:var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1));--_collapse-easing:var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15));--_state-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_spring-easing:var(--md-sys-motion-spring-spatial-default-easing, cubic-bezier(0.38, 1.21, 0.22, 1.00));--_spring-duration:var(--md-sys-motion-spring-spatial-default-duration, 500ms);--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-0, none));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--_elevation));display:block;position:relative;background-color:var(--_container-color);border-radius:var(--_container-shape);box-sizing:border-box;font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);box-shadow:var(--_elevation);transition:border-radius var(--_expand-duration) var(--_expand-easing), background-color var(--_expand-duration) var(--_expand-easing), box-shadow var(--_expand-duration) var(--_expand-easing);will-change:border-radius}:host-context(md-accordion.md-accordion--filled.md-accordion--elevation-1){--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-1));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--md-sys-elevation-2))}:host-context(md-accordion.md-accordion--filled.md-accordion--elevation-2){--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-2));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--md-sys-elevation-3))}:host-context(md-accordion.md-accordion--filled.md-accordion--elevation-3){--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-3));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--md-sys-elevation-4))}:host-context(md-accordion.md-accordion--filled.md-accordion--elevation-4){--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-4));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--md-sys-elevation-5))}:host-context(md-accordion.md-accordion--filled.md-accordion--elevation-5){--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-5));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--md-sys-elevation-5))}:host-context(md-accordion.md-accordion--outlined){--_elevation:none;--_elevation-expanded:none}:host(.md-accordion-item--expanded){border-radius:calc(var(--_container-shape) + var(--md-sys-shape-morph-enabled, 1) * (var(--_container-shape-expanded) - var(--_container-shape)));background-color:var(--md-accordion-item-container-color-expanded, var(--md-sys-color-surface-container, #F3EDF7));box-shadow:var(--_elevation-expanded)}:host-context(md-accordion.md-accordion--outlined){--_container-shape:0;--_container-shape-expanded:0;border-radius:0;background-color:var(--md-accordion-item-container-color, transparent)}.md-accordion-item__heading{margin:0;font:inherit}.md-accordion-item__header{position:relative;display:flex;align-items:center;gap:max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px));inline-size:100%;min-block-size:var(--_header-min-height);padding:var(--_header-padding);border:none;background-color:var(--_header-color);color:var(--_headline-color);font-family:var(--md-sys-typescale-title-medium-font-family, Roboto, sans-serif);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-title-medium-font-weight, 500);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing, 0.15px);text-align:start;cursor:pointer;box-sizing:border-box;overflow:hidden;border-radius:var(--_container-shape);transition:background-color var(--_expand-duration) var(--_expand-easing), color var(--_spring-duration) var(--_spring-easing), border-radius var(--_expand-duration) var(--_expand-easing)}.md-accordion-item__state-layer{position:absolute;inset:0;background-color:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-spring-effects-default-duration, 200ms) var(--_state-easing)}.md-accordion-item__header:hover .md-accordion-item__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.md-accordion-item__header:focus-visible .md-accordion-item__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}.md-accordion-item__header:active .md-accordion-item__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(.md-accordion-item--expanded) .md-accordion-item__header{background-color:var(--_header-color-expanded);color:var(--_headline-color-expanded);border-start-start-radius:var(--_container-shape-expanded);border-start-end-radius:var(--_container-shape-expanded);border-end-start-radius:0;border-end-end-radius:0}:host(.md-accordion-item--expanded) .md-accordion-item__state-layer{background-color:var(--_state-layer-color-expanded)}.md-accordion-item__header:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px}.md-accordion-item__header:disabled,:host(.md-accordion-item--disabled) .md-accordion-item__header{cursor:not-allowed;color:color-mix(in srgb, var(--_headline-color) 38%, transparent)}:host(.md-accordion-item--disabled) .md-accordion-item__state-layer,:host(.md-accordion-item--disabled) md-ripple{display:none}:host(.md-accordion-item--disabled.md-accordion-item--expanded) .md-accordion-item__header{background-color:color-mix( in srgb, var(--_header-color-expanded) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent )}.md-accordion-item__drag-handle{display:none;position:relative;align-items:center;justify-content:center;inline-size:24px;block-size:24px;flex-shrink:0;margin-inline-end:-4px;color:var(--_icon-color);cursor:grab;touch-action:none;opacity:0.55;transition:opacity var(--_spring-duration) var(--_spring-easing), transform var(--_spring-duration) var(--_spring-easing), color var(--_spring-duration) var(--_spring-easing)}.md-accordion-item__drag-handle:hover{opacity:1;color:var(--_headline-color-expanded);transform:scale(1.08)}.md-accordion-item__drag-handle:active{cursor:grabbing}.md-accordion-item__drag-handle-icon{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(16px, calc(22px + var(--md-sys-density-scale, 0) * 1px));line-height:1;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;-webkit-font-smoothing:antialiased;pointer-events:none}:host-context(md-accordion[reorderable]) .md-accordion-item__drag-handle{display:inline-flex}:host(.md-accordion-item--disabled) .md-accordion-item__drag-handle{display:none !important}.md-accordion-item__chassis-handle{display:none;position:absolute;inset-block-start:4px;inset-inline:0;margin-inline:auto;z-index:3;inline-size:52px;block-size:16px;align-items:center;justify-content:center;border-radius:999px;background-color:transparent;cursor:grab;touch-action:none;user-select:none;transition:background-color var(--_spring-duration) var(--_spring-easing)}:host([data-chassis-handle]) .md-accordion-item__chassis-handle{display:inline-flex}.md-accordion-item__chassis-handle:hover{background-color:var( --md-accordion-item-chassis-handle-bg-hover, color-mix(in srgb, var(--_state-layer-color) 10%, transparent) )}.md-accordion-item__chassis-handle:active{cursor:grabbing;background-color:var( --md-accordion-item-chassis-handle-bg-hover, color-mix(in srgb, var(--_state-layer-color) 16%, transparent) )}.md-accordion-item__chassis-handle-bar{display:block;inline-size:32px;block-size:4px;border-radius:999px;background-color:var( --md-accordion-item-chassis-handle-color, var(--md-sys-color-on-surface-variant, #49454F) );opacity:0.45;pointer-events:none;transition:inline-size var(--_spring-duration) var(--_spring-easing), opacity var(--_spring-duration) var(--_spring-easing), background-color var(--_expand-duration) var(--_expand-easing)}.md-accordion-item__chassis-handle:hover .md-accordion-item__chassis-handle-bar{opacity:0.9;inline-size:38px}.md-accordion-item__chassis-handle:active .md-accordion-item__chassis-handle-bar{opacity:1;inline-size:40px}:host-context(md-accordion.md-accordion--floating-dragging) .md-accordion-item__chassis-handle-bar{opacity:1;inline-size:40px;background-color:var( --md-accordion-item-chassis-handle-color, var(--md-sys-color-primary, #6750A4) )}:host(.md-accordion-item--expanded) .md-accordion-item__chassis-handle-bar{background-color:var( --md-accordion-item-chassis-handle-color, var(--md-sys-color-on-secondary-container, #1D192B) )}@media (forced-colors: active){.md-accordion-item__chassis-handle-bar{background-color:CanvasText;opacity:1}}:host(.md-accordion-item--dragging){z-index:10;cursor:grabbing;background-color:var( --md-accordion-item-container-color-dragging, var(--md-sys-color-surface-container-low, #F7F2F9) );border-radius:var( --md-accordion-item-container-shape-dragging, var(--md-sys-shape-corner-medium, 12px) );overflow:hidden;box-shadow:var(--md-sys-elevation-4, 0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px rgba(0, 0, 0, 0.3)) !important;transition:none !important}:host(.md-accordion-item--dragging) .md-accordion-item__header{pointer-events:none}:host(.md-accordion-item--dragging) .md-accordion-item__drag-handle{opacity:1;color:var(--_icon-color-expanded)}:host(.md-accordion-item--shifting){transition:transform var(--md-sys-motion-duration-short3, 200ms) var(--_state-easing);will-change:transform}.md-accordion-item__leading{display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;flex-shrink:0;color:var(--_icon-color);transition:color var(--_spring-duration) var(--_spring-easing), transform var(--_spring-duration) var(--_spring-easing)}:host(.md-accordion-item--expanded) .md-accordion-item__leading{color:var(--_icon-color-expanded);transform:scale(1.05)}.md-accordion-item__icon{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));line-height:1;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;transition:font-variation-settings var(--_spring-duration) var(--_spring-easing)}:host(.md-accordion-item--expanded) .md-accordion-item__icon{font-variation-settings:'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24}.md-accordion-item__text{flex:1;display:flex;flex-direction:column;min-inline-size:0;gap:2px}.md-accordion-item__headline{display:block;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-accordion-item__supporting{display:block;color:var(--_supporting-color);font-family:var(--md-sys-typescale-body-small-font-family, Roboto, sans-serif);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-small-font-weight, 400);line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));letter-spacing:var(--md-sys-typescale-body-small-letter-spacing, 0.4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-accordion-item__trailing{display:inline-flex;align-items:center;justify-content:center;inline-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));block-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));flex-shrink:0;color:var(--_icon-color);transition:transform var(--_spring-duration) var(--_spring-easing), color var(--_spring-duration) var(--_spring-easing)}:host(.md-accordion-item--expanded) .md-accordion-item__trailing{transform:rotate(180deg);color:var(--_icon-color-expanded)}:host([dir="rtl"]) .md-accordion-item__trailing,:host-context([dir="rtl"]) .md-accordion-item__trailing{transform:none}:host([dir="rtl"].md-accordion-item--expanded) .md-accordion-item__trailing,:host-context([dir="rtl"]).md-accordion-item--expanded .md-accordion-item__trailing{transform:rotate(180deg)}.md-accordion-item__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--_collapse-duration) var(--_collapse-easing), opacity var(--_collapse-duration) var(--_collapse-easing);opacity:0}:host(.md-accordion-item--expanded) .md-accordion-item__panel{grid-template-rows:1fr;opacity:1;transition:grid-template-rows var(--_expand-duration) var(--_expand-easing), opacity var(--_expand-duration) var(--_expand-easing)}.md-accordion-item__content{min-block-size:0;overflow:hidden}.md-accordion-item__content-inner{padding:var(--_content-padding);color:var(--_supporting-color);font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));transform:translateY(-4px);transition:transform var(--_expand-duration) var(--_expand-easing)}:host(.md-accordion-item--expanded) .md-accordion-item__content-inner{transform:translateY(0)}.md-accordion-item__content-inner--scroll{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.md-accordion-item__content-inner--scroll:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px}:host-context(md-accordion[transition='standard']){--_expand-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_collapse-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_spring-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_state-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_spring-duration:var(--md-sys-motion-duration-medium2, 300ms);--_expand-duration:var(--md-accordion-item-expand-duration, var(--md-sys-motion-duration-medium2, 300ms));--_collapse-duration:var(--md-accordion-item-collapse-duration, var(--md-sys-motion-duration-medium2, 300ms))}:host-context(md-accordion[transition='fade']){--_expand-easing:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));--_collapse-easing:var(--md-sys-motion-easing-standard, cubic-bezier(0.4, 0, 1, 1));--_spring-easing:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));--_state-easing:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));--_spring-duration:var(--md-sys-motion-duration-short3, 175ms);--_expand-duration:var(--md-accordion-item-expand-duration, var(--md-sys-motion-duration-medium2, 300ms));--_collapse-duration:var(--md-accordion-item-collapse-duration, var(--md-sys-motion-duration-short4, 200ms))}:host-context(md-accordion[transition='fade']) .md-accordion-item__content-inner{transform:none}:host-context(md-accordion[transition='collapse']){--_expand-easing:cubic-bezier(0, 0, 0.2, 1);--_collapse-easing:cubic-bezier(0.4, 0, 1, 1);--_spring-easing:cubic-bezier(0, 0, 0.2, 1);--_state-easing:cubic-bezier(0.4, 0, 0.2, 1);--_spring-duration:var(--md-sys-motion-duration-medium2, 300ms);--_expand-duration:var(--md-accordion-item-expand-duration, var(--md-sys-motion-duration-medium2, 300ms));--_collapse-duration:var(--md-accordion-item-collapse-duration, var(--md-sys-motion-duration-medium2, 300ms))}:host-context(md-accordion[transition='collapse']) .md-accordion-item__panel,:host-context(md-accordion[transition='collapse'].md-accordion-item--expanded) .md-accordion-item__panel{opacity:1}:host-context(md-accordion[transition='collapse']) .md-accordion-item__content-inner{transform:none}:host-context(md-accordion[transition='none']),:host-context(md-accordion[transition='none']) *,:host-context(md-accordion[transition='none']) *::before,:host-context(md-accordion[transition='none']) *::after{transition:none !important;animation-duration:0.001ms !important;animation-iteration-count:1 !important}@media (prefers-reduced-motion: reduce){:host,.md-accordion-item__header,.md-accordion-item__state-layer,.md-accordion-item__leading,.md-accordion-item__icon,.md-accordion-item__trailing,.md-accordion-item__panel,.md-accordion-item__content{transition-duration:0.01ms !important;animation:none !important}:host(.md-accordion-item--expanded) .md-accordion-item__leading{transform:none}}@media (forced-colors: active){:host{border:1px solid CanvasText}.md-accordion-item__header:focus-visible{outline-color:Highlight}.md-accordion-item__state-layer{display:none}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;let t=0;const d=()=>`md-acc-item-${++t}`;const s=class{constructor(i){a(this,i);this.mdItemToggle=e(this,"mdItemToggle",7);this.mdItemRequestFocus=e(this,"mdItemRequestFocus",7);this.mdItemRequestReorder=e(this,"mdItemRequestReorder",7);this.headline="";this.supportingText="";this.icon="";this.expanded=false;this.disabled=false;this.headingLevel=3;this.collapsible=true;this.regionRole="region";this.contentMaxHeight="";this.density=0;this.hasSlottedHeadline=false;this.hasSlottedTrailingIcon=false;this.hasSlottedLeadingIcon=false;this.contentId=d();this.headerId=`${this.contentId}-header`;this.handleHeaderClick=()=>{if(this.toggleBlocked())return;this.expanded=!this.expanded};this.handleHeaderKeyDown=a=>{if(this.disabled)return;if(a.altKey&&(a.key==="ArrowUp"||a.key==="ArrowDown")){a.preventDefault();this.mdItemRequestReorder.emit({direction:a.key==="ArrowUp"?"up":"down",from:this.index});return}switch(a.key){case"Enter":case" ":a.preventDefault();if(this.toggleBlocked())return;this.expanded=!this.expanded;break;case"ArrowDown":a.preventDefault();this.mdItemRequestFocus.emit({direction:"next",from:this.index});break;case"ArrowUp":a.preventDefault();this.mdItemRequestFocus.emit({direction:"prev",from:this.index});break;case"Home":a.preventDefault();this.mdItemRequestFocus.emit({direction:"first",from:this.index});break;case"End":a.preventDefault();this.mdItemRequestFocus.emit({direction:"last",from:this.index});break}};this.handleDragHandleClick=a=>{a.stopPropagation()};this.handleDragHandleKeyDown=a=>{a.stopPropagation()}}get index(){const a=this.el.getAttribute("data-index");return a==null?-1:Number(a)}componentWillLoad(){this.hasSlottedHeadline=this.hasDirectSlottedChild("headline");this.hasSlottedLeadingIcon=this.hasDirectSlottedChild("leading-icon");this.hasSlottedTrailingIcon=this.hasDirectSlottedChild("trailing-icon")}componentDidLoad(){this.bindSlotListener("headline",(a=>this.hasSlottedHeadline=a));this.bindSlotListener("leading-icon",(a=>this.hasSlottedLeadingIcon=a));this.bindSlotListener("trailing-icon",(a=>this.hasSlottedTrailingIcon=a))}hasDirectSlottedChild(a){const e=this.el.children;for(let i=0;i<e.length;i+=1){if(e[i].getAttribute("slot")===a)return true}return false}bindSlotListener(a,e){const i=this.el.shadowRoot?.querySelector(`slot[name="${a}"]`);if(!i)return;i.addEventListener("slotchange",(()=>{e(i.assignedElements().length>0)}))}onExpandedChange(a){this.mdItemToggle.emit({expanded:a,index:this.index})}async toggle(){if(this.disabled)return;this.expanded=!this.expanded}async focusHeader(){this.headerEl?.focus({focusVisible:true})}get ariaDisabledHeader(){return this.disabled||this.expanded&&!this.collapsible}toggleBlocked(){if(this.disabled)return true;if(this.expanded&&!this.collapsible)return true;return false}render(){const a=!!this.icon||this.hasSlottedLeadingIcon;const e=Math.min(6,Math.max(1,this.headingLevel|0));const n=`h${e}`;const r=this.contentMaxHeight.trim().length>0;return i(o,{key:"3835ae209e2b750a6ee99b0e53ec8ff67882cfcd",class:{"md-accordion-item":true,"md-accordion-item--expanded":this.expanded,"md-accordion-item--disabled":this.disabled}},i("span",{key:"c6e1a9975c8b424a7b631b9c4f3e71f843133b63",class:"md-accordion-item__chassis-handle",part:"chassis-handle","data-accordion-chassis-drag":"true",role:"presentation","aria-hidden":"true",onClick:this.handleDragHandleClick,onKeyDown:this.handleDragHandleKeyDown},i("span",{key:"b103f0360db2426b514b6ef45ecd8dd02bad568f",class:"md-accordion-item__chassis-handle-bar",part:"chassis-handle-bar"})),i(n,{key:"dc9c4e560d63610961c737ac15b66b86241ef0da",class:"md-accordion-item__heading",part:"heading"},i("button",{key:"e93a6826f6161215b4875658afa71eee84953cba",id:this.headerId,class:"md-accordion-item__header",part:"header",type:"button","aria-expanded":String(this.expanded),"aria-controls":this.contentId,"aria-disabled":this.ariaDisabledHeader?"true":undefined,disabled:this.disabled,onClick:this.handleHeaderClick,onKeyDown:this.handleHeaderKeyDown,ref:a=>this.headerEl=a},i("md-ripple",{key:"cfbab825a90916157c5b599a1ca88833032c0225",disabled:this.disabled}),i("span",{key:"b8c131bf06752a33276898d5c7c3c0485fd1adb3",class:"md-accordion-item__state-layer",part:"state-layer","aria-hidden":"true"}),i("span",{key:"62ae03c5c806cc938e511c5268aecaf16c1581f3",class:"md-accordion-item__drag-handle",part:"drag-handle","data-accordion-drag-handle":"true","aria-hidden":"true",onClick:this.handleDragHandleClick,onKeyDown:this.handleDragHandleKeyDown},i("span",{key:"9ef8f93588b89ef410c9776ccf6ca405142c0f2c",class:"material-symbols-outlined md-accordion-item__drag-handle-icon"},"drag_indicator")),a&&i("span",{key:"a44743e131aa70bbcd0bd3c86d2ef8caa0807d0f",class:"md-accordion-item__leading",part:"leading-icon","aria-hidden":"true"},i("slot",{key:"27e66c7f3acd3e4c30502c53c2ece00e07db7daa",name:"leading-icon"},this.icon&&i("span",{key:"ff1412c12787d275e4234008b0fc42bae8358a0d",class:"material-symbols-outlined md-accordion-item__icon"},this.icon))),i("span",{key:"7bd9027b0f64f680a940aeb17d16de58b3a5d74c",class:"md-accordion-item__text"},i("span",{key:"63f20ce72fc67653bd2197b468ebb9bd73776a5b",class:"md-accordion-item__headline",part:"headline"},i("slot",{key:"f3b8a09d83d34f92b3eee5b2a0d890625b8dad24",name:"headline"},this.headline)),(this.supportingText||this.hasSlottedHeadline)&&this.supportingText&&i("span",{key:"13cdbc46b4c6cb0fdc51db21353cf3bd65acc28a",class:"md-accordion-item__supporting",part:"supporting-text"},this.supportingText)),i("span",{key:"3d61a6d22aff8562e02d4ce0edaa87e96fc45142",class:"md-accordion-item__trailing",part:"trailing-icon","aria-hidden":"true"},i("slot",{key:"9232bb33ad813733c86fa6963e9514097cf4624f",name:"trailing-icon"},i("svg",{key:"df5894febebfaa398b4ae51b39475135dc526114",class:"md-accordion-item__chevron",viewBox:"0 0 24 24",width:"24",height:"24",fill:"currentColor","aria-hidden":"true"},i("path",{key:"b0af6a419f5aaf22dfdfe906fb1ad1074f2df4b2",d:"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z"})))))),i("div",{key:"88c0b517fc5fcf033ec81761458d12e5d2b6548f",id:this.contentId,class:"md-accordion-item__panel",part:"panel",role:this.regionRole==="none"?undefined:this.regionRole,"aria-labelledby":this.headerId,"aria-hidden":this.expanded?"false":"true",inert:!this.expanded},i("div",{key:"181add0b2cf432a3162e43f882beaa812a52bd84",class:"md-accordion-item__content",part:"content"},i("div",{key:"42cb650176a89d48b6d70618e513d3ed0cb6373c",class:{"md-accordion-item__content-inner":true,"md-accordion-item__content-inner--scroll":r},part:"content-inner",tabindex:r?"0":undefined,style:r?{maxBlockSize:this.contentMaxHeight}:undefined},i("slot",{key:"3e437633a9142414622fab5a3054ad2692646d56"})))))}get el(){return n(this)}static get watchers(){return{expanded:[{onExpandedChange:0}]}}};s.style=r();export{s as md_accordion_item};
2
- //# sourceMappingURL=p-925768ac.entry.js.map
1
+ import{r as a,c as e,h as i,H as o,g as n}from"./p-WmvQpZnM.js";const r=()=>`:host{--_container-color:var(--md-accordion-item-container-color, var(--md-sys-color-surface-container-low, #F7F2FA));--_container-shape:var(--md-accordion-item-container-shape, var(--md-sys-shape-corner-medium, 12px));--_container-shape-expanded:var(--md-accordion-item-container-shape-expanded, var(--md-sys-shape-corner-large, 16px));--_header-color:var(--md-accordion-item-header-color, transparent);--_header-color-expanded:var(--md-accordion-item-header-color-expanded, var(--md-sys-color-secondary-container, #E8DEF8));--_headline-color:var(--md-accordion-item-headline-color, var(--md-sys-color-on-surface, #1C1B1F));--_headline-color-expanded:var(--md-accordion-item-headline-color-expanded, var(--md-sys-color-on-secondary-container, #1D192B));--_supporting-color:var(--md-accordion-item-supporting-color, var(--md-sys-color-on-surface-variant, #49454F));--_icon-color:var(--md-accordion-item-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_icon-color-expanded:var(--md-accordion-item-icon-color-expanded, var(--md-sys-color-on-secondary-container, #1D192B));--_state-layer-color:var(--md-accordion-item-state-layer-color, var(--md-sys-color-on-surface, #1C1B1F));--_state-layer-color-expanded:var(--md-accordion-item-state-layer-color-expanded, var(--md-sys-color-on-secondary-container, #1D192B));--_header-padding:var(--md-accordion-item-header-padding, max(4px, calc(16px + var(--md-sys-density-scale, 0) * 2px)) max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px)));--_content-padding:var(--md-accordion-item-content-padding, max(8px, calc(20px + var(--md-sys-density-scale, 0) * 2px)) max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px)));--_header-min-height:var(--md-accordion-item-header-min-height, max(40px, calc(64px + var(--md-sys-density-scale, 0) * 4px)));--_expand-duration:var(--md-accordion-item-expand-duration, var(--md-sys-motion-duration-medium3, 350ms));--_collapse-duration:var(--md-accordion-item-collapse-duration, var(--md-sys-motion-duration-short4, 200ms));--_expand-easing:var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1));--_collapse-easing:var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15));--_state-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_spring-easing:var(--md-sys-motion-spring-spatial-default-easing, cubic-bezier(0.38, 1.21, 0.22, 1.00));--_spring-duration:var(--md-sys-motion-spring-spatial-default-duration, 500ms);--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-0, none));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--_elevation));display:block;position:relative;background-color:var(--_container-color);border-radius:var(--_container-shape);box-sizing:border-box;font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);box-shadow:var(--_elevation);transition:border-radius var(--_expand-duration) var(--_expand-easing), background-color var(--_expand-duration) var(--_expand-easing), box-shadow var(--_expand-duration) var(--_expand-easing);will-change:border-radius}:host-context(md-accordion.md-accordion--filled.md-accordion--elevation-1){--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-1));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--md-sys-elevation-2))}:host-context(md-accordion.md-accordion--filled.md-accordion--elevation-2){--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-2));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--md-sys-elevation-3))}:host-context(md-accordion.md-accordion--filled.md-accordion--elevation-3){--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-3));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--md-sys-elevation-4))}:host-context(md-accordion.md-accordion--filled.md-accordion--elevation-4){--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-4));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--md-sys-elevation-5))}:host-context(md-accordion.md-accordion--filled.md-accordion--elevation-5){--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-5));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--md-sys-elevation-5))}:host-context(md-accordion.md-accordion--outlined){--_elevation:none;--_elevation-expanded:none}:host(.md-accordion-item--expanded){border-radius:calc(var(--_container-shape) + var(--md-sys-shape-morph-enabled, 1) * (var(--_container-shape-expanded) - var(--_container-shape)));background-color:var(--md-accordion-item-container-color-expanded, var(--md-sys-color-surface-container, #F3EDF7));box-shadow:var(--_elevation-expanded)}:host-context(md-accordion.md-accordion--outlined){--_container-shape:0;--_container-shape-expanded:0;border-radius:0;background-color:var(--md-accordion-item-container-color, transparent)}.md-accordion-item__heading{margin:0;font:inherit}.md-accordion-item__header{position:relative;display:flex;align-items:center;gap:max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px));inline-size:100%;min-block-size:var(--_header-min-height);padding:var(--_header-padding);border:none;background-color:var(--_header-color);color:var(--_headline-color);font-family:var(--md-sys-typescale-title-medium-font-family, Roboto, sans-serif);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-title-medium-font-weight, 500);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing, 0.15px);text-align:start;cursor:pointer;box-sizing:border-box;overflow:hidden;border-radius:var(--_container-shape);transition:background-color var(--_expand-duration) var(--_expand-easing), color var(--_spring-duration) var(--_spring-easing), border-radius var(--_expand-duration) var(--_expand-easing)}.md-accordion-item__state-layer{position:absolute;inset:0;background-color:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-spring-effects-default-duration, 200ms) var(--_state-easing)}.md-accordion-item__header:hover .md-accordion-item__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.md-accordion-item__header:focus-visible .md-accordion-item__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}.md-accordion-item__header:active .md-accordion-item__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(.md-accordion-item--expanded) .md-accordion-item__header{background-color:var(--_header-color-expanded);color:var(--_headline-color-expanded);border-start-start-radius:var(--_container-shape-expanded);border-start-end-radius:var(--_container-shape-expanded);border-end-start-radius:0;border-end-end-radius:0}:host(.md-accordion-item--expanded) .md-accordion-item__state-layer{background-color:var(--_state-layer-color-expanded)}.md-accordion-item__header:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px}.md-accordion-item__header:disabled,:host(.md-accordion-item--disabled) .md-accordion-item__header{cursor:not-allowed;color:color-mix(in srgb, var(--_headline-color) 38%, transparent)}:host(.md-accordion-item--disabled) .md-accordion-item__state-layer,:host(.md-accordion-item--disabled) md-ripple{display:none}:host(.md-accordion-item--disabled.md-accordion-item--expanded) .md-accordion-item__header{background-color:color-mix( in srgb, var(--_header-color-expanded) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent )}.md-accordion-item__drag-handle{display:none;position:relative;align-items:center;justify-content:center;inline-size:24px;block-size:24px;flex-shrink:0;margin-inline-end:-4px;color:var(--_icon-color);cursor:grab;touch-action:none;opacity:0.55;transition:opacity var(--_spring-duration) var(--_spring-easing), transform var(--_spring-duration) var(--_spring-easing), color var(--_spring-duration) var(--_spring-easing)}.md-accordion-item__drag-handle:hover{opacity:1;color:var(--_headline-color-expanded);transform:scale(1.08)}.md-accordion-item__drag-handle:active{cursor:grabbing}.md-accordion-item__drag-handle-icon{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(16px, calc(22px + var(--md-sys-density-scale, 0) * 1px));line-height:1;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;-webkit-font-smoothing:antialiased;pointer-events:none}:host-context(md-accordion[reorderable]) .md-accordion-item__drag-handle{display:inline-flex}:host(.md-accordion-item--disabled) .md-accordion-item__drag-handle{display:none !important}.md-accordion-item__chassis-handle{display:none;position:absolute;inset-block-start:4px;inset-inline:0;margin-inline:auto;z-index:3;inline-size:52px;block-size:16px;align-items:center;justify-content:center;border-radius:999px;background-color:transparent;cursor:grab;touch-action:none;user-select:none;transition:background-color var(--_spring-duration) var(--_spring-easing)}:host([data-chassis-handle]) .md-accordion-item__chassis-handle{display:inline-flex}.md-accordion-item__chassis-handle:hover{background-color:var( --md-accordion-item-chassis-handle-bg-hover, color-mix(in srgb, var(--_state-layer-color) 10%, transparent) )}.md-accordion-item__chassis-handle:active{cursor:grabbing;background-color:var( --md-accordion-item-chassis-handle-bg-hover, color-mix(in srgb, var(--_state-layer-color) 16%, transparent) )}.md-accordion-item__chassis-handle-bar{display:block;inline-size:32px;block-size:4px;border-radius:999px;background-color:var( --md-accordion-item-chassis-handle-color, var(--md-sys-color-on-surface-variant, #49454F) );opacity:0.45;pointer-events:none;transition:inline-size var(--_spring-duration) var(--_spring-easing), opacity var(--_spring-duration) var(--_spring-easing), background-color var(--_expand-duration) var(--_expand-easing)}.md-accordion-item__chassis-handle:hover .md-accordion-item__chassis-handle-bar{opacity:0.9;inline-size:38px}.md-accordion-item__chassis-handle:active .md-accordion-item__chassis-handle-bar{opacity:1;inline-size:40px}:host-context(md-accordion.md-accordion--floating-dragging) .md-accordion-item__chassis-handle-bar{opacity:1;inline-size:40px;background-color:var( --md-accordion-item-chassis-handle-color, var(--md-sys-color-primary, #6750A4) )}:host(.md-accordion-item--expanded) .md-accordion-item__chassis-handle-bar{background-color:var( --md-accordion-item-chassis-handle-color, var(--md-sys-color-on-secondary-container, #1D192B) )}@media (forced-colors: active){.md-accordion-item__chassis-handle-bar{background-color:CanvasText;opacity:1}}:host(.md-accordion-item--dragging){z-index:10;cursor:grabbing;background-color:var( --md-accordion-item-container-color-dragging, var(--md-sys-color-surface-container-low, #F7F2F9) );border-radius:var( --md-accordion-item-container-shape-dragging, var(--md-sys-shape-corner-medium, 12px) );overflow:hidden;box-shadow:var(--md-sys-elevation-4, 0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px rgba(0, 0, 0, 0.3)) !important;transition:none !important}:host(.md-accordion-item--dragging) .md-accordion-item__header{pointer-events:none}:host(.md-accordion-item--dragging) .md-accordion-item__drag-handle{opacity:1;color:var(--_icon-color-expanded)}:host(.md-accordion-item--shifting){transition:transform var(--md-sys-motion-duration-short3, 200ms) var(--_state-easing);will-change:transform}.md-accordion-item__leading{display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;flex-shrink:0;color:var(--_icon-color);transition:color var(--_spring-duration) var(--_spring-easing), transform var(--_spring-duration) var(--_spring-easing)}:host(.md-accordion-item--expanded) .md-accordion-item__leading{color:var(--_icon-color-expanded);transform:scale(1.05)}.md-accordion-item__icon{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));line-height:1;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;transition:font-variation-settings var(--_spring-duration) var(--_spring-easing)}:host(.md-accordion-item--expanded) .md-accordion-item__icon{font-variation-settings:'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24}.md-accordion-item__text{flex:1;display:flex;flex-direction:column;min-inline-size:0;gap:2px}.md-accordion-item__headline{display:block;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-accordion-item__supporting{display:block;color:var(--_supporting-color);font-family:var(--md-sys-typescale-body-small-font-family, Roboto, sans-serif);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-small-font-weight, 400);line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));letter-spacing:var(--md-sys-typescale-body-small-letter-spacing, 0.4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-accordion-item__trailing{display:inline-flex;align-items:center;justify-content:center;inline-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));block-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));flex-shrink:0;color:var(--_icon-color);transition:transform var(--_spring-duration) var(--_spring-easing), color var(--_spring-duration) var(--_spring-easing)}:host(.md-accordion-item--expanded) .md-accordion-item__trailing{transform:rotate(180deg);color:var(--_icon-color-expanded)}:host([dir="rtl"]) .md-accordion-item__trailing,:host-context([dir="rtl"]) .md-accordion-item__trailing{transform:none}:host([dir="rtl"].md-accordion-item--expanded) .md-accordion-item__trailing,:host-context([dir="rtl"]).md-accordion-item--expanded .md-accordion-item__trailing{transform:rotate(180deg)}.md-accordion-item__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--_collapse-duration) var(--_collapse-easing), opacity var(--_collapse-duration) var(--_collapse-easing);opacity:0}:host(.md-accordion-item--expanded) .md-accordion-item__panel{grid-template-rows:1fr;opacity:1;transition:grid-template-rows var(--_expand-duration) var(--_expand-easing), opacity var(--_expand-duration) var(--_expand-easing)}.md-accordion-item__content{min-block-size:0;overflow:hidden}.md-accordion-item__content-inner{padding:var(--_content-padding);color:var(--_supporting-color);font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));transform:translateY(-4px);transition:transform var(--_expand-duration) var(--_expand-easing)}:host(.md-accordion-item--expanded) .md-accordion-item__content-inner{transform:translateY(0)}.md-accordion-item__content-inner--scroll{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.md-accordion-item__content-inner--scroll:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px}:host-context(md-accordion[transition='standard']){--_expand-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_collapse-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_spring-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_state-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_spring-duration:var(--md-sys-motion-duration-medium2, 300ms);--_expand-duration:var(--md-accordion-item-expand-duration, var(--md-sys-motion-duration-medium2, 300ms));--_collapse-duration:var(--md-accordion-item-collapse-duration, var(--md-sys-motion-duration-medium2, 300ms))}:host-context(md-accordion[transition='fade']){--_expand-easing:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));--_collapse-easing:var(--md-sys-motion-easing-standard, cubic-bezier(0.4, 0, 1, 1));--_spring-easing:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));--_state-easing:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));--_spring-duration:var(--md-sys-motion-duration-short3, 175ms);--_expand-duration:var(--md-accordion-item-expand-duration, var(--md-sys-motion-duration-medium2, 300ms));--_collapse-duration:var(--md-accordion-item-collapse-duration, var(--md-sys-motion-duration-short4, 200ms))}:host-context(md-accordion[transition='fade']) .md-accordion-item__content-inner{transform:none}:host-context(md-accordion[transition='collapse']){--_expand-easing:cubic-bezier(0, 0, 0.2, 1);--_collapse-easing:cubic-bezier(0.4, 0, 1, 1);--_spring-easing:cubic-bezier(0, 0, 0.2, 1);--_state-easing:cubic-bezier(0.4, 0, 0.2, 1);--_spring-duration:var(--md-sys-motion-duration-medium2, 300ms);--_expand-duration:var(--md-accordion-item-expand-duration, var(--md-sys-motion-duration-medium2, 300ms));--_collapse-duration:var(--md-accordion-item-collapse-duration, var(--md-sys-motion-duration-medium2, 300ms))}:host-context(md-accordion[transition='collapse']) .md-accordion-item__panel,:host-context(md-accordion[transition='collapse'].md-accordion-item--expanded) .md-accordion-item__panel{opacity:1}:host-context(md-accordion[transition='collapse']) .md-accordion-item__content-inner{transform:none}:host-context(md-accordion[transition='none']),:host-context(md-accordion[transition='none']) *,:host-context(md-accordion[transition='none']) *::before,:host-context(md-accordion[transition='none']) *::after{transition:none !important;animation-duration:0.001ms !important;animation-iteration-count:1 !important}@media (prefers-reduced-motion: reduce){:host,.md-accordion-item__header,.md-accordion-item__state-layer,.md-accordion-item__leading,.md-accordion-item__icon,.md-accordion-item__trailing,.md-accordion-item__panel,.md-accordion-item__content{transition-duration:0.01ms !important;animation:none !important}:host(.md-accordion-item--expanded) .md-accordion-item__leading{transform:none}}@media (forced-colors: active){:host{border:1px solid CanvasText}.md-accordion-item__header:focus-visible{outline-color:Highlight}.md-accordion-item__state-layer{display:none}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;let d=0;const t=()=>`md-acc-item-${++d}`;const s=class{constructor(i){a(this,i);this.mdItemToggle=e(this,"mdItemToggle",7);this.mdItemRequestFocus=e(this,"mdItemRequestFocus",7);this.mdItemRequestReorder=e(this,"mdItemRequestReorder",7);this.headline="";this.supportingText="";this.icon="";this.expanded=false;this.disabled=false;this.headingLevel=3;this.collapsible=true;this.regionRole="region";this.contentMaxHeight="";this.density=0;this.hasSlottedHeadline=false;this.hasSlottedTrailingIcon=false;this.hasSlottedLeadingIcon=false;this.contentId=t();this.headerId=`${this.contentId}-header`;this.handleHeaderClick=()=>{if(this.toggleBlocked())return;this.expanded=!this.expanded};this.handleHeaderKeyDown=a=>{if(this.disabled)return;if(a.altKey&&(a.key==="ArrowUp"||a.key==="ArrowDown")){a.preventDefault();this.mdItemRequestReorder.emit({direction:a.key==="ArrowUp"?"up":"down",from:this.index});return}switch(a.key){case"Enter":case" ":a.preventDefault();if(this.toggleBlocked())return;this.expanded=!this.expanded;break;case"ArrowDown":a.preventDefault();this.mdItemRequestFocus.emit({direction:"next",from:this.index});break;case"ArrowUp":a.preventDefault();this.mdItemRequestFocus.emit({direction:"prev",from:this.index});break;case"Home":a.preventDefault();this.mdItemRequestFocus.emit({direction:"first",from:this.index});break;case"End":a.preventDefault();this.mdItemRequestFocus.emit({direction:"last",from:this.index});break}};this.handleDragHandleClick=a=>{a.stopPropagation()};this.handleDragHandleKeyDown=a=>{a.stopPropagation()}}get index(){const a=this.el.getAttribute("data-index");return a==null?-1:Number(a)}componentWillLoad(){this.hasSlottedHeadline=this.hasDirectSlottedChild("headline");this.hasSlottedLeadingIcon=this.hasDirectSlottedChild("leading-icon");this.hasSlottedTrailingIcon=this.hasDirectSlottedChild("trailing-icon")}componentDidLoad(){this.bindSlotListener("headline",(a=>this.hasSlottedHeadline=a));this.bindSlotListener("leading-icon",(a=>this.hasSlottedLeadingIcon=a));this.bindSlotListener("trailing-icon",(a=>this.hasSlottedTrailingIcon=a))}hasDirectSlottedChild(a){const e=this.el.children;for(let i=0;i<e.length;i+=1){if(e[i].getAttribute("slot")===a)return true}return false}bindSlotListener(a,e){const i=this.el.shadowRoot?.querySelector(`slot[name="${a}"]`);if(!i)return;i.addEventListener("slotchange",(()=>{e(i.assignedElements().length>0)}))}onExpandedChange(a){this.mdItemToggle.emit({expanded:a,index:this.index})}async toggle(){if(this.disabled)return;this.expanded=!this.expanded}async focusHeader(){this.headerEl?.focus({focusVisible:true})}get ariaDisabledHeader(){return this.disabled||this.expanded&&!this.collapsible}toggleBlocked(){if(this.disabled)return true;if(this.expanded&&!this.collapsible)return true;return false}render(){const a=!!this.icon||this.hasSlottedLeadingIcon;const e=Math.min(6,Math.max(1,this.headingLevel|0));const n=`h${e}`;const r=this.contentMaxHeight.trim().length>0;return i(o,{key:"7e0d130275287d00316cc915664a9a3c2bc6af29",class:{"md-accordion-item":true,"md-accordion-item--expanded":this.expanded,"md-accordion-item--disabled":this.disabled}},i("span",{key:"f68872307e464bf1014abd1095c7bb6225325e4c",class:"md-accordion-item__chassis-handle",part:"chassis-handle","data-accordion-chassis-drag":"true",role:"presentation","aria-hidden":"true",onClick:this.handleDragHandleClick,onKeyDown:this.handleDragHandleKeyDown},i("span",{key:"80f529008e9c2dd85b7cfa46cbdfc69c105cab42",class:"md-accordion-item__chassis-handle-bar",part:"chassis-handle-bar"})),i(n,{key:"9fd3ff2d9e1a16461fc0db764146401a220c3f64",class:"md-accordion-item__heading",part:"heading"},i("button",{key:"56b3b1a088d0bad367ee9167ea6d6a306b59dc6e",id:this.headerId,class:"md-accordion-item__header",part:"header",type:"button","aria-expanded":String(this.expanded),"aria-controls":this.contentId,"aria-disabled":this.ariaDisabledHeader?"true":undefined,disabled:this.disabled,onClick:this.handleHeaderClick,onKeyDown:this.handleHeaderKeyDown,ref:a=>this.headerEl=a},i("md-ripple",{key:"97f20418eaddc07501a8651182be141c4f20badf",disabled:this.disabled}),i("span",{key:"1bcb8aa3fa536774651a0a8b65f06d1a93f3f46f",class:"md-accordion-item__state-layer",part:"state-layer","aria-hidden":"true"}),i("span",{key:"325ca53f39efab3af2b06acbb386f311c89ea86c",class:"md-accordion-item__drag-handle",part:"drag-handle","data-accordion-drag-handle":"true","aria-hidden":"true",onClick:this.handleDragHandleClick,onKeyDown:this.handleDragHandleKeyDown},i("span",{key:"adf26283784849a9c2de5b59c0445ca802641cb5",class:"material-symbols-outlined md-accordion-item__drag-handle-icon"},"drag_indicator")),a&&i("span",{key:"f4fe7d16b3040d02a154a3426186610505a9cf60",class:"md-accordion-item__leading",part:"leading-icon","aria-hidden":"true"},i("slot",{key:"3cc1f0838a2ba7e0d949aa71803fec6b8d75e4df",name:"leading-icon"},this.icon&&i("span",{key:"5f671046393a2e181234fd8ea8a1f97c710aa276",class:"material-symbols-outlined md-accordion-item__icon"},this.icon))),i("span",{key:"830e7cf3fd8f09ed0f8d0d16db19406912f6a147",class:"md-accordion-item__text"},i("span",{key:"a0fe23593d164997d1e12d6c2eae03bbb1e49827",class:"md-accordion-item__headline",part:"headline"},i("slot",{key:"6577f0f727032f3aceb863411aeb18e9e8fc364f",name:"headline"},this.headline)),(this.supportingText||this.hasSlottedHeadline)&&this.supportingText&&i("span",{key:"b92b3d81df310e18d1e55e602544401b7d8f41fb",class:"md-accordion-item__supporting",part:"supporting-text"},this.supportingText)),i("span",{key:"8c232a8ae8047865e72adbdd8170837106cb14e6",class:"md-accordion-item__trailing",part:"trailing-icon","aria-hidden":"true"},i("slot",{key:"be0a56b7f2e170b84a8854919c6f7e3d7d8d3f55",name:"trailing-icon"},i("svg",{key:"884836d66c65d1b044c0eec819151b7ae7def035",class:"md-accordion-item__chevron",viewBox:"0 0 24 24",width:"24",height:"24",fill:"currentColor","aria-hidden":"true"},i("path",{key:"a4efb141425c414c5b9d20b4e7188cd027d87ca7",d:"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z"})))))),i("div",{key:"a583ecf306d26550eed28ea577e4e53923d0802a",id:this.contentId,class:"md-accordion-item__panel",part:"panel",role:this.regionRole==="none"?undefined:this.regionRole,"aria-labelledby":this.headerId,"aria-hidden":this.expanded?"false":"true",inert:!this.expanded},i("div",{key:"a475f8b98e22c21a5bdc41ed2d898ab7b3df7eb7",class:"md-accordion-item__content",part:"content"},i("div",{key:"fba1a524a1afd9a7d92ad905324eeaefa1242288",class:{"md-accordion-item__content-inner":true,"md-accordion-item__content-inner--scroll":r},part:"content-inner",tabindex:r?"0":undefined,style:r?{maxBlockSize:this.contentMaxHeight}:undefined},i("slot",{key:"b65e04d26ebcd5cf67450d03211ee25100fa85da"})))))}get el(){return n(this)}static get watchers(){return{expanded:[{onExpandedChange:0}]}}};s.style=r();export{s as md_accordion_item};
2
+ //# sourceMappingURL=p-e357e8ac.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as t,c as i,h as s,H as e,g as n}from"./p-WmvQpZnM.js";import{g as r,c as h,r as l,s as o}from"./p-DWxN44zD.js";const a=()=>`:host{--_stepper-icon-size:var(--md-number-field-stepper-icon-size, max(14px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_stepper-color:var(--md-number-field-stepper-color, var(--md-sys-color-on-surface-variant, #49454f));--_inline-stepper-size:max(20px, calc(28px + var(--md-sys-density-scale, 0) * 2px));--_split-stepper-size:var(--md-number-field-split-stepper-size, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_field-box-height:max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px));display:inline-flex;flex-direction:column;inline-size:var(--md-number-field-width, 100%);min-inline-size:var(--md-number-field-min-width, 200px);box-sizing:border-box;vertical-align:bottom;position:relative}.md-number-field__field{display:block;inline-size:100%}:host(.md-number-field--inline){--md-text-field-padding-inline-end:var(--md-sys-spacing-inset-sm, 8px)}.md-number-field__stepper{--md-icon-button-icon-size:var(--_stepper-icon-size);--md-icon-button-icon-color:var(--_stepper-color);flex:none}.md-number-field__stepper--inline{--md-icon-button-container-width:var(--_inline-stepper-size);--md-icon-button-container-height:var(--_inline-stepper-size)}.md-number-field__stepper--inline+.md-number-field__stepper--inline{margin-inline-start:var(--md-sys-spacing-gap-xs, 4px)}:host(.md-number-field--split){flex-direction:row;align-items:flex-start;gap:var(--md-sys-spacing-gap-sm, 8px)}:host(.md-number-field--split) .md-number-field__field{flex:1 1 auto;inline-size:auto;min-inline-size:0}.md-number-field__stepper--split{--md-icon-button-container-width:var(--_split-stepper-size);--md-icon-button-container-height:var(--_split-stepper-size);margin-block-start:calc((var(--_field-box-height) - var(--_split-stepper-size)) / 2)}:host(.md-number-field--disabled){pointer-events:none}@media (forced-colors: active){.md-number-field__stepper{--md-icon-button-icon-color:ButtonText}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const u=400;const c=60;const d=/[\u061c\u200b\u200e\u200f\u202a-\u202e\u2066-\u2069]/g;const f=/[\s\u00a0\u2009\u202f]/;const m=/[\s\u00a0\u2009\u202f]/g;function p(t,i){const s=t||undefined;let e;try{e=new Intl.NumberFormat(s,i)}catch{e=new Intl.NumberFormat(s)}let n="";let r="";let h="-";let l="+";let o="";let a="";const u=new Intl.NumberFormat(s);for(const t of u.formatToParts(-12345678.9)){if(t.type==="group")n=t.value;else if(t.type==="decimal")r=t.value;else if(t.type==="minusSign")h=t.value}for(const t of e.formatToParts(-12345678.9)){switch(t.type){case"group":n=t.value;break;case"decimal":r=t.value;break;case"minusSign":h=t.value;break;case"plusSign":l=t.value;break;case"percentSign":o=t.value;break;case"currency":case"unit":case"literal":a+=t.value;break}}const c=new Map;const d=new Intl.NumberFormat(s,{useGrouping:false});for(let t=0;t<=9;t++){const i=d.format(t);if(i!==String(t))c.set(i,String(t))}let m=false;try{m=e.resolvedOptions().style==="percent"}catch{}const p=new Set;for(let t=0;t<=9;t++)p.add(String(t));for(const t of c.keys())p.add(t);for(const t of n+r+h+l+a)p.add(t);p.add("-");p.add("+");if(m){p.add("%");if(o)p.add(o)}if(f.test(n+a))p.add(" ");return{formatter:e,group:n,decimal:r,minus:h,plus:l,percent:o,symbolChars:a,digitMap:c,isPercent:m,allowed:p}}function b(t){if(!Number.isFinite(t))return t;const i=parseFloat(t.toPrecision(15));return Math.abs(i-t)<1e-10?i:t}const y=class{constructor(s){t(this,s);this.mdInput=i(this,"mdInput",7);this.mdChange=i(this,"mdChange",7);this.mdValidityChange=i(this,"mdValidityChange",5);if(s.$hostElement$["s-ei"]){this.internals=s.$hostElement$["s-ei"]}else{this.internals=s.$hostElement$.attachInternals();s.$hostElement$["s-ei"]=this.internals}this.variant="filled";this.label="";this.placeholder="";this.supportingText="";this.error=false;this.errorText="";this.disabled=false;this.readOnly=false;this.required=false;this.name="";this.density=0;this.value=null;this.locale="";this.step=1;this.smallStep=.1;this.largeStep=10;this.snapOnStep=false;this.allowOutOfRange=false;this.allowWheelScrub=false;this.steppers="inline";this.incrementLabel="Increment";this.decrementLabel="Decrement";this.valueMissingLabel="Please enter a number.";this.reserveSupportingSpace=false;this.inputValue="";this.focused=false;this.formDisabled=false;this.defaultValue=null;this.lastCommitted=null;this.internalWrite=false;this.customValidityMessage="";this.lastValidityKey=null;this.holdDir=1;this.heldAlt=false;this.heldShift=false;this.trackHoldModifiers=t=>{this.heldAlt=t.altKey;this.heldShift=t.shiftKey};this.holdTick=()=>{const t=this.holdDir;if(this.atBound(t)){this.endHold();return}const i=this.heldShift?this.largeStep:this.heldAlt?this.smallStep:this.stepAmount;this.doStep(t,i,this.heldAlt,t>0?"increment-press":"decrement-press")};this.endHold=()=>{clearTimeout(this.holdTimer);clearInterval(this.holdInterval);this.holdTimer=undefined;this.holdInterval=undefined;if(typeof window!=="undefined"){window.removeEventListener("pointerup",this.endHold);window.removeEventListener("pointercancel",this.endHold);window.removeEventListener("contextmenu",this.endHold);window.removeEventListener("keydown",this.trackHoldModifiers);window.removeEventListener("keyup",this.trackHoldModifiers)}};this.handleFieldInput=t=>{t.stopPropagation();const i=t.detail??"";if(i.trim()===""){this.inputValue=i;if(this.value!==null){this.internalWrite=true;this.value=null;this.internalWrite=false;this.mdInput.emit({value:null,formattedValue:i,reason:"input-clear"})}return}if(!this.hasOnlyAllowedChars(i)){this.revertFieldText();return}this.inputValue=i;const s=this.parseNumber(i);if(s!==null&&s!==this.value){this.internalWrite=true;this.value=s;this.internalWrite=false;this.mdInput.emit({value:s,formattedValue:i,reason:"input-change"})}};this.handleFieldChange=t=>{t.stopPropagation()};this.handleFieldKeyDown=t=>{if(this.isDisabled)return;if(t.isComposing||t.keyCode===229)return;switch(t.key){case"ArrowUp":case"ArrowDown":{t.preventDefault();if(this.readOnly)return;const i=t.key==="ArrowUp"?1:-1;const s=t.shiftKey?this.largeStep:t.altKey?this.smallStep:this.stepAmount;this.doStep(i,s,t.altKey,"keyboard");return}case"Home":if(this.minBound!=null&&!this.readOnly){t.preventDefault();this.setAndCommit(this.minBound,"keyboard")}return;case"End":if(this.maxBound!=null&&!this.readOnly){t.preventDefault();this.setAndCommit(this.maxBound,"keyboard")}return;case"Enter":this.commitTyped("input-blur");this.requestSubmit();return}if(t.ctrlKey||t.metaKey||t.altKey)return;if(t.key.length!==1)return;if(this.readOnly)return;if(!this.formatInfo.allowed.has(t.key))t.preventDefault()};this.handleFieldFocus=()=>{this.focused=true};this.handleFieldBlur=()=>{this.focused=false;this.commitTyped("input-blur")};this.handleWheel=t=>{if(!this.allowWheelScrub||this.isDisabled||this.readOnly||!this.focused)return;if(t.ctrlKey)return;t.preventDefault();const i=t.deltaY>0?-1:1;const s=t.shiftKey?this.largeStep:t.altKey?this.smallStep:this.stepAmount;this.doStep(i,s,t.altKey,"wheel")}}get isDisabled(){return this.disabled||this.formDisabled}get formatOptionsObject(){const t=this.formatOptions;if(t==null)return undefined;if(typeof t!=="string")return t;const i=t.trim();if(!i)return undefined;if(this.parsedOptionsKey!==i){this.parsedOptionsKey=i;try{const s=JSON.parse(i);const e=!!s&&typeof s==="object"&&!Array.isArray(s);this.parsedOptionsCache=e?s:undefined;if(!e&&typeof console!=="undefined"){console.warn("[md-number-field] `format-options` must be a JSON object:",t)}}catch{this.parsedOptionsCache=undefined;if(typeof console!=="undefined"){console.warn("[md-number-field] `format-options` attribute is not valid JSON:",t)}}}return this.parsedOptionsCache}get formatInfo(){let t="null";try{t=JSON.stringify(this.formatOptions??null)??"null"}catch{t="opaque"}const i=`${this.locale}|${t}`;if(!this.formatInfoCache||this.formatInfoKey!==i){this.formatInfoCache=p(this.locale,this.formatOptionsObject);this.formatInfoKey=i}return this.formatInfoCache}get stepAmount(){const t=Number(this.step);return Number.isFinite(t)&&t>0?t:1}get minBound(){const t=this.min==null?NaN:Number(this.min);return Number.isFinite(t)?t:null}get maxBound(){const t=this.max==null?NaN:Number(this.max);return Number.isFinite(t)?t:null}get resolvedInputMode(){const t=this.formatOptionsObject;const i=!Number.isInteger(this.stepAmount)||t!=null&&((t.maximumFractionDigits??0)>0||(t.minimumFractionDigits??0)>0||t.style==="currency"||t.style==="percent");const s=this.minBound;return s!=null&&s>=0&&!i?"numeric":"decimal"}async setFocus(){this.focusField()}async select(){await(this.fieldEl?.select?.())}async stepUp(t=1){this.doStep(1,this.stepAmount*Math.max(1,t),false,"none")}async stepDown(t=1){this.doStep(-1,this.stepAmount*Math.max(1,t),false,"none")}async getValidity(){return r(this.internals)}async checkValidity(){return h(this.internals)}async reportValidity(){return l(this.internals)}async setCustomValidity(t){this.customValidityMessage=t;this.updateValidity()}componentWillLoad(){this.normalizeValueProp();this.defaultValue=this.value;this.lastCommitted=this.value;this.inputValue=this.formatValue(this.value);this.syncFormValue()}componentDidLoad(){this.updateValidity();if(typeof window==="undefined")return;this.el.addEventListener("wheel",this.handleWheel,{passive:false})}disconnectedCallback(){if(typeof window!=="undefined"){this.el.removeEventListener("wheel",this.handleWheel)}this.endHold()}formResetCallback(){this.internalWrite=false;this.customValidityMessage="";this.value=this.defaultValue;this.inputValue=this.formatValue(this.value);this.lastCommitted=this.value;this.syncFormValue()}formDisabledCallback(t){queueMicrotask((()=>{this.formDisabled=t}))}formStateRestoreCallback(t){if(typeof t==="string"){const i=t===""?NaN:Number(t);this.value=Number.isFinite(i)?i:null}}onValueChange(){this.normalizeValueProp();this.syncFormValue();if(!this.internalWrite){this.lastCommitted=this.value;const t=this.formatValue(this.value);if(this.inputValue!==t)this.inputValue=t}}onFormatChange(){this.formatInfoKey=undefined;this.inputValue=this.formatValue(this.value)}updateValidity(){if(!this.internals?.setValidity)return;if(this.customValidityMessage){this.internals.setValidity({customError:true},this.customValidityMessage,this.fieldEl??this.el)}else if(this.required&&this.value===null){this.internals.setValidity({valueMissing:true},this.errorText||this.valueMissingLabel,this.fieldEl??this.el)}else{this.internals.setValidity({})}this.emitValidityChange()}normalizeValueProp(){const t=this.value;if(t===null)return;if(typeof t==="number"){if(!Number.isFinite(t))this.value=null;return}const i=t===""||t==null?NaN:Number(t);this.value=Number.isFinite(i)?i:null}syncFormValue(){o(this.internals,this.value===null?null:String(this.value));this.updateValidity()}emitValidityChange(){const t=r(this.internals);const i=`${t.valid}|${t.validationMessage}`;if(this.lastValidityKey===i)return;const s=this.lastValidityKey!==null;this.lastValidityKey=i;if(s)this.mdValidityChange.emit(t)}formatValue(t){if(t===null)return"";try{return this.formatInfo.formatter.format(t)}catch{return String(t)}}parseNumber(t){if(!t)return null;const i=this.formatInfo;let s=t.replace(d,"");if(i.digitMap.size>0){let t="";for(const e of s)t+=i.digitMap.get(e)??e;s=t}for(const t of new Set(i.symbolChars))s=s.split(t).join("");s=s.replace(m,"");if(i.percent)s=s.split(i.percent).join("");s=s.split("%").join("");if(i.group)s=s.split(i.group).join("");if(i.decimal&&i.decimal!==".")s=s.split(i.decimal).join(".");if(i.minus&&i.minus!=="-")s=s.split(i.minus).join("-");if(i.plus&&i.plus!=="+")s=s.split(i.plus).join("+");s=s.replace(/[\u2012\u2013\u2212]/g,"-");if(s===""||s==="-"||s==="+")return null;const e=Number(s);if(!Number.isFinite(e))return null;return i.isPercent?e/100:e}hasOnlyAllowedChars(t){const i=this.formatInfo;for(const s of t.replace(d,"")){if(i.allowed.has(s))continue;if(f.test(s))continue;return false}return true}clamp(t){const i=this.minBound;const s=this.maxBound;if(i!=null&&t<i)t=i;if(s!=null&&t>s)t=s;return t}snap(t,i,s,e){const n=this.minBound??0;const r=t-n;const h=i*1e-10;let l;if(e)l=Math.round(r/i);else if(s>0)l=Math.floor(r/i+h);else l=Math.ceil(r/i-h);return b(n+l*i)}atBound(t){if(this.value===null)return false;if(t>0)return this.maxBound!=null&&this.value>=this.maxBound;return this.minBound!=null&&this.value<=this.minBound}makeDetail(t){return{value:this.value,formattedValue:this.inputValue,reason:t}}doStep(t,i,s,e){if(!(Number.isFinite(i)&&i>0))i=this.stepAmount;const n=this.parseNumber(this.inputValue);const r=n??this.value??0;let h=r+t*i;if(this.snapOnStep)h=this.snap(h,i,t,s);h=b(this.clamp(h));const l=this.value;this.internalWrite=true;this.value=h;this.internalWrite=false;this.inputValue=this.formatValue(h);const o=this.makeDetail(e);if(h!==l)this.mdInput.emit(o);if(h!==this.lastCommitted){this.lastCommitted=h;this.mdChange.emit(o)}}setAndCommit(t,i){const s=b(this.clamp(t));const e=this.value;this.internalWrite=true;this.value=s;this.internalWrite=false;this.inputValue=this.formatValue(s);const n=this.makeDetail(i);if(s!==e)this.mdInput.emit(n);if(s!==this.lastCommitted){this.lastCommitted=s;this.mdChange.emit(n)}}commitTyped(t){const i=this.parseNumber(this.inputValue);let s=i;if(s!==null&&!this.allowOutOfRange)s=this.clamp(s);const e=this.value;this.internalWrite=true;this.value=s;this.internalWrite=false;this.inputValue=this.formatValue(s);const n=this.makeDetail(t);if(s!==e)this.mdInput.emit(n);if(s!==this.lastCommitted){this.lastCommitted=s;this.mdChange.emit(n)}}focusField(){const t=this.fieldEl;if(!t)return;if(typeof t.setFocus==="function")void t.setFocus();else t.focus?.()}revertFieldText(){const t=this.fieldEl;if(t&&t.value!==this.inputValue){t.value=this.inputValue}}requestSubmit(){try{const t=this.internals?.form;const i=t?.querySelector('button[type="submit"], input[type="submit"], button:not([type])');t?.requestSubmit(i instanceof HTMLButtonElement||i instanceof HTMLInputElement?i:undefined)}catch{}}beginHold(t,i){if(this.isDisabled||this.readOnly)return;if(i.pointerType!=="touch")this.focusField();this.endHold();this.holdDir=t;this.heldAlt=i.altKey===true;this.heldShift=i.shiftKey===true;this.holdTick();if(typeof window==="undefined")return;window.addEventListener("pointerup",this.endHold);window.addEventListener("pointercancel",this.endHold);window.addEventListener("contextmenu",this.endHold);window.addEventListener("keydown",this.trackHoldModifiers);window.addEventListener("keyup",this.trackHoldModifiers);this.holdTimer=setTimeout((()=>{this.holdInterval=setInterval(this.holdTick,c)}),u)}renderStepper(t){const i=this.steppers==="inline";const e=t==="increment"?1:-1;const n=this.isDisabled||this.readOnly||this.atBound(e);return s("md-icon-button",{key:t,class:{"md-number-field__stepper":true,[`md-number-field__stepper--${t}`]:true,"md-number-field__stepper--inline":i,"md-number-field__stepper--split":!i},slot:i?"trailing-icon":undefined,part:t,variant:i?"standard":"tonal",icon:t==="increment"?"add":"remove","aria-label":t==="increment"?this.incrementLabel:this.decrementLabel,disabled:n,groupTabindex:-1,onMouseDown:t=>t.preventDefault(),onPointerDown:t=>this.beginHold(e,t),onPointerLeave:this.endHold,onClick:t=>t.stopPropagation(),onMdClick:t=>t.stopPropagation()})}render(){const t=this.steppers==="split";return s(e,{key:"a05641b5d1a8483f8971ecdb3c2e3d2869d4cea3",class:{"md-number-field":true,[`md-number-field--${this.variant}`]:true,"md-number-field--disabled":this.isDisabled,"md-number-field--split":t,"md-number-field--inline":this.steppers==="inline"}},t&&this.renderStepper("decrement"),s("md-text-field",{key:"ccfc537634b5002a9d32f1b3fa753f6f5c69b2b7",ref:t=>this.fieldEl=t,class:"md-number-field__field",part:"field",variant:this.variant,label:this.label,placeholder:this.placeholder,value:this.inputValue,disabled:this.isDisabled,readOnly:this.readOnly,required:this.required,error:this.error,errorText:this.errorText,supportingText:this.supportingText,reserveSupportingSpace:this.reserveSupportingSpace,density:this.density,inputMode:this.resolvedInputMode,autocomplete:"off",spellcheck:false,onMdInput:this.handleFieldInput,onMdChange:this.handleFieldChange,onKeyDown:this.handleFieldKeyDown,onFocus:this.handleFieldFocus,onBlur:this.handleFieldBlur},this.steppers==="inline"&&[this.renderStepper("decrement"),this.renderStepper("increment")]),t&&this.renderStepper("increment"))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{value:[{onValueChange:0}],locale:[{onFormatChange:0}],formatOptions:[{onFormatChange:0}],required:[{updateValidity:0}],valueMissingLabel:[{updateValidity:0}]}}};y.style=a();export{y as md_number_field};
2
- //# sourceMappingURL=p-e6b09e71.entry.js.map
1
+ import{r as t,c as i,h as s,H as e,g as n}from"./p-WmvQpZnM.js";import{g as r,c as h,r as l,s as o}from"./p-DWxN44zD.js";const a=()=>`:host{--_stepper-icon-size:var(--md-number-field-stepper-icon-size, max(14px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_stepper-color:var(--md-number-field-stepper-color, var(--md-sys-color-on-surface-variant, #49454f));--_inline-stepper-size:max(20px, calc(28px + var(--md-sys-density-scale, 0) * 2px));--_split-stepper-size:var(--md-number-field-split-stepper-size, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_field-box-height:max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px));display:inline-flex;flex-direction:column;inline-size:var(--md-number-field-width, 100%);min-inline-size:var(--md-number-field-min-width, 200px);box-sizing:border-box;vertical-align:bottom;position:relative}.md-number-field__field{display:block;inline-size:100%}:host(.md-number-field--inline){--md-text-field-padding-inline-end:var(--md-sys-spacing-inset-sm, 8px)}.md-number-field__stepper{--md-icon-button-icon-size:var(--_stepper-icon-size);--md-icon-button-icon-color:var(--_stepper-color);flex:none}.md-number-field__stepper--inline{--md-icon-button-container-width:var(--_inline-stepper-size);--md-icon-button-container-height:var(--_inline-stepper-size)}.md-number-field__stepper--inline+.md-number-field__stepper--inline{margin-inline-start:var(--md-sys-spacing-gap-xs, 4px)}:host(.md-number-field--split){flex-direction:row;align-items:flex-start;gap:var(--md-sys-spacing-gap-sm, 8px)}:host(.md-number-field--split) .md-number-field__field{flex:1 1 auto;inline-size:auto;min-inline-size:0}.md-number-field__stepper--split{--md-icon-button-container-width:var(--_split-stepper-size);--md-icon-button-container-height:var(--_split-stepper-size);margin-block-start:calc((var(--_field-box-height) - var(--_split-stepper-size)) / 2)}:host(.md-number-field--disabled){pointer-events:none}@media (forced-colors: active){.md-number-field__stepper{--md-icon-button-icon-color:ButtonText}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const u=400;const c=60;const d=/[\u061c\u200b\u200e\u200f\u202a-\u202e\u2066-\u2069]/g;const f=/[\s\u00a0\u2009\u202f]/;const m=/[\s\u00a0\u2009\u202f]/g;function p(t,i){const s=t||undefined;let e;try{e=new Intl.NumberFormat(s,i)}catch{e=new Intl.NumberFormat(s)}let n="";let r="";let h="-";let l="+";let o="";let a="";const u=new Intl.NumberFormat(s);for(const t of u.formatToParts(-12345678.9)){if(t.type==="group")n=t.value;else if(t.type==="decimal")r=t.value;else if(t.type==="minusSign")h=t.value}for(const t of e.formatToParts(-12345678.9)){switch(t.type){case"group":n=t.value;break;case"decimal":r=t.value;break;case"minusSign":h=t.value;break;case"plusSign":l=t.value;break;case"percentSign":o=t.value;break;case"currency":case"unit":case"literal":a+=t.value;break}}const c=new Map;const d=new Intl.NumberFormat(s,{useGrouping:false});for(let t=0;t<=9;t++){const i=d.format(t);if(i!==String(t))c.set(i,String(t))}let m=false;try{m=e.resolvedOptions().style==="percent"}catch{}const p=new Set;for(let t=0;t<=9;t++)p.add(String(t));for(const t of c.keys())p.add(t);for(const t of n+r+h+l+a)p.add(t);p.add("-");p.add("+");if(m){p.add("%");if(o)p.add(o)}if(f.test(n+a))p.add(" ");return{formatter:e,group:n,decimal:r,minus:h,plus:l,percent:o,symbolChars:a,digitMap:c,isPercent:m,allowed:p}}function b(t){if(!Number.isFinite(t))return t;const i=parseFloat(t.toPrecision(15));return Math.abs(i-t)<1e-10?i:t}const y=class{constructor(s){t(this,s);this.mdInput=i(this,"mdInput",7);this.mdChange=i(this,"mdChange",7);this.mdValidityChange=i(this,"mdValidityChange",5);if(s.$hostElement$["s-ei"]){this.internals=s.$hostElement$["s-ei"]}else{this.internals=s.$hostElement$.attachInternals();s.$hostElement$["s-ei"]=this.internals}this.variant="filled";this.label="";this.placeholder="";this.supportingText="";this.error=false;this.errorText="";this.disabled=false;this.readOnly=false;this.required=false;this.name="";this.density=0;this.value=null;this.locale="";this.step=1;this.smallStep=.1;this.largeStep=10;this.snapOnStep=false;this.allowOutOfRange=false;this.allowWheelScrub=false;this.steppers="inline";this.incrementLabel="Increment";this.decrementLabel="Decrement";this.valueMissingLabel="Please enter a number.";this.reserveSupportingSpace=false;this.inputValue="";this.focused=false;this.formDisabled=false;this.defaultValue=null;this.lastCommitted=null;this.internalWrite=false;this.customValidityMessage="";this.lastValidityKey=null;this.holdDir=1;this.heldAlt=false;this.heldShift=false;this.trackHoldModifiers=t=>{this.heldAlt=t.altKey;this.heldShift=t.shiftKey};this.holdTick=()=>{const t=this.holdDir;if(this.atBound(t)){this.endHold();return}const i=this.heldShift?this.largeStep:this.heldAlt?this.smallStep:this.stepAmount;this.doStep(t,i,this.heldAlt,t>0?"increment-press":"decrement-press")};this.endHold=()=>{clearTimeout(this.holdTimer);clearInterval(this.holdInterval);this.holdTimer=undefined;this.holdInterval=undefined;if(typeof window!=="undefined"){window.removeEventListener("pointerup",this.endHold);window.removeEventListener("pointercancel",this.endHold);window.removeEventListener("contextmenu",this.endHold);window.removeEventListener("keydown",this.trackHoldModifiers);window.removeEventListener("keyup",this.trackHoldModifiers)}};this.handleFieldInput=t=>{t.stopPropagation();const i=t.detail??"";if(i.trim()===""){this.inputValue=i;if(this.value!==null){this.internalWrite=true;this.value=null;this.internalWrite=false;this.mdInput.emit({value:null,formattedValue:i,reason:"input-clear"})}return}if(!this.hasOnlyAllowedChars(i)){this.revertFieldText();return}this.inputValue=i;const s=this.parseNumber(i);if(s!==null&&s!==this.value){this.internalWrite=true;this.value=s;this.internalWrite=false;this.mdInput.emit({value:s,formattedValue:i,reason:"input-change"})}};this.handleFieldChange=t=>{t.stopPropagation()};this.handleFieldKeyDown=t=>{if(this.isDisabled)return;if(t.isComposing||t.keyCode===229)return;switch(t.key){case"ArrowUp":case"ArrowDown":{t.preventDefault();if(this.readOnly)return;const i=t.key==="ArrowUp"?1:-1;const s=t.shiftKey?this.largeStep:t.altKey?this.smallStep:this.stepAmount;this.doStep(i,s,t.altKey,"keyboard");return}case"Home":if(this.minBound!=null&&!this.readOnly){t.preventDefault();this.setAndCommit(this.minBound,"keyboard")}return;case"End":if(this.maxBound!=null&&!this.readOnly){t.preventDefault();this.setAndCommit(this.maxBound,"keyboard")}return;case"Enter":this.commitTyped("input-blur");this.requestSubmit();return}if(t.ctrlKey||t.metaKey||t.altKey)return;if(t.key.length!==1)return;if(this.readOnly)return;if(!this.formatInfo.allowed.has(t.key))t.preventDefault()};this.handleFieldFocus=()=>{this.focused=true};this.handleFieldBlur=()=>{this.focused=false;this.commitTyped("input-blur")};this.handleWheel=t=>{if(!this.allowWheelScrub||this.isDisabled||this.readOnly||!this.focused)return;if(t.ctrlKey)return;t.preventDefault();const i=t.deltaY>0?-1:1;const s=t.shiftKey?this.largeStep:t.altKey?this.smallStep:this.stepAmount;this.doStep(i,s,t.altKey,"wheel")}}get isDisabled(){return this.disabled||this.formDisabled}get formatOptionsObject(){const t=this.formatOptions;if(t==null)return undefined;if(typeof t!=="string")return t;const i=t.trim();if(!i)return undefined;if(this.parsedOptionsKey!==i){this.parsedOptionsKey=i;try{const s=JSON.parse(i);const e=!!s&&typeof s==="object"&&!Array.isArray(s);this.parsedOptionsCache=e?s:undefined;if(!e&&typeof console!=="undefined"){console.warn("[md-number-field] `format-options` must be a JSON object:",t)}}catch{this.parsedOptionsCache=undefined;if(typeof console!=="undefined"){console.warn("[md-number-field] `format-options` attribute is not valid JSON:",t)}}}return this.parsedOptionsCache}get formatInfo(){let t="null";try{t=JSON.stringify(this.formatOptions??null)??"null"}catch{t="opaque"}const i=`${this.locale}|${t}`;if(!this.formatInfoCache||this.formatInfoKey!==i){this.formatInfoCache=p(this.locale,this.formatOptionsObject);this.formatInfoKey=i}return this.formatInfoCache}get stepAmount(){const t=Number(this.step);return Number.isFinite(t)&&t>0?t:1}get minBound(){const t=this.min==null?NaN:Number(this.min);return Number.isFinite(t)?t:null}get maxBound(){const t=this.max==null?NaN:Number(this.max);return Number.isFinite(t)?t:null}get resolvedInputMode(){const t=this.formatOptionsObject;const i=!Number.isInteger(this.stepAmount)||t!=null&&((t.maximumFractionDigits??0)>0||(t.minimumFractionDigits??0)>0||t.style==="currency"||t.style==="percent");const s=this.minBound;return s!=null&&s>=0&&!i?"numeric":"decimal"}async setFocus(){this.focusField()}async select(){await(this.fieldEl?.select?.())}async stepUp(t=1){this.doStep(1,this.stepAmount*Math.max(1,t),false,"none")}async stepDown(t=1){this.doStep(-1,this.stepAmount*Math.max(1,t),false,"none")}async getValidity(){return r(this.internals)}async checkValidity(){return h(this.internals)}async reportValidity(){return l(this.internals)}async setCustomValidity(t){this.customValidityMessage=t;this.updateValidity()}componentWillLoad(){this.normalizeValueProp();this.defaultValue=this.value;this.lastCommitted=this.value;this.inputValue=this.formatValue(this.value);this.syncFormValue()}componentDidLoad(){this.updateValidity();if(typeof window==="undefined")return;this.el.addEventListener("wheel",this.handleWheel,{passive:false})}disconnectedCallback(){if(typeof window!=="undefined"){this.el.removeEventListener("wheel",this.handleWheel)}this.endHold()}formResetCallback(){this.internalWrite=false;this.customValidityMessage="";this.value=this.defaultValue;this.inputValue=this.formatValue(this.value);this.lastCommitted=this.value;this.syncFormValue()}formDisabledCallback(t){queueMicrotask((()=>{this.formDisabled=t}))}formStateRestoreCallback(t){if(typeof t==="string"){const i=t===""?NaN:Number(t);this.value=Number.isFinite(i)?i:null}}onValueChange(){this.normalizeValueProp();this.syncFormValue();if(!this.internalWrite){this.lastCommitted=this.value;const t=this.formatValue(this.value);if(this.inputValue!==t)this.inputValue=t}}onFormatChange(){this.formatInfoKey=undefined;this.inputValue=this.formatValue(this.value)}updateValidity(){if(!this.internals?.setValidity)return;if(this.customValidityMessage){this.internals.setValidity({customError:true},this.customValidityMessage,this.fieldEl??this.el)}else if(this.required&&this.value===null){this.internals.setValidity({valueMissing:true},this.errorText||this.valueMissingLabel,this.fieldEl??this.el)}else{this.internals.setValidity({})}this.emitValidityChange()}normalizeValueProp(){const t=this.value;if(t===null)return;if(typeof t==="number"){if(!Number.isFinite(t))this.value=null;return}const i=t===""||t==null?NaN:Number(t);this.value=Number.isFinite(i)?i:null}syncFormValue(){o(this.internals,this.value===null?null:String(this.value));this.updateValidity()}emitValidityChange(){const t=r(this.internals);const i=`${t.valid}|${t.validationMessage}`;if(this.lastValidityKey===i)return;const s=this.lastValidityKey!==null;this.lastValidityKey=i;if(s)this.mdValidityChange.emit(t)}formatValue(t){if(t===null)return"";try{return this.formatInfo.formatter.format(t)}catch{return String(t)}}parseNumber(t){if(!t)return null;const i=this.formatInfo;let s=t.replace(d,"");if(i.digitMap.size>0){let t="";for(const e of s)t+=i.digitMap.get(e)??e;s=t}for(const t of new Set(i.symbolChars))s=s.split(t).join("");s=s.replace(m,"");if(i.percent)s=s.split(i.percent).join("");s=s.split("%").join("");if(i.group)s=s.split(i.group).join("");if(i.decimal&&i.decimal!==".")s=s.split(i.decimal).join(".");if(i.minus&&i.minus!=="-")s=s.split(i.minus).join("-");if(i.plus&&i.plus!=="+")s=s.split(i.plus).join("+");s=s.replace(/[\u2012\u2013\u2212]/g,"-");if(s===""||s==="-"||s==="+")return null;const e=Number(s);if(!Number.isFinite(e))return null;return i.isPercent?e/100:e}hasOnlyAllowedChars(t){const i=this.formatInfo;for(const s of t.replace(d,"")){if(i.allowed.has(s))continue;if(f.test(s))continue;return false}return true}clamp(t){const i=this.minBound;const s=this.maxBound;if(i!=null&&t<i)t=i;if(s!=null&&t>s)t=s;return t}snap(t,i,s,e){const n=this.minBound??0;const r=t-n;const h=i*1e-10;let l;if(e)l=Math.round(r/i);else if(s>0)l=Math.floor(r/i+h);else l=Math.ceil(r/i-h);return b(n+l*i)}atBound(t){if(this.value===null)return false;if(t>0)return this.maxBound!=null&&this.value>=this.maxBound;return this.minBound!=null&&this.value<=this.minBound}makeDetail(t){return{value:this.value,formattedValue:this.inputValue,reason:t}}doStep(t,i,s,e){if(!(Number.isFinite(i)&&i>0))i=this.stepAmount;const n=this.parseNumber(this.inputValue);const r=n??this.value??0;let h=r+t*i;if(this.snapOnStep)h=this.snap(h,i,t,s);h=b(this.clamp(h));const l=this.value;this.internalWrite=true;this.value=h;this.internalWrite=false;this.inputValue=this.formatValue(h);const o=this.makeDetail(e);if(h!==l)this.mdInput.emit(o);if(h!==this.lastCommitted){this.lastCommitted=h;this.mdChange.emit(o)}}setAndCommit(t,i){const s=b(this.clamp(t));const e=this.value;this.internalWrite=true;this.value=s;this.internalWrite=false;this.inputValue=this.formatValue(s);const n=this.makeDetail(i);if(s!==e)this.mdInput.emit(n);if(s!==this.lastCommitted){this.lastCommitted=s;this.mdChange.emit(n)}}commitTyped(t){const i=this.parseNumber(this.inputValue);let s=i;if(s!==null&&!this.allowOutOfRange)s=this.clamp(s);const e=this.value;this.internalWrite=true;this.value=s;this.internalWrite=false;this.inputValue=this.formatValue(s);const n=this.makeDetail(t);if(s!==e)this.mdInput.emit(n);if(s!==this.lastCommitted){this.lastCommitted=s;this.mdChange.emit(n)}}focusField(){const t=this.fieldEl;if(!t)return;if(typeof t.setFocus==="function")void t.setFocus();else t.focus?.()}revertFieldText(){const t=this.fieldEl;if(t&&t.value!==this.inputValue){t.value=this.inputValue}}requestSubmit(){try{const t=this.internals?.form;const i=t?.querySelector('button[type="submit"], input[type="submit"], button:not([type])');t?.requestSubmit(i instanceof HTMLButtonElement||i instanceof HTMLInputElement?i:undefined)}catch{}}beginHold(t,i){if(this.isDisabled||this.readOnly)return;if(i.pointerType!=="touch")this.focusField();this.endHold();this.holdDir=t;this.heldAlt=i.altKey===true;this.heldShift=i.shiftKey===true;this.holdTick();if(typeof window==="undefined")return;window.addEventListener("pointerup",this.endHold);window.addEventListener("pointercancel",this.endHold);window.addEventListener("contextmenu",this.endHold);window.addEventListener("keydown",this.trackHoldModifiers);window.addEventListener("keyup",this.trackHoldModifiers);this.holdTimer=setTimeout((()=>{this.holdInterval=setInterval(this.holdTick,c)}),u)}renderStepper(t){const i=this.steppers==="inline";const e=t==="increment"?1:-1;const n=this.isDisabled||this.readOnly||this.atBound(e);return s("md-icon-button",{key:t,class:{"md-number-field__stepper":true,[`md-number-field__stepper--${t}`]:true,"md-number-field__stepper--inline":i,"md-number-field__stepper--split":!i},slot:i?"trailing-icon":undefined,part:t,variant:i?"standard":"tonal",icon:t==="increment"?"add":"remove","aria-label":t==="increment"?this.incrementLabel:this.decrementLabel,disabled:n,groupTabindex:-1,onMouseDown:t=>t.preventDefault(),onPointerDown:t=>this.beginHold(e,t),onPointerLeave:this.endHold,onClick:t=>t.stopPropagation(),onMdClick:t=>t.stopPropagation()})}render(){const t=this.steppers==="split";return s(e,{key:"a5c75305c0b69a09e59c749fc8b9d2ff64089190",class:{"md-number-field":true,[`md-number-field--${this.variant}`]:true,"md-number-field--disabled":this.isDisabled,"md-number-field--split":t,"md-number-field--inline":this.steppers==="inline"}},t&&this.renderStepper("decrement"),s("md-text-field",{key:"0a6e19edf3250e05e6beb067bfbe1bb90fce9dc4",ref:t=>this.fieldEl=t,class:"md-number-field__field",part:"field",variant:this.variant,label:this.label,placeholder:this.placeholder,value:this.inputValue,disabled:this.isDisabled,readOnly:this.readOnly,required:this.required,error:this.error,errorText:this.errorText,supportingText:this.supportingText,reserveSupportingSpace:this.reserveSupportingSpace,density:this.density,inputMode:this.resolvedInputMode,autocomplete:"off",spellcheck:false,onMdInput:this.handleFieldInput,onMdChange:this.handleFieldChange,onKeyDown:this.handleFieldKeyDown,onFocus:this.handleFieldFocus,onBlur:this.handleFieldBlur},this.steppers==="inline"&&[this.renderStepper("decrement"),this.renderStepper("increment")]),t&&this.renderStepper("increment"))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{value:[{onValueChange:0}],locale:[{onFormatChange:0}],formatOptions:[{onFormatChange:0}],required:[{updateValidity:0}],valueMissingLabel:[{updateValidity:0}]}}};y.style=a();export{y as md_number_field};
2
+ //# sourceMappingURL=p-e5c6795e.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as t,c as s,h as e,H as i,g as a}from"./p-WmvQpZnM.js";import{B as r}from"./p-Bx6--dQF.js";import{d as o,a as n,b as h,p as c}from"./p-DvOKnoqK.js";import{n as d,b as l,a as m}from"./p-C_ogF68H.js";import"./p-DzPKu-Ma.js";const b=()=>`:host{--_block-size:var(--md-bar-chart-block-size, auto);--_min-block-size:var(--md-bar-chart-min-block-size, max(120px, calc(160px + var(--md-sys-density-scale, 0) * 8px)));--_aspect-ratio:var(--md-bar-chart-aspect-ratio, 16 / 9);--_background:var(--md-bar-chart-background, var(--md-sys-color-surface-container-low, #F7F2FA));--_padding:var(--md-bar-chart-padding, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_shape:var(--md-bar-chart-shape, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_empty-color:var(--md-bar-chart-empty-color, var(--md-sys-color-on-surface-variant, #49454F));--_empty-background:var(--md-bar-chart-empty-background, var(--_background));--_empty-font:var(--md-bar-chart-empty-font, var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif));--_empty-font-size:var(--md-bar-chart-empty-font-size, var(--md-sys-typescale-body-medium-font-size, 14px));--_empty-icon-size:var(--md-bar-chart-empty-icon-size, 40px);--_zoom-size:var(--md-bar-chart-zoom-size, 28px);--_zoom-track-color:var(--md-bar-chart-zoom-track-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_zoom-window-color:var(--md-bar-chart-zoom-window-color, var(--md-sys-color-secondary-container, #E8DEF8));--_zoom-handle-color:var(--md-bar-chart-zoom-handle-color, var(--md-sys-color-primary, #6750A4));--_zoom-band-color:var(--md-bar-chart-zoom-band-color, color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 16%, transparent));--_zoom-pan-inset:10px;display:block;position:relative;inline-size:100%;block-size:var(--_block-size);min-block-size:var(--_min-block-size);background:var(--_background);padding:var(--_padding);border-radius:var(--_shape);box-sizing:border-box;aspect-ratio:var(--_aspect-ratio)}.md-bar-chart__header,.md-bar-chart__footer{display:contents}.md-bar-chart__header>slot[name='header']::slotted(*),.md-bar-chart__footer>slot[name='footer']::slotted(*){display:block;margin-block:8px}.md-bar-chart__canvas{position:absolute;inset:var(--_padding);min-block-size:0;min-inline-size:0}:host(.md-bar-chart--zoom-slider) .md-bar-chart__canvas{bottom:calc(var(--_padding) + var(--_zoom-size))}:host(.md-bar-chart--zoom-drag) .md-bar-chart__canvas{cursor:ew-resize}.md-bar-chart__zoom{position:absolute;inset-inline:var(--_padding);bottom:var(--_padding);block-size:var(--_zoom-size);display:flex;align-items:center}.md-bar-chart__zoom-slider{--md-slider-active-color:var(--_zoom-window-color);--md-slider-inactive-color:var(--_zoom-track-color);--md-slider-thumb-color:var(--_zoom-handle-color);--md-slider-thumb-height:var(--_zoom-size);--md-slider-track-height:12px}.md-bar-chart__zoom-pan{position:absolute;inset-block:0;z-index:1;cursor:grab;touch-action:none}.md-bar-chart__zoom-pan:active{cursor:grabbing}.md-bar-chart__zoom-band{position:absolute;background:var(--_zoom-band-color);border-inline:1px solid var(--_zoom-handle-color);pointer-events:none}.md-bar-chart__empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);pointer-events:none;text-align:center}.md-bar-chart__loading{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);text-align:center}.md-bar-chart__spinner{inline-size:var(--_empty-icon-size);block-size:var(--_empty-icon-size)}.md-bar-chart__empty ::slotted(.material-symbols-outlined),.md-bar-chart__empty ::slotted(.material-symbols-rounded),.md-bar-chart__empty ::slotted(.material-symbols-sharp),.md-bar-chart__empty ::slotted(.material-icons){font-size:var(--_empty-icon-size) !important;line-height:1;opacity:0.55}.md-bar-chart__a11y-table{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){:host{forced-color-adjust:auto}}.md-bar-chart__live{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[part='legend'] button:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:2px;border-radius:6px}.md-bar-chart__canvas:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px;border-radius:4px}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const p=class{constructor(e){t(this,e);this.mdBarClick=s(this,"mdBarClick",7);this.mdLegendClick=s(this,"mdLegendClick",7);this.mdHover=s(this,"mdHover",7);this.mdReady=s(this,"mdReady",7);this.mdZoom=s(this,"mdZoom",7);this.label="";this.titleAlign="start";this.series=[];this.layout="vertical";this.stack="none";this.categoryGap="30%";this.barGap="20%";this.cornerRadius=6;this.legend="top-end";this.tooltip="axis";this.zoom="none";this.locale="";this.noAnimation=false;this.animation="expressive";this.showLabels=false;this.showTotals=false;this.chevron=false;this.polar=false;this.axisTicks=false;this.clickable=false;this.labelZoomStart="Zoom range start";this.labelZoomEnd="Zoom range end";this.labelPlot="Chart data. Use the arrow keys to move between points, Home and End for the first and last, Escape to leave.";this.labelPoint="%x%: %values%";this.loading=false;this.loadingLabel="Loading chart…";this.density=0;this.mounted=false;this.kbIndex=-1;this.announcement="";this.zoomWin=null;this.dragBand=null;this.grab=null;this.engine=null;this.applyQueued=false;this.ro=null;this.legendHidden=new Map;this.bindChartHost=t=>{this.chartHost=t};this.bindA11yTableHost=t=>{this.a11yTableHost=t};this.onPlotPointerDown=t=>{if(!this.zoomInside||t.button!==0||this.grab)return;if(!this.insidePlot(t))return;const s=this.hostX(t);this.grab={id:t.pointerId,kind:"band",x:s,win:this.win()};this.dragBand={x1:s,x2:s};const e=t.composedPath?.()[0]??t.target;e.setPointerCapture?.(t.pointerId)};this.onPointerMove=t=>{const s=this.grab;if(!s||s.id!==t.pointerId)return;if(s.kind==="band"){const e=this.plotRect();if(!e)return;this.dragBand={x1:s.x,x2:Math.min(Math.max(this.hostX(t),e.x),e.x+e.width)};return}const e=this.trackFrac(t.clientX);const i=this.trackFrac(s.x);if(e==null||i==null)return;const a=Math.max(1,this.dataLength()-1);const r=s.win.end-s.win.start;const o=Math.round((e-i)*a);const n=Math.min(Math.max(0,s.win.start+o),a-r);this.applyZoom(n,n+r)};this.onPointerUp=t=>{const s=this.grab;if(!s||s.id!==t.pointerId)return;this.grab=null;const e=this.dragBand;this.dragBand=null;if(s.kind!=="band"||!e)return;if(Math.abs(e.x2-e.x1)<8)return;const[i,a]=[this.indexAtX(e.x1),this.indexAtX(e.x2)].sort(((t,s)=>t-s));if(a-i>=1)this.applyZoom(i,a)};this.onPlotDblClick=t=>{if(this.zoomInside&&this.zoomWin&&this.insidePlot(t))this.resetZoom()};this.onZoomPanDown=t=>{if(t.button!==0)return;t.stopPropagation();t.preventDefault();this.grab={id:t.pointerId,kind:"pan",x:t.clientX,win:this.win()};t.target.setPointerCapture?.(t.pointerId)};this.onZoomSliderInput=t=>{t.stopPropagation();const{valueStart:s,valueEnd:e}=t.detail??{};if(s==null||e==null)return;this.applyZoom(s,e)};this.onZoomSliderEvent=t=>t.stopPropagation();this.onPlotKeyDown=t=>{const s=this.engine?.getScene();const e=Math.max(0,(s?.xPositions.length??0)-1);if(!s||e<0)return;const i=typeof getComputedStyle==="function"&&getComputedStyle(this.el).direction==="rtl";const a=i?"ArrowLeft":"ArrowRight";const r=i?"ArrowRight":"ArrowLeft";let o=this.kbIndex;switch(t.key){case a:o=this.kbIndex<0?0:Math.min(e,this.kbIndex+1);break;case r:o=this.kbIndex<0?e:Math.max(0,this.kbIndex-1);break;case"Home":o=0;break;case"End":o=e;break;case"Escape":if(this.kbIndex<0)return;o=-1;break;case"Enter":case" ":case"Spacebar":if(this.kbIndex<0)return;t.preventDefault();this.emitBarClickForCategory(this.kbIndex,t);return;default:return}t.preventDefault();this.moveKeyboardCursor(o)};this.onPlotBlur=()=>{if(this.kbIndex>=0)this.moveKeyboardCursor(-1)}}seriesKeys(){const t=new Map;return this.series.map(((s,e)=>{const i=s.id!=null?`id:${s.id}`:s.label!=null?`label:${s.label}`:`pos:${e}`;const a=t.get(i)??0;t.set(i,a+1);return a===0?i:`${i}#${a}`}))}rememberLegendToggle(t,s){const e=this.seriesKeys()[t];if(e==null)return;this.legendHidden.set(e,s);if(this.legendHidden.size>256){const t=this.legendHidden.keys().next().value;this.legendHidden.delete(t)}}componentDidLoad(){this.initChart();if(typeof window!=="undefined"&&window.matchMedia){this.themeMql=window.matchMedia("(prefers-color-scheme: dark)");this.themeListener=()=>this.applyEngine();this.themeMql.addEventListener?.("change",this.themeListener)}}disconnectedCallback(){this.ro?.disconnect();this.ro=null;this.engine?.dispose();this.engine=null;if(this.themeMql&&this.themeListener){this.themeMql.removeEventListener?.("change",this.themeListener);this.themeListener=undefined;this.themeMql=undefined}}onAnyPropChange(){if(this.applyQueued)return;this.applyQueued=true;queueMicrotask((()=>{this.applyQueued=false;this.applyEngine();this.rebuildA11yTable()}))}async resize(){this.engine?.resize()}onLoadingChange(t,s){if(s&&!t)this.engine?.replay()}async replay(){this.engine?.replay()}async drill(t,s="down"){this.engine?.drill(t,s)}async toDataURL(){return this.engine?.toDataURL("image/png")??""}async getInstance(){return this.engine}initChart(){this.makeEngine();this.applyEngine();this.rebuildA11yTable();this.mounted=true;this.mdReady.emit()}makeEngine(){if(!this.chartHost)return;this.ro?.disconnect();this.ro=null;this.engine?.dispose();try{this.engine=new r(this.chartHost)}catch{this.engine=null}if(this.engine&&typeof ResizeObserver!=="undefined"){this.ro=new ResizeObserver((()=>this.engine?.resize()));this.ro.observe(this.chartHost)}}parseRatio(t,s){if(typeof t==="number")return Number.isFinite(t)?t>1?t/100:t:s;const e=parseFloat(t);if(!Number.isFinite(e))return s;return t.trim().endsWith("%")||e>1?e/100:e}buildEngineTheme(t){return{background:t.background,textColor:t.textColor,textColorMuted:t.textColorMuted,axisLineColor:t.axisLineColor,gridLineColor:t.gridColor,surface:t.surface,fontFamily:t.fontFamily,labelSize:t.labelSize,titleSize:t.titleSize}}get zoomInside(){return!this.polar&&(this.zoom==="inside"||this.zoom==="both")}get zoomSliderOn(){return!this.polar&&(this.zoom==="slider"||this.zoom==="both")}dataLength(){const t=(this.series??[]).reduce(((t,s)=>Math.max(t,s?.data?.length??0)),0);return Math.max(t,this.xAxis?.data?.length??0)}winStart(){return this.zoomWin&&!this.polar?this.win().start:0}win(){const t=Math.max(0,this.dataLength()-1);const s=this.zoomWin;if(!s)return{start:0,end:t};const e=Math.min(Math.max(0,s.start),Math.max(0,t-1));return{start:e,end:Math.min(Math.max(e+1,s.end),t)}}applyZoom(t,s,e=false){const i=Math.max(0,this.dataLength()-1);const a=Math.min(Math.max(0,Math.round(t)),Math.max(0,i-1));const r=Math.min(Math.max(a+1,Math.round(s)),i);this.zoomWin=e?null:{start:a,end:r};this.applyEngine(true);this.rebuildA11yTable();this.mdZoom.emit({startIndex:e?0:a,endIndex:e?i:r,reset:e})}async setZoom(t,s){this.applyZoom(t,s)}async resetZoom(){this.applyZoom(0,0,true)}plotRect(){const t=this.engine?.getScene()?.plot;return t?{x:t.x,y:t.y,width:t.width,height:t.height}:null}canvasOffset(){const t=this.chartHost;if(!t)return{x:0,y:0};const s=this.el.getBoundingClientRect();const e=t.getBoundingClientRect();return{x:e.left-s.left,y:e.top-s.top}}zoomBandStyle(){const t=this.plotRect();if(!this.dragBand||!t)return undefined;const s=this.canvasOffset();const{x1:e,x2:i}=this.dragBand;return{left:`${s.x+Math.min(e,i)}px`,width:`${Math.abs(i-e)}px`,top:`${s.y+t.y}px`,height:`${t.height}px`}}hostX(t){return t.clientX-(this.chartHost??this.el).getBoundingClientRect().left}indexAtX(t){const s=this.engine?.getScene();const e=this.win();const i=s?.xPositions;if(!i?.length)return e.start;let a=0;let r=Infinity;i.forEach(((s,e)=>{const i=Math.abs(s-t);if(i<r){r=i;a=e}}));return e.start+a}insidePlot(t){const s=this.plotRect();if(!s)return false;const e=(this.chartHost??this.el).getBoundingClientRect();const i=t.clientX-e.left;const a=t.clientY-e.top;return i>=s.x&&i<=s.x+s.width&&a>=s.y&&a<=s.y+s.height}sliderTrackRect(){const t=this.el.shadowRoot?.querySelector(".md-bar-chart__zoom-slider");if(!t)return null;const s=t.getBoundingClientRect();if(!s.width)return null;return{left:s.left,width:s.width,rtl:getComputedStyle(this.el).direction==="rtl"}}trackFrac(t){const s=this.sliderTrackRect();if(!s)return null;const e=(t-s.left)/s.width;return Math.min(Math.max(s.rtl?1-e:e,0),1)}renderZoomSlider(){const t=Math.max(1,this.dataLength()-1);const s=this.win();const i=s=>s/t*100;const a=t=>String(this.xAxis?.data?.[t]??t);return e("div",{class:"md-bar-chart__zoom",part:"zoom"},e("md-slider",{class:"md-bar-chart__zoom-slider",part:"zoom-slider",exportparts:"track: zoom-track, track-active: zoom-window, thumb-knob: zoom-handle",range:true,controlled:true,min:0,max:t,step:1,valueStart:s.start,valueEnd:s.end,ariaLabelStart:this.labelZoomStart,ariaLabelEnd:this.labelZoomEnd,valueStartText:a(s.start),valueEndText:a(s.end),onMdInput:this.onZoomSliderInput,onMdChange:this.onZoomSliderEvent,onMdDragStart:this.onZoomSliderEvent,onMdDragEnd:this.onZoomSliderEvent,onMdFocus:this.onZoomSliderEvent,onMdBlur:this.onZoomSliderEvent}),e("div",{class:"md-bar-chart__zoom-pan",part:"zoom-pan",style:{insetInlineStart:`calc(${i(s.start)}% + var(--_zoom-pan-inset))`,inlineSize:`max(0px, calc(${i(s.end)-i(s.start)}% - 2 * var(--_zoom-pan-inset)))`},onPointerDown:this.onZoomPanDown}))}buildSpec(t){const s=this.stack==="percentage";const e=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const i=this.seriesKeys();const a=this.zoomWin&&!this.polar?this.win():null;const r=t=>t?a?t.slice(a.start,a.end+1):t.slice():undefined;const h=t=>{if(!t||!a)return t;const s={};for(const[e,i]of Object.entries(t)){const t=Number(e)-a.start;if(t>=0&&t<=a.end-a.start)s[t]=i}return s};return{series:this.series.map(((s,e)=>{let a;if(s.pointColors){const i={};for(const[a,r]of Object.entries(s.pointColors))i[Number(a)]=n(this.el,r,c(t.palette,e));a=h(i)}return{label:s.label??`Series ${e+1}`,color:n(this.el,s.color,c(t.palette,e)),data:r(s.data)??[],hidden:s.hidden??this.legendHidden.get(i[e])??false,stack:s.stack,axisIndex:s.yAxisIndex,overlay:s.overlay,widthRatio:s.widthRatio,pointWidths:h(s.pointWidths),range:r(s.range)?.map(d),pointColors:a}})),title:this.label||undefined,subtitle:this.subtitle||undefined,titleAlign:this.titleAlign,categories:r(this.xAxis?.data)??[],categoryFormatter:this.xAxis?.valueFormatter??o,categoryLabelRotation:this.xAxis?.labelRotation,categoryLabelsMirrored:this.xAxis?.mirrorLabels,valueAxis2:this.yAxis2?{min:this.yAxis2.min,max:this.yAxis2.max,label:this.yAxis2.label,formatter:this.yAxis2.valueFormatter?t=>String(this.yAxis2.valueFormatter(t)):undefined,hidden:this.yAxis2.hidden}:undefined,valueTickFormatter:this.yAxis?.valueFormatter?t=>String(this.yAxis.valueFormatter(t)):undefined,categoryLabel:this.xAxis?.label,categoryHidden:this.xAxis?.hidden,categoryHideTicks:this.xAxis?.hideTicks,categoryAxisLine:this.xAxis?.axisLine,categoryDash:this.xAxis?.dash,valueScale:this.yAxis?.scale??"value",valueBreaks:(this.layout==="horizontal"?this.xAxis:this.yAxis)?.breaks,valueMin:s?0:this.yAxis?.min,valueMax:s?100:this.yAxis?.max,valueFormatter:s?t=>`${Math.round(t)}%`:e,valueLabel:this.yAxis?.label,valueHidden:this.yAxis?.hidden,valueHideTicks:this.yAxis?.hideTicks,valueAxisLine:this.yAxis?.axisLine,valueDash:this.yAxis?.dash,valueGridDash:this.yAxis?.gridDash,stack:this.stack,horizontal:this.layout==="horizontal",categoryGapRatio:this.parseRatio(this.categoryGap,.3),barGapRatio:this.parseRatio(this.barGap,.2),barWidth:this.barWidth,cornerRadius:this.cornerRadius,showLabels:this.showLabels,showTotals:this.showTotals,chevron:this.chevron,polar:this.polar,polarHole:this.polarHole,polarSweep:this.polarSweep,legend:this.legend,axisTicks:this.axisTicks,animation:this.noAnimation?"none":this.animation,animationDuration:this.animationDuration}}applyEngine(t=false){if(!this.engine)return;const s=h(this.el);this.engine.setSpec(this.buildSpec(s),this.buildEngineTheme(s),{onHover:t=>{if(t<0)return;const s=t+this.winStart();this.mdHover.emit({dataIndex:s,axisValue:this.xAxis?.data?.[s],seriesIndices:this.visibleSeriesIndices()})},onLegendClick:t=>{this.rememberLegendToggle(t.seriesIndex,!!t.hidden);this.mdLegendClick.emit({seriesIndex:t.seriesIndex,seriesId:this.series[t.seriesIndex]?.id,selected:!t.hidden})},onPointClick:(t,s,e)=>{const i=this.series[t];if(!i)return;const a=s+this.winStart();this.mdBarClick.emit({seriesIndex:t,seriesId:i.id,dataIndex:a,value:i.data?.[a]??null,axisValue:this.xAxis?.data?.[a],nativeEvent:e,series:i})}},{animate:!t});this.engine.setHoverEnabled(this.tooltip!=="none");this.engine.setClickable(this.clickable);this.engine.setTooltip({render:this.tooltipRenderer,missingFormatter:this.valueFormatter})}visibleSeriesIndices(){const t=this.engine?.getScene()?.hoverPoints;if(t)return t.map((t=>t.seriesIndex));return this.series.map(((t,s)=>s)).filter((t=>!this.series[t].hidden))}rebuildA11yTable(){if(!this.a11yTableHost)return;this.a11yTableHost.innerHTML=l({title:this.label,xAxisLabel:this.xAxis?.label,xAxisData:this.xAxis?.data,xValueFormatter:this.xAxis?.valueFormatter??(t=>o(t,this.locale)),locale:this.locale,series:this.series,valueFormatter:this.valueFormatter})}emitBarClickForCategory(t,s){const e=this.visibleSeriesIndices()[0]??0;const i=this.series[e];if(!i)return;const a=t+this.winStart();this.mdBarClick.emit({seriesIndex:e,seriesId:i.id,dataIndex:a,value:i.data?.[a]??null,axisValue:this.xAxis?.data?.[a],nativeEvent:s,series:i})}moveKeyboardCursor(t){this.kbIndex=t;this.engine?.focusIndex(t);if(t<0){this.announcement="";return}const s=this.engine?.getScene();const e=s?.xLabels?.[t]??String(t+1);const i=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const a=(s?.hoverPoints??[]).map((s=>{const e=s.byIndex[t];return e?`${s.label} ${i(e.value)}`:null})).filter(Boolean).join(", ");this.announcement=this.labelPoint.replace("%x%",e).replace("%values%",a)}render(){const t=this.xAxis?.data??[];const s=m({title:this.label,chartType:"bar",seriesCount:this.series.length,xMin:t[0],xMax:t[t.length-1]});const a=this.series.length===0&&!this.loading;return e(i,{key:"e155582d9ff9e0d8cf87e7b05e8632a27b8a73c3",class:{"md-bar-chart":true,"md-bar-chart--empty":a,"md-bar-chart--loading":this.loading,"md-bar-chart--mounted":this.mounted,"md-bar-chart--zoom-slider":this.zoomSliderOn,"md-bar-chart--zoom-drag":this.zoomInside,[`md-bar-chart--${this.layout}`]:true},role:"figure","aria-label":s,"aria-busy":this.loading?"true":null,style:this.heightProp?{blockSize:this.heightProp}:undefined,onPointerDown:this.onPlotPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onPointerCancel:this.onPointerUp,onDblClick:this.onPlotDblClick},e("header",{key:"c3d8bb7c3ec9f82fa757d95a77f8ca7bf02f1bf9",class:"md-bar-chart__header",part:"header"},e("slot",{key:"c48b20369d3aceb5f5b3cfebeaec42bf745e5b36",name:"header"})),e("div",{key:"68a52073ff664265f87f427110dd4bb091ab274b",class:"md-bar-chart__canvas",part:"canvas",ref:t=>this.bindChartHost(t),tabindex:a?undefined:"0",role:a?undefined:"application","aria-label":a?undefined:this.labelPlot,onKeyDown:this.onPlotKeyDown,onBlur:this.onPlotBlur}),a&&e("div",{key:"2477f2824bba08ff626f5523b6d34c986dd86f56",class:"md-bar-chart__empty",part:"empty"},e("slot",{key:"11862b82c1baf5309abfa9ce67fa586df130c4a1",name:"empty"},"No data to display")),this.loading&&e("div",{key:"c9486cc7ceb63e39e86f8d041d35e2b8bb6b5876",class:"md-bar-chart__loading",part:"loading",role:"status"},e("slot",{key:"6984426167cc5e5393d8ca01754cd53c7ac170fb",name:"loader"},e("slot",{key:"71ee31df2d4a0359c130fe8f7a6c5a4656055290",name:"loading"},e("md-progress-indicator",{key:"1ee2036ed0dbc533b0bebd0f0d71c0c544d135cf",class:"md-bar-chart__spinner",variant:"circular",indeterminate:true,label:this.loadingLabel}),e("span",{key:"302bf82125dafd91375155a50fe082dd44d800a2",class:"md-bar-chart__loading-text"},this.loadingLabel)))),this.dragBand&&Math.abs(this.dragBand.x2-this.dragBand.x1)>1&&e("div",{key:"6893ef9fcd3e7e2d54d95f9850497de9c6188ffe",class:"md-bar-chart__zoom-band",part:"zoom-band",style:this.zoomBandStyle()}),this.zoomSliderOn&&this.renderZoomSlider(),e("footer",{key:"885e368d60144c82afdc6e2f1ed0066f3915e7c8",class:"md-bar-chart__footer",part:"footer"},e("slot",{key:"21e5f868257837f6371a55f2d56fbc76867af2da",name:"footer"})),e("div",{key:"dbc0fc3578b302a5fd1dbe08966c4000636099e6",class:"md-bar-chart__a11y-table",ref:t=>this.bindA11yTableHost(t)}),e("div",{key:"bfab9fd9c80b333b3770ceaa0fc7b4f6c1dccf93",class:"md-bar-chart__live",role:"status","aria-live":"polite","aria-atomic":"true"},this.announcement))}get el(){return a(this)}static get watchers(){return{series:[{onAnyPropChange:0}],xAxis:[{onAnyPropChange:0}],yAxis:[{onAnyPropChange:0}],yAxis2:[{onAnyPropChange:0}],layout:[{onAnyPropChange:0}],stack:[{onAnyPropChange:0}],categoryGap:[{onAnyPropChange:0}],barGap:[{onAnyPropChange:0}],barWidth:[{onAnyPropChange:0}],cornerRadius:[{onAnyPropChange:0}],legend:[{onAnyPropChange:0}],tooltip:[{onAnyPropChange:0}],zoom:[{onAnyPropChange:0}],label:[{onAnyPropChange:0}],subtitle:[{onAnyPropChange:0}],titleAlign:[{onAnyPropChange:0}],showLabels:[{onAnyPropChange:0}],showTotals:[{onAnyPropChange:0}],chevron:[{onAnyPropChange:0}],polar:[{onAnyPropChange:0}],polarHole:[{onAnyPropChange:0}],polarSweep:[{onAnyPropChange:0}],axisTicks:[{onAnyPropChange:0}],animation:[{onAnyPropChange:0}],animationDuration:[{onAnyPropChange:0}],tooltipRenderer:[{onAnyPropChange:0}],valueFormatter:[{onAnyPropChange:0}],locale:[{onAnyPropChange:0}],noAnimation:[{onAnyPropChange:0}],clickable:[{onAnyPropChange:0}],loading:[{onLoadingChange:0}]}}};p.style=b();export{p as md_bar_chart};
2
- //# sourceMappingURL=p-1e85b8a8.entry.js.map
1
+ import{r as t,c as e,h as s,H as i,g as a}from"./p-WmvQpZnM.js";import{B as r}from"./p-DGtztV3K.js";import{k as n,l as o,n as h,o as c}from"./p-CVFH1DkU.js";import{n as d,b as l,a as m}from"./p-nhfFYWzy.js";import"./p-CGqeEMjY.js";const p=()=>`:host{--_block-size:var(--md-bar-chart-block-size, auto);--_min-block-size:var(--md-bar-chart-min-block-size, max(120px, calc(160px + var(--md-sys-density-scale, 0) * 8px)));--_aspect-ratio:var(--md-bar-chart-aspect-ratio, 16 / 9);--_background:var(--md-bar-chart-background, var(--md-sys-color-surface-container-low, #F7F2FA));--_padding:var(--md-bar-chart-padding, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_shape:var(--md-bar-chart-shape, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_empty-color:var(--md-bar-chart-empty-color, var(--md-sys-color-on-surface-variant, #49454F));--_empty-background:var(--md-bar-chart-empty-background, var(--_background));--_empty-font:var(--md-bar-chart-empty-font, var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif));--_empty-font-size:var(--md-bar-chart-empty-font-size, var(--md-sys-typescale-body-medium-font-size, 14px));--_empty-icon-size:var(--md-bar-chart-empty-icon-size, 40px);--_zoom-size:var(--md-bar-chart-zoom-size, 28px);--_zoom-track-color:var(--md-bar-chart-zoom-track-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_zoom-window-color:var(--md-bar-chart-zoom-window-color, var(--md-sys-color-secondary-container, #E8DEF8));--_zoom-handle-color:var(--md-bar-chart-zoom-handle-color, var(--md-sys-color-primary, #6750A4));--_zoom-band-color:var(--md-bar-chart-zoom-band-color, color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 16%, transparent));--_zoom-pan-inset:10px;display:block;position:relative;inline-size:100%;block-size:var(--_block-size);min-block-size:var(--_min-block-size);background:var(--_background);padding:var(--_padding);border-radius:var(--_shape);box-sizing:border-box;aspect-ratio:var(--_aspect-ratio)}.md-bar-chart__header,.md-bar-chart__footer{display:contents}.md-bar-chart__header>slot[name='header']::slotted(*),.md-bar-chart__footer>slot[name='footer']::slotted(*){display:block;margin-block:8px}.md-bar-chart__canvas{position:absolute;inset:var(--_padding);min-block-size:0;min-inline-size:0}:host(.md-bar-chart--zoom-slider) .md-bar-chart__canvas{bottom:calc(var(--_padding) + var(--_zoom-size))}:host(.md-bar-chart--zoom-drag) .md-bar-chart__canvas{cursor:ew-resize}.md-bar-chart__zoom{position:absolute;inset-inline:var(--_padding);bottom:var(--_padding);block-size:var(--_zoom-size);display:flex;align-items:center}.md-bar-chart__zoom-slider{--md-slider-active-color:var(--_zoom-window-color);--md-slider-inactive-color:var(--_zoom-track-color);--md-slider-thumb-color:var(--_zoom-handle-color);--md-slider-thumb-height:var(--_zoom-size);--md-slider-track-height:12px}.md-bar-chart__zoom-pan{position:absolute;inset-block:0;z-index:1;cursor:grab;touch-action:none}.md-bar-chart__zoom-pan:active{cursor:grabbing}.md-bar-chart__zoom-band{position:absolute;background:var(--_zoom-band-color);border-inline:1px solid var(--_zoom-handle-color);pointer-events:none}.md-bar-chart__empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);pointer-events:none;text-align:center}.md-bar-chart__loading{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);text-align:center}.md-bar-chart__spinner{inline-size:var(--_empty-icon-size);block-size:var(--_empty-icon-size)}.md-bar-chart__empty ::slotted(.material-symbols-outlined),.md-bar-chart__empty ::slotted(.material-symbols-rounded),.md-bar-chart__empty ::slotted(.material-symbols-sharp),.md-bar-chart__empty ::slotted(.material-icons){font-size:var(--_empty-icon-size) !important;line-height:1;opacity:0.55}.md-bar-chart__a11y-table{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){:host{forced-color-adjust:auto}}.md-bar-chart__live{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[part='legend'] button:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:2px;border-radius:6px}.md-bar-chart__canvas:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px;border-radius:4px}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const b=class{constructor(s){t(this,s);this.mdBarClick=e(this,"mdBarClick",7);this.mdLegendClick=e(this,"mdLegendClick",7);this.mdHover=e(this,"mdHover",7);this.mdReady=e(this,"mdReady",7);this.mdZoom=e(this,"mdZoom",7);this.label="";this.titleAlign="start";this.series=[];this.layout="vertical";this.stack="none";this.categoryGap="30%";this.barGap="20%";this.cornerRadius=6;this.legend="top-end";this.tooltip="axis";this.zoom="none";this.locale="";this.noAnimation=false;this.animation="expressive";this.showLabels=false;this.showTotals=false;this.chevron=false;this.polar=false;this.axisTicks=false;this.clickable=false;this.labelZoomStart="Zoom range start";this.labelZoomEnd="Zoom range end";this.labelPlot="Chart data. Use the arrow keys to move between points, Home and End for the first and last, Escape to leave.";this.labelPoint="%x%: %values%";this.loading=false;this.loadingLabel="Loading chart…";this.density=0;this.mounted=false;this.kbIndex=-1;this.announcement="";this.zoomWin=null;this.dragBand=null;this.grab=null;this.engine=null;this.applyQueued=false;this.ro=null;this.legendHidden=new Map;this.bindChartHost=t=>{this.chartHost=t};this.bindA11yTableHost=t=>{this.a11yTableHost=t};this.onPlotPointerDown=t=>{if(!this.zoomInside||t.button!==0||this.grab)return;if(!this.insidePlot(t))return;const e=this.hostX(t);this.grab={id:t.pointerId,kind:"band",x:e,win:this.win()};this.dragBand={x1:e,x2:e};const s=t.composedPath?.()[0]??t.target;s.setPointerCapture?.(t.pointerId)};this.onPointerMove=t=>{const e=this.grab;if(!e||e.id!==t.pointerId)return;if(e.kind==="band"){const s=this.plotRect();if(!s)return;this.dragBand={x1:e.x,x2:Math.min(Math.max(this.hostX(t),s.x),s.x+s.width)};return}const s=this.trackFrac(t.clientX);const i=this.trackFrac(e.x);if(s==null||i==null)return;const a=Math.max(1,this.dataLength()-1);const r=e.win.end-e.win.start;const n=Math.round((s-i)*a);const o=Math.min(Math.max(0,e.win.start+n),a-r);this.applyZoom(o,o+r)};this.onPointerUp=t=>{const e=this.grab;if(!e||e.id!==t.pointerId)return;this.grab=null;const s=this.dragBand;this.dragBand=null;if(e.kind!=="band"||!s)return;if(Math.abs(s.x2-s.x1)<8)return;const[i,a]=[this.indexAtX(s.x1),this.indexAtX(s.x2)].sort(((t,e)=>t-e));if(a-i>=1)this.applyZoom(i,a)};this.onPlotDblClick=t=>{if(this.zoomInside&&this.zoomWin&&this.insidePlot(t))this.resetZoom()};this.onZoomPanDown=t=>{if(t.button!==0)return;t.stopPropagation();t.preventDefault();this.grab={id:t.pointerId,kind:"pan",x:t.clientX,win:this.win()};t.target.setPointerCapture?.(t.pointerId)};this.onZoomSliderInput=t=>{t.stopPropagation();const{valueStart:e,valueEnd:s}=t.detail??{};if(e==null||s==null)return;this.applyZoom(e,s)};this.onZoomSliderEvent=t=>t.stopPropagation();this.onPlotKeyDown=t=>{const e=this.engine?.getScene();const s=Math.max(0,(e?.xPositions.length??0)-1);if(!e||s<0)return;const i=typeof getComputedStyle==="function"&&getComputedStyle(this.el).direction==="rtl";const a=i?"ArrowLeft":"ArrowRight";const r=i?"ArrowRight":"ArrowLeft";let n=this.kbIndex;switch(t.key){case a:n=this.kbIndex<0?0:Math.min(s,this.kbIndex+1);break;case r:n=this.kbIndex<0?s:Math.max(0,this.kbIndex-1);break;case"Home":n=0;break;case"End":n=s;break;case"Escape":if(this.kbIndex<0)return;n=-1;break;case"Enter":case" ":case"Spacebar":if(this.kbIndex<0)return;t.preventDefault();this.emitBarClickForCategory(this.kbIndex,t);return;default:return}t.preventDefault();this.moveKeyboardCursor(n)};this.onPlotBlur=()=>{if(this.kbIndex>=0)this.moveKeyboardCursor(-1)}}seriesKeys(){const t=new Map;return this.series.map(((e,s)=>{const i=e.id!=null?`id:${e.id}`:e.label!=null?`label:${e.label}`:`pos:${s}`;const a=t.get(i)??0;t.set(i,a+1);return a===0?i:`${i}#${a}`}))}rememberLegendToggle(t,e){const s=this.seriesKeys()[t];if(s==null)return;this.legendHidden.set(s,e);if(this.legendHidden.size>256){const t=this.legendHidden.keys().next().value;this.legendHidden.delete(t)}}componentDidLoad(){this.initChart();if(typeof window!=="undefined"&&window.matchMedia){this.themeMql=window.matchMedia("(prefers-color-scheme: dark)");this.themeListener=()=>this.applyEngine();this.themeMql.addEventListener?.("change",this.themeListener)}}disconnectedCallback(){this.ro?.disconnect();this.ro=null;this.engine?.dispose();this.engine=null;if(this.themeMql&&this.themeListener){this.themeMql.removeEventListener?.("change",this.themeListener);this.themeListener=undefined;this.themeMql=undefined}}onAnyPropChange(){if(this.applyQueued)return;this.applyQueued=true;queueMicrotask((()=>{this.applyQueued=false;this.applyEngine();this.rebuildA11yTable()}))}async resize(){this.engine?.resize()}onLoadingChange(t,e){if(e&&!t)this.engine?.replay()}async replay(){this.engine?.replay()}async drill(t,e="down"){this.engine?.drill(t,e)}async toDataURL(){return this.engine?.toDataURL("image/png")??""}async getInstance(){return this.engine}initChart(){this.makeEngine();this.applyEngine();this.rebuildA11yTable();this.mounted=true;this.mdReady.emit()}makeEngine(){if(!this.chartHost)return;this.ro?.disconnect();this.ro=null;this.engine?.dispose();try{this.engine=new r(this.chartHost)}catch{this.engine=null}if(this.engine&&typeof ResizeObserver!=="undefined"){this.ro=new ResizeObserver((()=>this.engine?.resize()));this.ro.observe(this.chartHost)}}parseRatio(t,e){if(typeof t==="number")return Number.isFinite(t)?t>1?t/100:t:e;const s=parseFloat(t);if(!Number.isFinite(s))return e;return t.trim().endsWith("%")||s>1?s/100:s}buildEngineTheme(t){return{background:t.background,textColor:t.textColor,textColorMuted:t.textColorMuted,axisLineColor:t.axisLineColor,gridLineColor:t.gridColor,surface:t.surface,fontFamily:t.fontFamily,labelSize:t.labelSize,titleSize:t.titleSize}}get zoomInside(){return!this.polar&&(this.zoom==="inside"||this.zoom==="both")}get zoomSliderOn(){return!this.polar&&(this.zoom==="slider"||this.zoom==="both")}dataLength(){const t=(this.series??[]).reduce(((t,e)=>Math.max(t,e?.data?.length??0)),0);return Math.max(t,this.xAxis?.data?.length??0)}winStart(){return this.zoomWin&&!this.polar?this.win().start:0}win(){const t=Math.max(0,this.dataLength()-1);const e=this.zoomWin;if(!e)return{start:0,end:t};const s=Math.min(Math.max(0,e.start),Math.max(0,t-1));return{start:s,end:Math.min(Math.max(s+1,e.end),t)}}applyZoom(t,e,s=false){const i=Math.max(0,this.dataLength()-1);const a=Math.min(Math.max(0,Math.round(t)),Math.max(0,i-1));const r=Math.min(Math.max(a+1,Math.round(e)),i);this.zoomWin=s?null:{start:a,end:r};this.applyEngine(true);this.rebuildA11yTable();this.mdZoom.emit({startIndex:s?0:a,endIndex:s?i:r,reset:s})}async setZoom(t,e){this.applyZoom(t,e)}async resetZoom(){this.applyZoom(0,0,true)}plotRect(){const t=this.engine?.getScene()?.plot;return t?{x:t.x,y:t.y,width:t.width,height:t.height}:null}canvasOffset(){const t=this.chartHost;if(!t)return{x:0,y:0};const e=this.el.getBoundingClientRect();const s=t.getBoundingClientRect();return{x:s.left-e.left,y:s.top-e.top}}zoomBandStyle(){const t=this.plotRect();if(!this.dragBand||!t)return undefined;const e=this.canvasOffset();const{x1:s,x2:i}=this.dragBand;return{left:`${e.x+Math.min(s,i)}px`,width:`${Math.abs(i-s)}px`,top:`${e.y+t.y}px`,height:`${t.height}px`}}hostX(t){return t.clientX-(this.chartHost??this.el).getBoundingClientRect().left}indexAtX(t){const e=this.engine?.getScene();const s=this.win();const i=e?.xPositions;if(!i?.length)return s.start;let a=0;let r=Infinity;i.forEach(((e,s)=>{const i=Math.abs(e-t);if(i<r){r=i;a=s}}));return s.start+a}insidePlot(t){const e=this.plotRect();if(!e)return false;const s=(this.chartHost??this.el).getBoundingClientRect();const i=t.clientX-s.left;const a=t.clientY-s.top;return i>=e.x&&i<=e.x+e.width&&a>=e.y&&a<=e.y+e.height}sliderTrackRect(){const t=this.el.shadowRoot?.querySelector(".md-bar-chart__zoom-slider");if(!t)return null;const e=t.getBoundingClientRect();if(!e.width)return null;return{left:e.left,width:e.width,rtl:getComputedStyle(this.el).direction==="rtl"}}trackFrac(t){const e=this.sliderTrackRect();if(!e)return null;const s=(t-e.left)/e.width;return Math.min(Math.max(e.rtl?1-s:s,0),1)}renderZoomSlider(){const t=Math.max(1,this.dataLength()-1);const e=this.win();const i=e=>e/t*100;const a=t=>String(this.xAxis?.data?.[t]??t);return s("div",{class:"md-bar-chart__zoom",part:"zoom"},s("md-slider",{class:"md-bar-chart__zoom-slider",part:"zoom-slider",exportparts:"track: zoom-track, track-active: zoom-window, thumb-knob: zoom-handle",range:true,controlled:true,min:0,max:t,step:1,valueStart:e.start,valueEnd:e.end,ariaLabelStart:this.labelZoomStart,ariaLabelEnd:this.labelZoomEnd,valueStartText:a(e.start),valueEndText:a(e.end),onMdInput:this.onZoomSliderInput,onMdChange:this.onZoomSliderEvent,onMdDragStart:this.onZoomSliderEvent,onMdDragEnd:this.onZoomSliderEvent,onMdFocus:this.onZoomSliderEvent,onMdBlur:this.onZoomSliderEvent}),s("div",{class:"md-bar-chart__zoom-pan",part:"zoom-pan",style:{insetInlineStart:`calc(${i(e.start)}% + var(--_zoom-pan-inset))`,inlineSize:`max(0px, calc(${i(e.end)-i(e.start)}% - 2 * var(--_zoom-pan-inset)))`},onPointerDown:this.onZoomPanDown}))}buildSpec(t){const e=this.stack==="percentage";const s=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const i=this.seriesKeys();const a=this.zoomWin&&!this.polar?this.win():null;const r=t=>t?a?t.slice(a.start,a.end+1):t.slice():undefined;const h=t=>{if(!t||!a)return t;const e={};for(const[s,i]of Object.entries(t)){const t=Number(s)-a.start;if(t>=0&&t<=a.end-a.start)e[t]=i}return e};return{series:this.series.map(((e,s)=>{let a;if(e.pointColors){const i={};for(const[a,r]of Object.entries(e.pointColors))i[Number(a)]=o(this.el,r,c(t.palette,s));a=h(i)}return{label:e.label??`Series ${s+1}`,color:o(this.el,e.color,c(t.palette,s)),data:r(e.data)??[],hidden:e.hidden??this.legendHidden.get(i[s])??false,stack:e.stack,axisIndex:e.yAxisIndex,overlay:e.overlay,widthRatio:e.widthRatio,pointWidths:h(e.pointWidths),range:r(e.range)?.map(d),pointColors:a}})),title:this.label||undefined,subtitle:this.subtitle||undefined,titleAlign:this.titleAlign,categories:r(this.xAxis?.data)??[],categoryFormatter:this.xAxis?.valueFormatter??n,categoryLabelRotation:this.xAxis?.labelRotation,categoryLabelsMirrored:this.xAxis?.mirrorLabels,valueAxis2:this.yAxis2?{min:this.yAxis2.min,max:this.yAxis2.max,label:this.yAxis2.label,formatter:this.yAxis2.valueFormatter?t=>String(this.yAxis2.valueFormatter(t)):undefined,hidden:this.yAxis2.hidden}:undefined,valueTickFormatter:this.yAxis?.valueFormatter?t=>String(this.yAxis.valueFormatter(t)):undefined,categoryLabel:this.xAxis?.label,categoryHidden:this.xAxis?.hidden,categoryHideTicks:this.xAxis?.hideTicks,categoryAxisLine:this.xAxis?.axisLine,categoryDash:this.xAxis?.dash,valueScale:this.yAxis?.scale??"value",valueBreaks:(this.layout==="horizontal"?this.xAxis:this.yAxis)?.breaks,valueMin:e?0:this.yAxis?.min,valueMax:e?100:this.yAxis?.max,valueFormatter:e?t=>`${Math.round(t)}%`:s,valueLabel:this.yAxis?.label,valueHidden:this.yAxis?.hidden,valueHideTicks:this.yAxis?.hideTicks,valueAxisLine:this.yAxis?.axisLine,valueDash:this.yAxis?.dash,valueGridDash:this.yAxis?.gridDash,stack:this.stack,horizontal:this.layout==="horizontal",categoryGapRatio:this.parseRatio(this.categoryGap,.3),barGapRatio:this.parseRatio(this.barGap,.2),barWidth:this.barWidth,cornerRadius:this.cornerRadius,showLabels:this.showLabels,showTotals:this.showTotals,chevron:this.chevron,polar:this.polar,polarHole:this.polarHole,polarSweep:this.polarSweep,legend:this.legend,axisTicks:this.axisTicks,animation:this.noAnimation?"none":this.animation,animationDuration:this.animationDuration}}applyEngine(t=false){if(!this.engine)return;const e=h(this.el);this.engine.setSpec(this.buildSpec(e),this.buildEngineTheme(e),{onHover:t=>{if(t<0)return;const e=t+this.winStart();this.mdHover.emit({dataIndex:e,axisValue:this.xAxis?.data?.[e],seriesIndices:this.visibleSeriesIndices()})},onLegendClick:t=>{this.rememberLegendToggle(t.seriesIndex,!!t.hidden);this.mdLegendClick.emit({seriesIndex:t.seriesIndex,seriesId:this.series[t.seriesIndex]?.id,selected:!t.hidden})},onPointClick:(t,e,s)=>{const i=this.series[t];if(!i)return;const a=e+this.winStart();this.mdBarClick.emit({seriesIndex:t,seriesId:i.id,dataIndex:a,value:i.data?.[a]??null,axisValue:this.xAxis?.data?.[a],nativeEvent:s,series:i})}},{animate:!t});this.engine.setHoverEnabled(this.tooltip!=="none");this.engine.setClickable(this.clickable);this.engine.setTooltip({render:this.tooltipRenderer,missingFormatter:this.valueFormatter})}visibleSeriesIndices(){const t=this.engine?.getScene()?.hoverPoints;if(t)return t.map((t=>t.seriesIndex));return this.series.map(((t,e)=>e)).filter((t=>!this.series[t].hidden))}rebuildA11yTable(){if(!this.a11yTableHost)return;this.a11yTableHost.innerHTML=l({title:this.label,xAxisLabel:this.xAxis?.label,xAxisData:this.xAxis?.data,xValueFormatter:this.xAxis?.valueFormatter??(t=>n(t,this.locale)),locale:this.locale,series:this.series,valueFormatter:this.valueFormatter})}emitBarClickForCategory(t,e){const s=this.visibleSeriesIndices()[0]??0;const i=this.series[s];if(!i)return;const a=t+this.winStart();this.mdBarClick.emit({seriesIndex:s,seriesId:i.id,dataIndex:a,value:i.data?.[a]??null,axisValue:this.xAxis?.data?.[a],nativeEvent:e,series:i})}moveKeyboardCursor(t){this.kbIndex=t;this.engine?.focusIndex(t);if(t<0){this.announcement="";return}const e=this.engine?.getScene();const s=e?.xLabels?.[t]??String(t+1);const i=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const a=(e?.hoverPoints??[]).map((e=>{const s=e.byIndex[t];return s?`${e.label} ${i(s.value)}`:null})).filter(Boolean).join(", ");this.announcement=this.labelPoint.replace("%x%",s).replace("%values%",a)}render(){const t=this.xAxis?.data??[];const e=m({title:this.label,chartType:"bar",seriesCount:this.series.length,xMin:t[0],xMax:t[t.length-1]});const a=this.series.length===0&&!this.loading;return s(i,{key:"f535a5ceb5ac843c5415093faf58c129f4b55d24",class:{"md-bar-chart":true,"md-bar-chart--empty":a,"md-bar-chart--loading":this.loading,"md-bar-chart--mounted":this.mounted,"md-bar-chart--zoom-slider":this.zoomSliderOn,"md-bar-chart--zoom-drag":this.zoomInside,[`md-bar-chart--${this.layout}`]:true},role:"figure","aria-label":e,"aria-busy":this.loading?"true":null,style:this.heightProp?{blockSize:this.heightProp}:undefined,onPointerDown:this.onPlotPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onPointerCancel:this.onPointerUp,onDblClick:this.onPlotDblClick},s("header",{key:"a56de64118eacdcce86a58d61b3e08ce1ffe5858",class:"md-bar-chart__header",part:"header"},s("slot",{key:"f6ca05ffbdb07279d103adc3e79395cebf2fcc62",name:"header"})),s("div",{key:"16d38bd35ddef6f48c6748bdbe9285681a9a5091",class:"md-bar-chart__canvas",part:"canvas",ref:t=>this.bindChartHost(t),tabindex:a?undefined:"0",role:a?undefined:"application","aria-label":a?undefined:this.labelPlot,onKeyDown:this.onPlotKeyDown,onBlur:this.onPlotBlur}),a&&s("div",{key:"d63918dfde5234203ebe21be413011bd77787b15",class:"md-bar-chart__empty",part:"empty"},s("slot",{key:"8fd2db209115817c725c2461b29e9ec2c6509f92",name:"empty"},"No data to display")),this.loading&&s("div",{key:"44f3f2347bde451c61025a8c050d2e263a3f6e3e",class:"md-bar-chart__loading",part:"loading",role:"status"},s("slot",{key:"7137288cd3456cb926569963238ab481b1a981ce",name:"loader"},s("slot",{key:"d2fea29b0fb087763fda403882c982115bba460d",name:"loading"},s("md-progress-indicator",{key:"4ecd5e96bc396b49574ac81539983880d2690f27",class:"md-bar-chart__spinner",variant:"circular",indeterminate:true,label:this.loadingLabel}),s("span",{key:"5922c3146b595840b452ed479d9590eb323a2118",class:"md-bar-chart__loading-text"},this.loadingLabel)))),this.dragBand&&Math.abs(this.dragBand.x2-this.dragBand.x1)>1&&s("div",{key:"1c1d3b22ce4c53fe0273525a35806b105ee798c1",class:"md-bar-chart__zoom-band",part:"zoom-band",style:this.zoomBandStyle()}),this.zoomSliderOn&&this.renderZoomSlider(),s("footer",{key:"c6ef361aaff6269136da37ec7c5d26d27410b52c",class:"md-bar-chart__footer",part:"footer"},s("slot",{key:"3ad5106449977ae89b7e3be3f3eb7ac7e300a65b",name:"footer"})),s("div",{key:"c05f67cd4b89a188d6e3decc2689c0f8b3698264",class:"md-bar-chart__a11y-table",ref:t=>this.bindA11yTableHost(t)}),s("div",{key:"869b2143b2cc1c9dc27f63cfcb5ac41eae575242",class:"md-bar-chart__live",role:"status","aria-live":"polite","aria-atomic":"true"},this.announcement))}get el(){return a(this)}static get watchers(){return{series:[{onAnyPropChange:0}],xAxis:[{onAnyPropChange:0}],yAxis:[{onAnyPropChange:0}],yAxis2:[{onAnyPropChange:0}],layout:[{onAnyPropChange:0}],stack:[{onAnyPropChange:0}],categoryGap:[{onAnyPropChange:0}],barGap:[{onAnyPropChange:0}],barWidth:[{onAnyPropChange:0}],cornerRadius:[{onAnyPropChange:0}],legend:[{onAnyPropChange:0}],tooltip:[{onAnyPropChange:0}],zoom:[{onAnyPropChange:0}],label:[{onAnyPropChange:0}],subtitle:[{onAnyPropChange:0}],titleAlign:[{onAnyPropChange:0}],showLabels:[{onAnyPropChange:0}],showTotals:[{onAnyPropChange:0}],chevron:[{onAnyPropChange:0}],polar:[{onAnyPropChange:0}],polarHole:[{onAnyPropChange:0}],polarSweep:[{onAnyPropChange:0}],axisTicks:[{onAnyPropChange:0}],animation:[{onAnyPropChange:0}],animationDuration:[{onAnyPropChange:0}],tooltipRenderer:[{onAnyPropChange:0}],valueFormatter:[{onAnyPropChange:0}],locale:[{onAnyPropChange:0}],noAnimation:[{onAnyPropChange:0}],clickable:[{onAnyPropChange:0}],loading:[{onLoadingChange:0}]}}};b.style=p();export{b as md_bar_chart};
2
+ //# sourceMappingURL=p-e871663b.entry.js.map
@@ -0,0 +1,2 @@
1
+ import{r as e,c as t,h as i,H as s,g as n}from"./p-WmvQpZnM.js";import{B as r}from"./p-DGtztV3K.js";import{L as a}from"./p-Cch92tDM.js";import{n as o,l as h,o as l}from"./p-CVFH1DkU.js";import"./p-CGqeEMjY.js";const c=()=>`:host{--_block-size:var(--md-sparkline-block-size, 28px);--_inline-size:var(--md-sparkline-inline-size, 100%);--_min-inline-size:var(--md-sparkline-min-inline-size, 32px);display:inline-block;vertical-align:middle;inline-size:var(--_inline-size);block-size:var(--_block-size);min-inline-size:var(--_min-inline-size);line-height:1}.md-sparkline__canvas{inline-size:100%;block-size:100%}@media (forced-colors: active){:host{forced-color-adjust:auto}}`;const d=class{constructor(i){e(this,i);this.mdSparkClick=t(this,"mdSparkClick",7);this.mdReady=t(this,"mdReady",7);this.data=[];this.variant="line";this.color="primary";this.curve="smooth";this.showTooltip=true;this.showMarks="extremes";this.noAnimation=false;this.cornerRadius=2;this.mounted=false;this.engine=null;this.engineKind=null;this.ro=null;this.bindChartHost=e=>{this.chartHost=e}}componentDidLoad(){this.initChart();if(typeof window!=="undefined"&&window.matchMedia){this.themeMql=window.matchMedia("(prefers-color-scheme: dark)");this.themeListener=()=>this.applyEngine();this.themeMql.addEventListener?.("change",this.themeListener)}}disconnectedCallback(){this.ro?.disconnect();this.ro=null;this.engine?.dispose();this.engine=null;if(this.themeMql&&this.themeListener){this.themeMql.removeEventListener?.("change",this.themeListener);this.themeListener=undefined;this.themeMql=undefined}}onAnyPropChange(){this.applyEngine()}async resize(){this.engine?.resize()}async getInstance(){return this.engine}initChart(){if(!this.chartHost)return;this.applyEngine();if(this.engine&&!this.ro&&typeof ResizeObserver!=="undefined"){this.ro=new ResizeObserver((()=>this.engine?.resize()));this.ro.observe(this.chartHost)}this.mounted=true;this.mdReady.emit()}ensureEngine(){if(!this.chartHost)return false;const e=this.variant==="bar"?"bar":"line";if(this.engine&&this.engineKind===e)return true;try{this.engine?.dispose();this.engine=e==="bar"?new r(this.chartHost):new a(this.chartHost);this.engineKind=e}catch{this.engine=null;this.engineKind=null;return false}return true}markIndices(){const e=[];this.data.forEach(((t,i)=>{if(typeof t==="number")e.push({d:t,i})}));if(!e.length||this.showMarks==="none")return[];if(this.showMarks==="all")return e.map((e=>e.i));const t=new Set;if(this.showMarks==="extremes"){let i=e[0];let s=e[0];for(const t of e){if(t.d>i.d)i=t;if(t.d<s.d)s=t}t.add(i.i);t.add(s.i)}if(this.showMarks==="edges"){t.add(e[0].i);t.add(e[e.length-1].i)}return[...t]}buildEngineTheme(e){return{background:"transparent",textColor:e.textColor,textColorMuted:e.textColorMuted,axisLineColor:e.axisLineColor,gridLineColor:e.gridColor,surface:e.surface,fontFamily:e.fontFamily,labelSize:e.labelSize,titleSize:e.titleSize}}buildLineSpec(e){const t=e=>this.valueFormatter?this.valueFormatter(e):e.toLocaleString();const i=this.referenceAreas?.map((t=>({from:t.from,to:t.to,color:u(t.color??e,t.color?.18:.12)})));return{series:[{label:"",color:e,data:this.data,curve:this.curve,connectNulls:true,showMarks:false,hidden:false,markIndices:this.markIndices(),lineWidth:this.lineWidth,markSize:this.markSize}],xValues:this.labels??this.data.map(((e,t)=>t)),xScale:"category",xFormatter:e=>String(e),xHidden:true,yScale:"value",yMin:this.min,yMax:this.max,yFormatter:t,yHidden:true,stack:"none",area:this.variant==="area",fillOpacity:.45,legend:"none",compact:true,refBands:i,animate:!this.noAnimation}}buildBarSpec(e){const t=e=>this.valueFormatter?this.valueFormatter(e):e.toLocaleString();return{series:[{label:"",color:e,data:this.data,hidden:false}],categories:this.labels??this.data.map(((e,t)=>t)),categoryFormatter:e=>String(e),categoryHidden:true,valueScale:"value",valueMin:this.min,valueMax:this.max,valueFormatter:t,valueHidden:true,stack:"none",horizontal:false,categoryGapRatio:.2,barGapRatio:0,barWidth:this.barWidth,cornerRadius:this.cornerRadius,showLabels:false,legend:"none",compact:true,animate:!this.noAnimation}}applyEngine(){if(!this.ensureEngine()||!this.engine)return;const e=o(this.el);const t=h(this.el,this.color,l(e.palette,0));const i=this.buildEngineTheme(e);const s=(e,t)=>{const i=this.data[t];this.mdSparkClick.emit({dataIndex:t,value:typeof i==="number"?i:null})};if(this.engine instanceof r){this.engine.setSpec(this.buildBarSpec(t),i,{onPointClick:s})}else{this.engine.setSpec(this.buildLineSpec(t),i,{onPointClick:s})}this.engine.setHoverEnabled(this.showTooltip)}render(){const e=this.data.filter((e=>typeof e==="number"));const t=e.length?e[e.length-1]:null;const n=e.length?Math.max(...e):null;const r=e.length?Math.min(...e):null;const a=this.valueFormatter??(e=>e==null?"—":e.toLocaleString());const o=(this.referenceAreas??[]).map((e=>e.label)).filter((e=>!!e));const h=o.length?` Highlighted: ${o.join(", ")}.`:"";const l=e.length?`Sparkline, latest ${a(t)}, range ${a(r)} to ${a(n)}.${h}`:`Sparkline, no data.${h}`;return i(s,{key:"e58a06d3a132d5664464e6b80ce2ce1a62e4ac7b",class:{"md-sparkline":true,"md-sparkline--mounted":this.mounted,[`md-sparkline--${this.variant}`]:true},role:"img","aria-label":l,style:this.heightProp?{blockSize:this.heightProp}:undefined},i("div",{key:"8ecf08ace640efee79995edb6732580f0a766e88",class:"md-sparkline__canvas",part:"canvas",ref:e=>this.bindChartHost(e)}))}get el(){return n(this)}static get watchers(){return{data:[{onAnyPropChange:0}],labels:[{onAnyPropChange:0}],variant:[{onAnyPropChange:0}],color:[{onAnyPropChange:0}],curve:[{onAnyPropChange:0}],showTooltip:[{onAnyPropChange:0}],showMarks:[{onAnyPropChange:0}],referenceAreas:[{onAnyPropChange:0}],cornerRadius:[{onAnyPropChange:0}],min:[{onAnyPropChange:0}],max:[{onAnyPropChange:0}],lineWidth:[{onAnyPropChange:0}],markSize:[{onAnyPropChange:0}],barWidth:[{onAnyPropChange:0}]}}};function u(e,t){if(e.startsWith("#")){let i=e.slice(1);if(i.length===3)i=i.split("").map((e=>e+e)).join("");const s=parseInt(i.slice(0,2),16);const n=parseInt(i.slice(2,4),16);const r=parseInt(i.slice(4,6),16);return`rgba(${s}, ${n}, ${r}, ${t})`}if(e.startsWith("rgb("))return e.replace(/^rgb\(/,"rgba(").replace(/\)$/,`, ${t})`);return e}d.style=c();export{d as md_sparkline};
2
+ //# sourceMappingURL=p-f297d786.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["mdSparklineCss","MdSparkline","constructor","hostRef","this","data","variant","color","curve","showTooltip","showMarks","noAnimation","cornerRadius","mounted","engine","engineKind","ro","bindChartHost","el","chartHost","componentDidLoad","initChart","window","matchMedia","themeMql","themeListener","applyEngine","addEventListener","disconnectedCallback","disconnect","dispose","removeEventListener","undefined","onAnyPropChange","resize","getInstance","ResizeObserver","observe","mdReady","emit","ensureEngine","kind","BarChartEngine","LineChartEngine","markIndices","nums","forEach","d","i","push","length","map","n","set","Set","max","min","add","buildEngineTheme","t","background","textColor","textColorMuted","axisLineColor","gridLineColor","gridColor","surface","fontFamily","labelSize","titleSize","buildLineSpec","fmt","v","valueFormatter","toLocaleString","refBands","referenceAreas","r","from","to","toRgba","series","label","connectNulls","hidden","lineWidth","markSize","xValues","labels","_","xScale","xFormatter","String","xHidden","yScale","yMin","yMax","yFormatter","yHidden","stack","area","fillOpacity","legend","compact","animate","buildBarSpec","categories","categoryFormatter","categoryHidden","valueScale","valueMin","valueMax","valueHidden","horizontal","categoryGapRatio","barGapRatio","barWidth","showLabels","readMdChartTheme","resolveSeriesColor","pickPaletteColor","palette","theme","onPointClick","_si","di","mdSparkClick","dataIndex","value","setSpec","setHoverEnabled","render","finiteValues","filter","last","Math","refLabels","l","refNote","join","summary","h","Host","key","class","role","style","heightProp","blockSize","part","ref","alpha","startsWith","hex","slice","split","c","parseInt","g","b","replace"],"sources":["src/components/md-sparkline/md-sparkline.css?tag=md-sparkline&encapsulation=shadow","src/components/md-sparkline/md-sparkline.tsx"],"sourcesContent":["/* ==========================================================\n md-sparkline — Material Design 3 compact inline chart\n\n PUBLIC CSS CUSTOM PROPERTIES:\n --md-sparkline-block-size Default block-size (default: 28px)\n --md-sparkline-inline-size Default inline-size (default: 100%)\n --md-sparkline-min-inline-size Minimum inline-size before clipping (default: 32px)\n\n CSS PARTS:\n canvas ECharts SVG container\n ========================================================== */\n\n:host {\n --_block-size: var(--md-sparkline-block-size, 28px);\n --_inline-size: var(--md-sparkline-inline-size, 100%);\n --_min-inline-size: var(--md-sparkline-min-inline-size, 32px);\n\n display: inline-block;\n vertical-align: middle;\n inline-size: var(--_inline-size);\n block-size: var(--_block-size);\n min-inline-size: var(--_min-inline-size);\n /* Sparklines sit inline with text labels in tables and KPI\n cards; line-height: 1 keeps the host the same height as\n its declared block-size (avoids the inherited line-height\n adding spurious vertical space). */\n line-height: 1;\n}\n\n.md-sparkline__canvas {\n inline-size: 100%;\n block-size: 100%;\n}\n\n@media (forced-colors: active) { :host { forced-color-adjust: auto; } }\n","import {\n Component,\n Host,\n h,\n Prop,\n State,\n Event,\n EventEmitter,\n Element,\n Method,\n Watch,\n} from '@stencil/core';\nimport {\n pickPaletteColor,\n readMdChartTheme,\n resolveSeriesColor,\n BarChartEngine,\n LineChartEngine,\n type BarChartSpec,\n type EngineTheme,\n type LineChartSpec,\n type RefBand,\n type MdChartAxisValue,\n type MdChartColorRole,\n type MdChartCurve,\n type MdChartDataPoint,\n} from '../../utils/charts';\n\nexport interface MdSparklineReferenceArea {\n /** Range start (index into the data array). */\n from: number;\n /** Range end. */\n to: number;\n /** Highlight colour. Defaults to a tinted version of the line. */\n color?: string;\n /** Optional accessible label (announced in screen-reader summary). */\n label?: string;\n}\n\n/**\n * md-sparkline — compact inline chart, rendered by the in-house\n * engine (Canvas2D). No ECharts.\n *\n * Sparklines are presentational: no axes, no legend, no title, no\n * tooltip by default (opt in with `show-tooltip`). Line / area drive\n * LineChartEngine in `compact` mode; the bar variant drives\n * BarChartEngine. `show-marks` maps to selective extremes/edges dots.\n */\n@Component({\n tag: 'md-sparkline',\n styleUrl: 'md-sparkline.css',\n shadow: true,\n})\nexport class MdSparkline {\n @Element() el!: HTMLElement;\n\n /** Numeric data series. Pass `null` for gaps. */\n @Prop() data: MdChartDataPoint[] = [];\n\n /** Optional category labels for tooltips / a11y. */\n @Prop() labels: (string | number | Date)[] | undefined;\n\n /** Visual variant. */\n @Prop({ reflect: true }) variant: 'line' | 'bar' | 'area' = 'line';\n\n /** Sparkline tint (MD3 role or raw colour). */\n @Prop() color: MdChartColorRole | string = 'primary';\n\n /** Curve type — only meaningful for line / area variants. */\n @Prop() curve: MdChartCurve = 'smooth';\n\n /** Show tooltip + crosshair on hover. Defaults to true. */\n @Prop({ attribute: 'show-tooltip' }) showTooltip: boolean = true;\n\n /** Show min / max / first / last markers. */\n @Prop({ attribute: 'show-marks' }) showMarks: 'none' | 'extremes' | 'edges' | 'all' = 'extremes';\n\n /** Highlight a vertical range (e.g. weekend, anomaly window). */\n @Prop() referenceAreas: MdSparklineReferenceArea[] | undefined;\n\n /** Format raw values for tooltips / a11y. */\n @Prop() valueFormatter?: (value: number | null) => string;\n\n /** Block-size override (defaults to 28px — table-cell friendly). */\n @Prop({ attribute: 'height' }) heightProp?: string;\n\n /** Disable all animation. */\n @Prop({ attribute: 'no-animation' }) noAnimation: boolean = false;\n\n /** Bar corner radius (bar variant only). */\n @Prop({ attribute: 'corner-radius' }) cornerRadius: number = 2;\n\n /**\n * Pin the value scale's LOWER bound instead of auto-scaling to the data. Give\n * several sparklines the same `min` + `max` and they share a comparable scale —\n * a 0–40% metric no longer fills the whole height and reads as maxed out.\n */\n @Prop() min?: number;\n /** Pin the value scale's UPPER bound instead of auto-scaling to the data. */\n @Prop() max?: number;\n\n /** Line stroke width in px (line / area variants). Default 2.5. */\n @Prop({ attribute: 'line-width' }) lineWidth?: number;\n /** Marker RADIUS in px (line / area variants). Overrides the per-symbol default. */\n @Prop({ attribute: 'mark-size' }) markSize?: number;\n\n /** Fixed bar WIDTH in px (bar variant), centred in each slot. Default: auto. */\n @Prop({ attribute: 'bar-width' }) barWidth?: number;\n\n @Event() mdSparkClick!: EventEmitter<{ dataIndex: number; value: number | null }>;\n @Event() mdReady!: EventEmitter<void>;\n\n @State() private mounted = false;\n\n private engine: LineChartEngine | BarChartEngine | null = null;\n private engineKind: 'line' | 'bar' | null = null;\n private ro: ResizeObserver | null = null;\n private chartHost?: HTMLDivElement;\n private themeMql?: MediaQueryList;\n private themeListener?: () => void;\n\n componentDidLoad() {\n this.initChart();\n if (typeof window !== 'undefined' && window.matchMedia) {\n this.themeMql = window.matchMedia('(prefers-color-scheme: dark)');\n this.themeListener = () => this.applyEngine();\n this.themeMql.addEventListener?.('change', this.themeListener);\n }\n }\n disconnectedCallback() {\n this.ro?.disconnect();\n this.ro = null;\n this.engine?.dispose();\n this.engine = null;\n if (this.themeMql && this.themeListener) {\n this.themeMql.removeEventListener?.('change', this.themeListener);\n this.themeListener = undefined;\n this.themeMql = undefined;\n }\n }\n\n @Watch('data') @Watch('labels') @Watch('variant') @Watch('color')\n @Watch('curve') @Watch('showTooltip') @Watch('showMarks')\n @Watch('referenceAreas') @Watch('cornerRadius') @Watch('min') @Watch('max')\n @Watch('lineWidth') @Watch('markSize') @Watch('barWidth')\n onAnyPropChange() { this.applyEngine(); }\n\n @Method()\n async resize(): Promise<void> {\n this.engine?.resize();\n }\n\n @Method()\n async getInstance(): Promise<LineChartEngine | BarChartEngine | null> {\n return this.engine;\n }\n\n private bindChartHost = (el?: HTMLDivElement) => { this.chartHost = el; };\n\n private initChart() {\n if (!this.chartHost) return;\n this.applyEngine();\n if (this.engine && !this.ro && typeof ResizeObserver !== 'undefined') {\n this.ro = new ResizeObserver(() => this.engine?.resize());\n this.ro.observe(this.chartHost);\n }\n this.mounted = true;\n this.mdReady.emit();\n }\n\n /** Create/replace the engine so it matches the current variant. */\n private ensureEngine(): boolean {\n if (!this.chartHost) return false;\n const kind: 'line' | 'bar' = this.variant === 'bar' ? 'bar' : 'line';\n if (this.engine && this.engineKind === kind) return true;\n try {\n this.engine?.dispose();\n this.engine = kind === 'bar' ? new BarChartEngine(this.chartHost) : new LineChartEngine(this.chartHost);\n this.engineKind = kind;\n } catch {\n this.engine = null;\n this.engineKind = null;\n return false;\n }\n return true;\n }\n\n private markIndices(): number[] {\n const nums: { d: number; i: number }[] = [];\n this.data.forEach((d, i) => { if (typeof d === 'number') nums.push({ d, i }); });\n if (!nums.length || this.showMarks === 'none') return [];\n // `all` marks EVERY point (on a monotonic line the extremes ARE the edges, so\n // `extremes`+`edges` collapsed to just the two ends — which read as \"nothing\").\n if (this.showMarks === 'all') return nums.map((n) => n.i);\n const set = new Set<number>();\n if (this.showMarks === 'extremes') {\n let max = nums[0]; let min = nums[0];\n for (const n of nums) { if (n.d > max.d) max = n; if (n.d < min.d) min = n; }\n set.add(max.i); set.add(min.i);\n }\n if (this.showMarks === 'edges') {\n set.add(nums[0].i);\n set.add(nums[nums.length - 1].i);\n }\n return [...set];\n }\n\n private buildEngineTheme(t: ReturnType<typeof readMdChartTheme>): EngineTheme {\n return {\n background: 'transparent',\n textColor: t.textColor,\n textColorMuted: t.textColorMuted,\n axisLineColor: t.axisLineColor,\n gridLineColor: t.gridColor,\n surface: t.surface,\n fontFamily: t.fontFamily,\n labelSize: t.labelSize,\n titleSize: t.titleSize,\n };\n }\n\n private buildLineSpec(color: string): LineChartSpec {\n const fmt = (v: number) => (this.valueFormatter ? this.valueFormatter(v) : v.toLocaleString());\n const refBands: RefBand[] | undefined = this.referenceAreas?.map((r) => ({\n from: r.from,\n to: r.to,\n color: toRgba(r.color ?? color, r.color ? 0.18 : 0.12),\n }));\n return {\n series: [{\n label: '',\n color,\n data: this.data,\n curve: this.curve,\n connectNulls: true,\n showMarks: false,\n hidden: false,\n markIndices: this.markIndices(),\n lineWidth: this.lineWidth,\n markSize: this.markSize,\n }],\n xValues: this.labels ?? this.data.map((_, i) => i),\n xScale: 'category',\n xFormatter: (v) => String(v),\n xHidden: true,\n yScale: 'value',\n yMin: this.min,\n yMax: this.max,\n yFormatter: fmt,\n yHidden: true,\n stack: 'none',\n area: this.variant === 'area',\n fillOpacity: 0.45,\n legend: 'none',\n compact: true,\n refBands,\n // Same grow-and-fade entrance as the full charts (once, on first mount);\n // honours no-animation and prefers-reduced-motion.\n animate: !this.noAnimation,\n };\n }\n\n private buildBarSpec(color: string): BarChartSpec {\n const fmt = (v: number) => (this.valueFormatter ? this.valueFormatter(v) : v.toLocaleString());\n return {\n series: [{ label: '', color, data: this.data, hidden: false }],\n categories: (this.labels ?? this.data.map((_, i) => i)) as MdChartAxisValue[],\n categoryFormatter: (v) => String(v),\n categoryHidden: true,\n valueScale: 'value',\n valueMin: this.min,\n valueMax: this.max,\n valueFormatter: fmt,\n valueHidden: true,\n stack: 'none',\n horizontal: false,\n categoryGapRatio: 0.2,\n barGapRatio: 0,\n barWidth: this.barWidth,\n cornerRadius: this.cornerRadius,\n showLabels: false,\n legend: 'none',\n compact: true,\n // Same grow-and-fade entrance as the full charts (once, on first mount);\n // honours no-animation and prefers-reduced-motion.\n animate: !this.noAnimation,\n };\n }\n\n private applyEngine() {\n if (!this.ensureEngine() || !this.engine) return;\n const t = readMdChartTheme(this.el);\n const color = resolveSeriesColor(this.el, this.color, pickPaletteColor(t.palette, 0));\n const theme = this.buildEngineTheme(t);\n const onPointClick = (_si: number, di: number) => {\n const v = this.data[di];\n this.mdSparkClick.emit({ dataIndex: di, value: typeof v === 'number' ? v : null });\n };\n if (this.engine instanceof BarChartEngine) {\n this.engine.setSpec(this.buildBarSpec(color), theme, { onPointClick });\n } else {\n this.engine.setSpec(this.buildLineSpec(color), theme, { onPointClick });\n }\n this.engine.setHoverEnabled(this.showTooltip);\n }\n\n render() {\n const finiteValues = this.data.filter((d): d is number => typeof d === 'number');\n const last = finiteValues.length ? finiteValues[finiteValues.length - 1] : null;\n const max = finiteValues.length ? Math.max(...finiteValues) : null;\n const min = finiteValues.length ? Math.min(...finiteValues) : null;\n const fmt = this.valueFormatter ?? ((v: number | null) => (v == null ? '—' : v.toLocaleString()));\n // Announce any labelled reference windows — sparklines have no SR data table,\n // so aria-label is the only surface a screen-reader user has for them.\n const refLabels = (this.referenceAreas ?? []).map((r) => r.label).filter((l): l is string => !!l);\n const refNote = refLabels.length ? ` Highlighted: ${refLabels.join(', ')}.` : '';\n const summary = finiteValues.length\n ? `Sparkline, latest ${fmt(last)}, range ${fmt(min)} to ${fmt(max)}.${refNote}`\n : `Sparkline, no data.${refNote}`;\n\n return (\n <Host\n class={{\n 'md-sparkline': true,\n 'md-sparkline--mounted': this.mounted,\n [`md-sparkline--${this.variant}`]: true,\n }}\n role=\"img\"\n aria-label={summary}\n style={this.heightProp ? { blockSize: this.heightProp } : undefined}\n >\n <div class=\"md-sparkline__canvas\" part=\"canvas\" ref={el => this.bindChartHost(el as HTMLDivElement)}></div>\n </Host>\n );\n }\n}\n\nfunction toRgba(color: string, alpha: number): string {\n if (color.startsWith('#')) {\n let hex = color.slice(1);\n if (hex.length === 3) hex = hex.split('').map(c => c + c).join('');\n const r = parseInt(hex.slice(0, 2), 16);\n const g = parseInt(hex.slice(2, 4), 16);\n const b = parseInt(hex.slice(4, 6), 16);\n return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n }\n if (color.startsWith('rgb(')) return color.replace(/^rgb\\(/, 'rgba(').replace(/\\)$/, `, ${alpha})`);\n return color;\n}\n"],"mappings":"kNAAA,MAAMA,EAAiB,IAAM,mc,MCqDhBC,EAAW,MALxB,WAAAC,CAAAC,G,sFASUC,KAAAC,KAA2B,GAMVD,KAAAE,QAAmC,OAGpDF,KAAAG,MAAmC,UAGnCH,KAAAI,MAAsB,SAGOJ,KAAAK,YAAuB,KAGzBL,KAAAM,UAAmD,WAYjDN,KAAAO,YAAuB,MAGtBP,KAAAQ,aAAuB,EAsB5CR,KAAAS,QAAU,MAEnBT,KAAAU,OAAkD,KAClDV,KAAAW,WAAoC,KACpCX,KAAAY,GAA4B,KAyC5BZ,KAAAa,cAAiBC,IAA0Bd,KAAKe,UAAYD,CAAE,CAkLvE,CAtNC,gBAAAE,GACEhB,KAAKiB,YACL,UAAWC,SAAW,aAAeA,OAAOC,WAAY,CACtDnB,KAAKoB,SAAWF,OAAOC,WAAW,gCAClCnB,KAAKqB,cAAgB,IAAMrB,KAAKsB,cAChCtB,KAAKoB,SAASG,mBAAmB,SAAUvB,KAAKqB,c,EAGpD,oBAAAG,GACExB,KAAKY,IAAIa,aACTzB,KAAKY,GAAK,KACVZ,KAAKU,QAAQgB,UACb1B,KAAKU,OAAS,KACd,GAAIV,KAAKoB,UAAYpB,KAAKqB,cAAe,CACvCrB,KAAKoB,SAASO,sBAAsB,SAAU3B,KAAKqB,eACnDrB,KAAKqB,cAAgBO,UACrB5B,KAAKoB,SAAWQ,S,EAQpB,eAAAC,GAAoB7B,KAAKsB,aAAc,CAGvC,YAAMQ,GACJ9B,KAAKU,QAAQoB,Q,CAIf,iBAAMC,GACJ,OAAO/B,KAAKU,M,CAKN,SAAAO,GACN,IAAKjB,KAAKe,UAAW,OACrBf,KAAKsB,cACL,GAAItB,KAAKU,SAAWV,KAAKY,WAAaoB,iBAAmB,YAAa,CACpEhC,KAAKY,GAAK,IAAIoB,gBAAe,IAAMhC,KAAKU,QAAQoB,WAChD9B,KAAKY,GAAGqB,QAAQjC,KAAKe,U,CAEvBf,KAAKS,QAAU,KACfT,KAAKkC,QAAQC,M,CAIP,YAAAC,GACN,IAAKpC,KAAKe,UAAW,OAAO,MAC5B,MAAMsB,EAAuBrC,KAAKE,UAAY,MAAQ,MAAQ,OAC9D,GAAIF,KAAKU,QAAUV,KAAKW,aAAe0B,EAAM,OAAO,KACpD,IACErC,KAAKU,QAAQgB,UACb1B,KAAKU,OAAS2B,IAAS,MAAQ,IAAIC,EAAetC,KAAKe,WAAa,IAAIwB,EAAgBvC,KAAKe,WAC7Ff,KAAKW,WAAa0B,C,CAClB,MACArC,KAAKU,OAAS,KACdV,KAAKW,WAAa,KAClB,OAAO,K,CAET,OAAO,I,CAGD,WAAA6B,GACN,MAAMC,EAAmC,GACzCzC,KAAKC,KAAKyC,SAAQ,CAACC,EAAGC,KAAQ,UAAWD,IAAM,SAAUF,EAAKI,KAAK,CAAEF,IAAGC,KAAI,IAC5E,IAAKH,EAAKK,QAAU9C,KAAKM,YAAc,OAAQ,MAAO,GAGtD,GAAIN,KAAKM,YAAc,MAAO,OAAOmC,EAAKM,KAAKC,GAAMA,EAAEJ,IACvD,MAAMK,EAAM,IAAIC,IAChB,GAAIlD,KAAKM,YAAc,WAAY,CACjC,IAAI6C,EAAMV,EAAK,GAAI,IAAIW,EAAMX,EAAK,GAClC,IAAK,MAAMO,KAAKP,EAAM,CAAE,GAAIO,EAAEL,EAAIQ,EAAIR,EAAGQ,EAAMH,EAAG,GAAIA,EAAEL,EAAIS,EAAIT,EAAGS,EAAMJ,C,CACzEC,EAAII,IAAIF,EAAIP,GAAIK,EAAII,IAAID,EAAIR,E,CAE9B,GAAI5C,KAAKM,YAAc,QAAS,CAC9B2C,EAAII,IAAIZ,EAAK,GAAGG,GAChBK,EAAII,IAAIZ,EAAKA,EAAKK,OAAS,GAAGF,E,CAEhC,MAAO,IAAIK,E,CAGL,gBAAAK,CAAiBC,GACvB,MAAO,CACLC,WAAY,cACZC,UAAWF,EAAEE,UACbC,eAAgBH,EAAEG,eAClBC,cAAeJ,EAAEI,cACjBC,cAAeL,EAAEM,UACjBC,QAASP,EAAEO,QACXC,WAAYR,EAAEQ,WACdC,UAAWT,EAAES,UACbC,UAAWV,EAAEU,U,CAIT,aAAAC,CAAc/D,GACpB,MAAMgE,EAAOC,GAAepE,KAAKqE,eAAiBrE,KAAKqE,eAAeD,GAAKA,EAAEE,iBAC7E,MAAMC,EAAkCvE,KAAKwE,gBAAgBzB,KAAK0B,IAAC,CACjEC,KAAMD,EAAEC,KACRC,GAAIF,EAAEE,GACNxE,MAAOyE,EAAOH,EAAEtE,OAASA,EAAOsE,EAAEtE,MAAQ,IAAO,SAEnD,MAAO,CACL0E,OAAQ,CAAC,CACPC,MAAO,GACP3E,QACAF,KAAMD,KAAKC,KACXG,MAAOJ,KAAKI,MACZ2E,aAAc,KACdzE,UAAW,MACX0E,OAAQ,MACRxC,YAAaxC,KAAKwC,cAClByC,UAAWjF,KAAKiF,UAChBC,SAAUlF,KAAKkF,WAEjBC,QAASnF,KAAKoF,QAAUpF,KAAKC,KAAK8C,KAAI,CAACsC,EAAGzC,IAAMA,IAChD0C,OAAQ,WACRC,WAAanB,GAAMoB,OAAOpB,GAC1BqB,QAAS,KACTC,OAAQ,QACRC,KAAM3F,KAAKoD,IACXwC,KAAM5F,KAAKmD,IACX0C,WAAY1B,EACZ2B,QAAS,KACTC,MAAO,OACPC,KAAMhG,KAAKE,UAAY,OACvB+F,YAAa,IACbC,OAAQ,OACRC,QAAS,KACT5B,WAGA6B,SAAUpG,KAAKO,Y,CAIX,YAAA8F,CAAalG,GACnB,MAAMgE,EAAOC,GAAepE,KAAKqE,eAAiBrE,KAAKqE,eAAeD,GAAKA,EAAEE,iBAC7E,MAAO,CACLO,OAAQ,CAAC,CAAEC,MAAO,GAAI3E,QAAOF,KAAMD,KAAKC,KAAM+E,OAAQ,QACtDsB,WAAatG,KAAKoF,QAAUpF,KAAKC,KAAK8C,KAAI,CAACsC,EAAGzC,IAAMA,IACpD2D,kBAAoBnC,GAAMoB,OAAOpB,GACjCoC,eAAgB,KAChBC,WAAY,QACZC,SAAU1G,KAAKoD,IACfuD,SAAU3G,KAAKmD,IACfkB,eAAgBF,EAChByC,YAAa,KACbb,MAAO,OACPc,WAAY,MACZC,iBAAkB,GAClBC,YAAa,EACbC,SAAUhH,KAAKgH,SACfxG,aAAcR,KAAKQ,aACnByG,WAAY,MACZf,OAAQ,OACRC,QAAS,KAGTC,SAAUpG,KAAKO,Y,CAIX,WAAAe,GACN,IAAKtB,KAAKoC,iBAAmBpC,KAAKU,OAAQ,OAC1C,MAAM6C,EAAI2D,EAAiBlH,KAAKc,IAChC,MAAMX,EAAQgH,EAAmBnH,KAAKc,GAAId,KAAKG,MAAOiH,EAAiB7D,EAAE8D,QAAS,IAClF,MAAMC,EAAQtH,KAAKsD,iBAAiBC,GACpC,MAAMgE,EAAe,CAACC,EAAaC,KACjC,MAAMrD,EAAIpE,KAAKC,KAAKwH,GACpBzH,KAAK0H,aAAavF,KAAK,CAAEwF,UAAWF,EAAIG,aAAcxD,IAAM,SAAWA,EAAI,MAAO,EAEpF,GAAIpE,KAAKU,kBAAkB4B,EAAgB,CACzCtC,KAAKU,OAAOmH,QAAQ7H,KAAKqG,aAAalG,GAAQmH,EAAO,CAAEC,gB,KAClD,CACLvH,KAAKU,OAAOmH,QAAQ7H,KAAKkE,cAAc/D,GAAQmH,EAAO,CAAEC,gB,CAE1DvH,KAAKU,OAAOoH,gBAAgB9H,KAAKK,Y,CAGnC,MAAA0H,GACE,MAAMC,EAAehI,KAAKC,KAAKgI,QAAQtF,UAA0BA,IAAM,WACvE,MAAMuF,EAAOF,EAAalF,OAASkF,EAAaA,EAAalF,OAAS,GAAK,KAC3E,MAAMK,EAAM6E,EAAalF,OAASqF,KAAKhF,OAAO6E,GAAgB,KAC9D,MAAM5E,EAAM4E,EAAalF,OAASqF,KAAK/E,OAAO4E,GAAgB,KAC9D,MAAM7D,EAAMnE,KAAKqE,gBAAc,CAAMD,GAAsBA,GAAK,KAAO,IAAMA,EAAEE,kBAG/E,MAAM8D,GAAapI,KAAKwE,gBAAkB,IAAIzB,KAAK0B,GAAMA,EAAEK,QAAOmD,QAAQI,KAAqBA,IAC/F,MAAMC,EAAUF,EAAUtF,OAAS,iBAAiBsF,EAAUG,KAAK,SAAW,GAC9E,MAAMC,EAAUR,EAAalF,OACzB,qBAAqBqB,EAAI+D,aAAgB/D,EAAIf,SAAWe,EAAIhB,MAAQmF,IACpE,sBAAsBA,IAE1B,OACEG,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,eAAgB,KAChB,wBAAyB5I,KAAKS,QAC9B,CAAC,iBAAiBT,KAAKE,WAAY,MAErC2I,KAAK,MAAK,aACEL,EACZM,MAAO9I,KAAK+I,WAAa,CAAEC,UAAWhJ,KAAK+I,YAAenH,WAE1D6G,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBAAuBK,KAAK,SAASC,IAAKpI,GAAMd,KAAKa,cAAcC,K,meAMtF,SAAS8D,EAAOzE,EAAegJ,GAC7B,GAAIhJ,EAAMiJ,WAAW,KAAM,CACzB,IAAIC,EAAMlJ,EAAMmJ,MAAM,GACtB,GAAID,EAAIvG,SAAW,EAAGuG,EAAMA,EAAIE,MAAM,IAAIxG,KAAIyG,GAAKA,EAAIA,IAAGjB,KAAK,IAC/D,MAAM9D,EAAIgF,SAASJ,EAAIC,MAAM,EAAG,GAAI,IACpC,MAAMI,EAAID,SAASJ,EAAIC,MAAM,EAAG,GAAI,IACpC,MAAMK,EAAIF,SAASJ,EAAIC,MAAM,EAAG,GAAI,IACpC,MAAO,QAAQ7E,MAAMiF,MAAMC,MAAMR,I,CAEnC,GAAIhJ,EAAMiJ,WAAW,QAAS,OAAOjJ,EAAMyJ,QAAQ,SAAU,SAASA,QAAQ,MAAO,KAAKT,MAC1F,OAAOhJ,CACT,C","ignoreList":[]}
1
+ {"version":3,"names":["mdSparklineCss","MdSparkline","constructor","hostRef","this","data","variant","color","curve","showTooltip","showMarks","noAnimation","cornerRadius","mounted","engine","engineKind","ro","bindChartHost","el","chartHost","componentDidLoad","initChart","window","matchMedia","themeMql","themeListener","applyEngine","addEventListener","disconnectedCallback","disconnect","dispose","removeEventListener","undefined","onAnyPropChange","resize","getInstance","ResizeObserver","observe","mdReady","emit","ensureEngine","kind","BarChartEngine","LineChartEngine","markIndices","nums","forEach","d","i","push","length","map","n","set","Set","max","min","add","buildEngineTheme","t","background","textColor","textColorMuted","axisLineColor","gridLineColor","gridColor","surface","fontFamily","labelSize","titleSize","buildLineSpec","fmt","v","valueFormatter","toLocaleString","refBands","referenceAreas","r","from","to","toRgba","series","label","connectNulls","hidden","lineWidth","markSize","xValues","labels","_","xScale","xFormatter","String","xHidden","yScale","yMin","yMax","yFormatter","yHidden","stack","area","fillOpacity","legend","compact","animate","buildBarSpec","categories","categoryFormatter","categoryHidden","valueScale","valueMin","valueMax","valueHidden","horizontal","categoryGapRatio","barGapRatio","barWidth","showLabels","readMdChartTheme","resolveSeriesColor","pickPaletteColor","palette","theme","onPointClick","_si","di","mdSparkClick","dataIndex","value","setSpec","setHoverEnabled","render","finiteValues","filter","last","Math","refLabels","l","refNote","join","summary","h","Host","key","class","role","style","heightProp","blockSize","part","ref","alpha","startsWith","hex","slice","split","c","parseInt","g","b","replace"],"sources":["src/components/md-sparkline/md-sparkline.css?tag=md-sparkline&encapsulation=shadow","src/components/md-sparkline/md-sparkline.tsx"],"sourcesContent":["/* ==========================================================\n md-sparkline — Material Design 3 compact inline chart\n\n PUBLIC CSS CUSTOM PROPERTIES:\n --md-sparkline-block-size Default block-size (default: 28px)\n --md-sparkline-inline-size Default inline-size (default: 100%)\n --md-sparkline-min-inline-size Minimum inline-size before clipping (default: 32px)\n\n CSS PARTS:\n canvas ECharts SVG container\n ========================================================== */\n\n:host {\n --_block-size: var(--md-sparkline-block-size, 28px);\n --_inline-size: var(--md-sparkline-inline-size, 100%);\n --_min-inline-size: var(--md-sparkline-min-inline-size, 32px);\n\n display: inline-block;\n vertical-align: middle;\n inline-size: var(--_inline-size);\n block-size: var(--_block-size);\n min-inline-size: var(--_min-inline-size);\n /* Sparklines sit inline with text labels in tables and KPI\n cards; line-height: 1 keeps the host the same height as\n its declared block-size (avoids the inherited line-height\n adding spurious vertical space). */\n line-height: 1;\n}\n\n.md-sparkline__canvas {\n inline-size: 100%;\n block-size: 100%;\n}\n\n@media (forced-colors: active) { :host { forced-color-adjust: auto; } }\n","import {\n Component,\n Host,\n h,\n Prop,\n State,\n Event,\n EventEmitter,\n Element,\n Method,\n Watch,\n} from '@stencil/core';\nimport {\n pickPaletteColor,\n readMdChartTheme,\n resolveSeriesColor,\n BarChartEngine,\n LineChartEngine,\n type BarChartSpec,\n type EngineTheme,\n type LineChartSpec,\n type RefBand,\n type MdChartAxisValue,\n type MdChartColorRole,\n type MdChartCurve,\n type MdChartDataPoint,\n} from '../../utils/charts';\n\nexport interface MdSparklineReferenceArea {\n /** Range start (index into the data array). */\n from: number;\n /** Range end. */\n to: number;\n /** Highlight colour. Defaults to a tinted version of the line. */\n color?: string;\n /** Optional accessible label (announced in screen-reader summary). */\n label?: string;\n}\n\n/**\n * md-sparkline — compact inline chart, rendered by the in-house\n * engine (Canvas2D). No ECharts.\n *\n * Sparklines are presentational: no axes, no legend, no title, no\n * tooltip by default (opt in with `show-tooltip`). Line / area drive\n * LineChartEngine in `compact` mode; the bar variant drives\n * BarChartEngine. `show-marks` maps to selective extremes/edges dots.\n */\n@Component({\n tag: 'md-sparkline',\n styleUrl: 'md-sparkline.css',\n shadow: true,\n})\nexport class MdSparkline {\n @Element() el!: HTMLElement;\n\n /** Numeric data series. Pass `null` for gaps. */\n @Prop() data: MdChartDataPoint[] = [];\n\n /** Optional category labels for tooltips / a11y. */\n @Prop() labels: (string | number | Date)[] | undefined;\n\n /** Visual variant. */\n @Prop({ reflect: true }) variant: 'line' | 'bar' | 'area' = 'line';\n\n /** Sparkline tint (MD3 role or raw colour). */\n @Prop() color: MdChartColorRole | string = 'primary';\n\n /** Curve type — only meaningful for line / area variants. */\n @Prop() curve: MdChartCurve = 'smooth';\n\n /** Show tooltip + crosshair on hover. Defaults to true. */\n @Prop({ attribute: 'show-tooltip' }) showTooltip: boolean = true;\n\n /** Show min / max / first / last markers. */\n @Prop({ attribute: 'show-marks' }) showMarks: 'none' | 'extremes' | 'edges' | 'all' = 'extremes';\n\n /** Highlight a vertical range (e.g. weekend, anomaly window). */\n @Prop() referenceAreas: MdSparklineReferenceArea[] | undefined;\n\n /** Format raw values for tooltips / a11y. */\n @Prop() valueFormatter?: (value: number | null) => string;\n\n /** Block-size override (defaults to 28px — table-cell friendly). */\n @Prop({ attribute: 'height' }) heightProp?: string;\n\n /** Disable all animation. */\n @Prop({ attribute: 'no-animation' }) noAnimation: boolean = false;\n\n /** Bar corner radius (bar variant only). */\n @Prop({ attribute: 'corner-radius' }) cornerRadius: number = 2;\n\n /**\n * Pin the value scale's LOWER bound instead of auto-scaling to the data. Give\n * several sparklines the same `min` + `max` and they share a comparable scale —\n * a 0–40% metric no longer fills the whole height and reads as maxed out.\n */\n @Prop() min?: number;\n /** Pin the value scale's UPPER bound instead of auto-scaling to the data. */\n @Prop() max?: number;\n\n /** Line stroke width in px (line / area variants). Default 2.5. */\n @Prop({ attribute: 'line-width' }) lineWidth?: number;\n /** Marker RADIUS in px (line / area variants). Overrides the per-symbol default. */\n @Prop({ attribute: 'mark-size' }) markSize?: number;\n\n /** Fixed bar WIDTH in px (bar variant), centred in each slot. Default: auto. */\n @Prop({ attribute: 'bar-width' }) barWidth?: number;\n\n @Event() mdSparkClick!: EventEmitter<{ dataIndex: number; value: number | null }>;\n @Event() mdReady!: EventEmitter<void>;\n\n @State() private mounted = false;\n\n private engine: LineChartEngine | BarChartEngine | null = null;\n private engineKind: 'line' | 'bar' | null = null;\n private ro: ResizeObserver | null = null;\n private chartHost?: HTMLDivElement;\n private themeMql?: MediaQueryList;\n private themeListener?: () => void;\n\n componentDidLoad() {\n this.initChart();\n if (typeof window !== 'undefined' && window.matchMedia) {\n this.themeMql = window.matchMedia('(prefers-color-scheme: dark)');\n this.themeListener = () => this.applyEngine();\n this.themeMql.addEventListener?.('change', this.themeListener);\n }\n }\n disconnectedCallback() {\n this.ro?.disconnect();\n this.ro = null;\n this.engine?.dispose();\n this.engine = null;\n if (this.themeMql && this.themeListener) {\n this.themeMql.removeEventListener?.('change', this.themeListener);\n this.themeListener = undefined;\n this.themeMql = undefined;\n }\n }\n\n @Watch('data') @Watch('labels') @Watch('variant') @Watch('color')\n @Watch('curve') @Watch('showTooltip') @Watch('showMarks')\n @Watch('referenceAreas') @Watch('cornerRadius') @Watch('min') @Watch('max')\n @Watch('lineWidth') @Watch('markSize') @Watch('barWidth')\n onAnyPropChange() { this.applyEngine(); }\n\n @Method()\n async resize(): Promise<void> {\n this.engine?.resize();\n }\n\n @Method()\n async getInstance(): Promise<LineChartEngine | BarChartEngine | null> {\n return this.engine;\n }\n\n private bindChartHost = (el?: HTMLDivElement) => { this.chartHost = el; };\n\n private initChart() {\n if (!this.chartHost) return;\n this.applyEngine();\n if (this.engine && !this.ro && typeof ResizeObserver !== 'undefined') {\n this.ro = new ResizeObserver(() => this.engine?.resize());\n this.ro.observe(this.chartHost);\n }\n this.mounted = true;\n this.mdReady.emit();\n }\n\n /** Create/replace the engine so it matches the current variant. */\n private ensureEngine(): boolean {\n if (!this.chartHost) return false;\n const kind: 'line' | 'bar' = this.variant === 'bar' ? 'bar' : 'line';\n if (this.engine && this.engineKind === kind) return true;\n try {\n this.engine?.dispose();\n this.engine = kind === 'bar' ? new BarChartEngine(this.chartHost) : new LineChartEngine(this.chartHost);\n this.engineKind = kind;\n } catch {\n this.engine = null;\n this.engineKind = null;\n return false;\n }\n return true;\n }\n\n private markIndices(): number[] {\n const nums: { d: number; i: number }[] = [];\n this.data.forEach((d, i) => { if (typeof d === 'number') nums.push({ d, i }); });\n if (!nums.length || this.showMarks === 'none') return [];\n // `all` marks EVERY point (on a monotonic line the extremes ARE the edges, so\n // `extremes`+`edges` collapsed to just the two ends — which read as \"nothing\").\n if (this.showMarks === 'all') return nums.map((n) => n.i);\n const set = new Set<number>();\n if (this.showMarks === 'extremes') {\n let max = nums[0]; let min = nums[0];\n for (const n of nums) { if (n.d > max.d) max = n; if (n.d < min.d) min = n; }\n set.add(max.i); set.add(min.i);\n }\n if (this.showMarks === 'edges') {\n set.add(nums[0].i);\n set.add(nums[nums.length - 1].i);\n }\n return [...set];\n }\n\n private buildEngineTheme(t: ReturnType<typeof readMdChartTheme>): EngineTheme {\n return {\n background: 'transparent',\n textColor: t.textColor,\n textColorMuted: t.textColorMuted,\n axisLineColor: t.axisLineColor,\n gridLineColor: t.gridColor,\n surface: t.surface,\n fontFamily: t.fontFamily,\n labelSize: t.labelSize,\n titleSize: t.titleSize,\n };\n }\n\n private buildLineSpec(color: string): LineChartSpec {\n const fmt = (v: number) => (this.valueFormatter ? this.valueFormatter(v) : v.toLocaleString());\n const refBands: RefBand[] | undefined = this.referenceAreas?.map((r) => ({\n from: r.from,\n to: r.to,\n color: toRgba(r.color ?? color, r.color ? 0.18 : 0.12),\n }));\n return {\n series: [{\n label: '',\n color,\n data: this.data,\n curve: this.curve,\n connectNulls: true,\n showMarks: false,\n hidden: false,\n markIndices: this.markIndices(),\n lineWidth: this.lineWidth,\n markSize: this.markSize,\n }],\n xValues: this.labels ?? this.data.map((_, i) => i),\n xScale: 'category',\n xFormatter: (v) => String(v),\n xHidden: true,\n yScale: 'value',\n yMin: this.min,\n yMax: this.max,\n yFormatter: fmt,\n yHidden: true,\n stack: 'none',\n area: this.variant === 'area',\n fillOpacity: 0.45,\n legend: 'none',\n compact: true,\n refBands,\n // Same grow-and-fade entrance as the full charts (once, on first mount);\n // honours no-animation and prefers-reduced-motion.\n animate: !this.noAnimation,\n };\n }\n\n private buildBarSpec(color: string): BarChartSpec {\n const fmt = (v: number) => (this.valueFormatter ? this.valueFormatter(v) : v.toLocaleString());\n return {\n series: [{ label: '', color, data: this.data, hidden: false }],\n categories: (this.labels ?? this.data.map((_, i) => i)) as MdChartAxisValue[],\n categoryFormatter: (v) => String(v),\n categoryHidden: true,\n valueScale: 'value',\n valueMin: this.min,\n valueMax: this.max,\n valueFormatter: fmt,\n valueHidden: true,\n stack: 'none',\n horizontal: false,\n categoryGapRatio: 0.2,\n barGapRatio: 0,\n barWidth: this.barWidth,\n cornerRadius: this.cornerRadius,\n showLabels: false,\n legend: 'none',\n compact: true,\n // Same grow-and-fade entrance as the full charts (once, on first mount);\n // honours no-animation and prefers-reduced-motion.\n animate: !this.noAnimation,\n };\n }\n\n private applyEngine() {\n if (!this.ensureEngine() || !this.engine) return;\n const t = readMdChartTheme(this.el);\n const color = resolveSeriesColor(this.el, this.color, pickPaletteColor(t.palette, 0));\n const theme = this.buildEngineTheme(t);\n const onPointClick = (_si: number, di: number) => {\n const v = this.data[di];\n this.mdSparkClick.emit({ dataIndex: di, value: typeof v === 'number' ? v : null });\n };\n if (this.engine instanceof BarChartEngine) {\n this.engine.setSpec(this.buildBarSpec(color), theme, { onPointClick });\n } else {\n this.engine.setSpec(this.buildLineSpec(color), theme, { onPointClick });\n }\n this.engine.setHoverEnabled(this.showTooltip);\n }\n\n render() {\n const finiteValues = this.data.filter((d): d is number => typeof d === 'number');\n const last = finiteValues.length ? finiteValues[finiteValues.length - 1] : null;\n const max = finiteValues.length ? Math.max(...finiteValues) : null;\n const min = finiteValues.length ? Math.min(...finiteValues) : null;\n const fmt = this.valueFormatter ?? ((v: number | null) => (v == null ? '—' : v.toLocaleString()));\n // Announce any labelled reference windows — sparklines have no SR data table,\n // so aria-label is the only surface a screen-reader user has for them.\n const refLabels = (this.referenceAreas ?? []).map((r) => r.label).filter((l): l is string => !!l);\n const refNote = refLabels.length ? ` Highlighted: ${refLabels.join(', ')}.` : '';\n const summary = finiteValues.length\n ? `Sparkline, latest ${fmt(last)}, range ${fmt(min)} to ${fmt(max)}.${refNote}`\n : `Sparkline, no data.${refNote}`;\n\n return (\n <Host\n class={{\n 'md-sparkline': true,\n 'md-sparkline--mounted': this.mounted,\n [`md-sparkline--${this.variant}`]: true,\n }}\n role=\"img\"\n aria-label={summary}\n style={this.heightProp ? { blockSize: this.heightProp } : undefined}\n >\n <div class=\"md-sparkline__canvas\" part=\"canvas\" ref={el => this.bindChartHost(el as HTMLDivElement)}></div>\n </Host>\n );\n }\n}\n\nfunction toRgba(color: string, alpha: number): string {\n if (color.startsWith('#')) {\n let hex = color.slice(1);\n if (hex.length === 3) hex = hex.split('').map(c => c + c).join('');\n const r = parseInt(hex.slice(0, 2), 16);\n const g = parseInt(hex.slice(2, 4), 16);\n const b = parseInt(hex.slice(4, 6), 16);\n return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n }\n if (color.startsWith('rgb(')) return color.replace(/^rgb\\(/, 'rgba(').replace(/\\)$/, `, ${alpha})`);\n return color;\n}\n"],"mappings":"kNAAA,MAAMA,EAAiB,IAAM,mc,MCqDhBC,EAAW,MALxB,WAAAC,CAAAC,G,sFASUC,KAAAC,KAA2B,GAMVD,KAAAE,QAAmC,OAGpDF,KAAAG,MAAmC,UAGnCH,KAAAI,MAAsB,SAGOJ,KAAAK,YAAuB,KAGzBL,KAAAM,UAAmD,WAYjDN,KAAAO,YAAuB,MAGtBP,KAAAQ,aAAuB,EAsB5CR,KAAAS,QAAU,MAEnBT,KAAAU,OAAkD,KAClDV,KAAAW,WAAoC,KACpCX,KAAAY,GAA4B,KAyC5BZ,KAAAa,cAAiBC,IAA0Bd,KAAKe,UAAYD,CAAE,CAkLvE,CAtNC,gBAAAE,GACEhB,KAAKiB,YACL,UAAWC,SAAW,aAAeA,OAAOC,WAAY,CACtDnB,KAAKoB,SAAWF,OAAOC,WAAW,gCAClCnB,KAAKqB,cAAgB,IAAMrB,KAAKsB,cAChCtB,KAAKoB,SAASG,mBAAmB,SAAUvB,KAAKqB,c,EAGpD,oBAAAG,GACExB,KAAKY,IAAIa,aACTzB,KAAKY,GAAK,KACVZ,KAAKU,QAAQgB,UACb1B,KAAKU,OAAS,KACd,GAAIV,KAAKoB,UAAYpB,KAAKqB,cAAe,CACvCrB,KAAKoB,SAASO,sBAAsB,SAAU3B,KAAKqB,eACnDrB,KAAKqB,cAAgBO,UACrB5B,KAAKoB,SAAWQ,S,EAQpB,eAAAC,GAAoB7B,KAAKsB,aAAc,CAGvC,YAAMQ,GACJ9B,KAAKU,QAAQoB,Q,CAIf,iBAAMC,GACJ,OAAO/B,KAAKU,M,CAKN,SAAAO,GACN,IAAKjB,KAAKe,UAAW,OACrBf,KAAKsB,cACL,GAAItB,KAAKU,SAAWV,KAAKY,WAAaoB,iBAAmB,YAAa,CACpEhC,KAAKY,GAAK,IAAIoB,gBAAe,IAAMhC,KAAKU,QAAQoB,WAChD9B,KAAKY,GAAGqB,QAAQjC,KAAKe,U,CAEvBf,KAAKS,QAAU,KACfT,KAAKkC,QAAQC,M,CAIP,YAAAC,GACN,IAAKpC,KAAKe,UAAW,OAAO,MAC5B,MAAMsB,EAAuBrC,KAAKE,UAAY,MAAQ,MAAQ,OAC9D,GAAIF,KAAKU,QAAUV,KAAKW,aAAe0B,EAAM,OAAO,KACpD,IACErC,KAAKU,QAAQgB,UACb1B,KAAKU,OAAS2B,IAAS,MAAQ,IAAIC,EAAetC,KAAKe,WAAa,IAAIwB,EAAgBvC,KAAKe,WAC7Ff,KAAKW,WAAa0B,C,CAClB,MACArC,KAAKU,OAAS,KACdV,KAAKW,WAAa,KAClB,OAAO,K,CAET,OAAO,I,CAGD,WAAA6B,GACN,MAAMC,EAAmC,GACzCzC,KAAKC,KAAKyC,SAAQ,CAACC,EAAGC,KAAQ,UAAWD,IAAM,SAAUF,EAAKI,KAAK,CAAEF,IAAGC,GAAI,IAC5E,IAAKH,EAAKK,QAAU9C,KAAKM,YAAc,OAAQ,MAAO,GAGtD,GAAIN,KAAKM,YAAc,MAAO,OAAOmC,EAAKM,KAAKC,GAAMA,EAAEJ,IACvD,MAAMK,EAAM,IAAIC,IAChB,GAAIlD,KAAKM,YAAc,WAAY,CACjC,IAAI6C,EAAMV,EAAK,GAAI,IAAIW,EAAMX,EAAK,GAClC,IAAK,MAAMO,KAAKP,EAAM,CAAE,GAAIO,EAAEL,EAAIQ,EAAIR,EAAGQ,EAAMH,EAAG,GAAIA,EAAEL,EAAIS,EAAIT,EAAGS,EAAMJ,C,CACzEC,EAAII,IAAIF,EAAIP,GAAIK,EAAII,IAAID,EAAIR,E,CAE9B,GAAI5C,KAAKM,YAAc,QAAS,CAC9B2C,EAAII,IAAIZ,EAAK,GAAGG,GAChBK,EAAII,IAAIZ,EAAKA,EAAKK,OAAS,GAAGF,E,CAEhC,MAAO,IAAIK,E,CAGL,gBAAAK,CAAiBC,GACvB,MAAO,CACLC,WAAY,cACZC,UAAWF,EAAEE,UACbC,eAAgBH,EAAEG,eAClBC,cAAeJ,EAAEI,cACjBC,cAAeL,EAAEM,UACjBC,QAASP,EAAEO,QACXC,WAAYR,EAAEQ,WACdC,UAAWT,EAAES,UACbC,UAAWV,EAAEU,U,CAIT,aAAAC,CAAc/D,GACpB,MAAMgE,EAAOC,GAAepE,KAAKqE,eAAiBrE,KAAKqE,eAAeD,GAAKA,EAAEE,iBAC7E,MAAMC,EAAkCvE,KAAKwE,gBAAgBzB,KAAK0B,IAAC,CACjEC,KAAMD,EAAEC,KACRC,GAAIF,EAAEE,GACNxE,MAAOyE,EAAOH,EAAEtE,OAASA,EAAOsE,EAAEtE,MAAQ,IAAO,SAEnD,MAAO,CACL0E,OAAQ,CAAC,CACPC,MAAO,GACP3E,QACAF,KAAMD,KAAKC,KACXG,MAAOJ,KAAKI,MACZ2E,aAAc,KACdzE,UAAW,MACX0E,OAAQ,MACRxC,YAAaxC,KAAKwC,cAClByC,UAAWjF,KAAKiF,UAChBC,SAAUlF,KAAKkF,WAEjBC,QAASnF,KAAKoF,QAAUpF,KAAKC,KAAK8C,KAAI,CAACsC,EAAGzC,IAAMA,IAChD0C,OAAQ,WACRC,WAAanB,GAAMoB,OAAOpB,GAC1BqB,QAAS,KACTC,OAAQ,QACRC,KAAM3F,KAAKoD,IACXwC,KAAM5F,KAAKmD,IACX0C,WAAY1B,EACZ2B,QAAS,KACTC,MAAO,OACPC,KAAMhG,KAAKE,UAAY,OACvB+F,YAAa,IACbC,OAAQ,OACRC,QAAS,KACT5B,WAGA6B,SAAUpG,KAAKO,Y,CAIX,YAAA8F,CAAalG,GACnB,MAAMgE,EAAOC,GAAepE,KAAKqE,eAAiBrE,KAAKqE,eAAeD,GAAKA,EAAEE,iBAC7E,MAAO,CACLO,OAAQ,CAAC,CAAEC,MAAO,GAAI3E,QAAOF,KAAMD,KAAKC,KAAM+E,OAAQ,QACtDsB,WAAatG,KAAKoF,QAAUpF,KAAKC,KAAK8C,KAAI,CAACsC,EAAGzC,IAAMA,IACpD2D,kBAAoBnC,GAAMoB,OAAOpB,GACjCoC,eAAgB,KAChBC,WAAY,QACZC,SAAU1G,KAAKoD,IACfuD,SAAU3G,KAAKmD,IACfkB,eAAgBF,EAChByC,YAAa,KACbb,MAAO,OACPc,WAAY,MACZC,iBAAkB,GAClBC,YAAa,EACbC,SAAUhH,KAAKgH,SACfxG,aAAcR,KAAKQ,aACnByG,WAAY,MACZf,OAAQ,OACRC,QAAS,KAGTC,SAAUpG,KAAKO,Y,CAIX,WAAAe,GACN,IAAKtB,KAAKoC,iBAAmBpC,KAAKU,OAAQ,OAC1C,MAAM6C,EAAI2D,EAAiBlH,KAAKc,IAChC,MAAMX,EAAQgH,EAAmBnH,KAAKc,GAAId,KAAKG,MAAOiH,EAAiB7D,EAAE8D,QAAS,IAClF,MAAMC,EAAQtH,KAAKsD,iBAAiBC,GACpC,MAAMgE,EAAe,CAACC,EAAaC,KACjC,MAAMrD,EAAIpE,KAAKC,KAAKwH,GACpBzH,KAAK0H,aAAavF,KAAK,CAAEwF,UAAWF,EAAIG,aAAcxD,IAAM,SAAWA,EAAI,MAAO,EAEpF,GAAIpE,KAAKU,kBAAkB4B,EAAgB,CACzCtC,KAAKU,OAAOmH,QAAQ7H,KAAKqG,aAAalG,GAAQmH,EAAO,CAAEC,gB,KAClD,CACLvH,KAAKU,OAAOmH,QAAQ7H,KAAKkE,cAAc/D,GAAQmH,EAAO,CAAEC,gB,CAE1DvH,KAAKU,OAAOoH,gBAAgB9H,KAAKK,Y,CAGnC,MAAA0H,GACE,MAAMC,EAAehI,KAAKC,KAAKgI,QAAQtF,UAA0BA,IAAM,WACvE,MAAMuF,EAAOF,EAAalF,OAASkF,EAAaA,EAAalF,OAAS,GAAK,KAC3E,MAAMK,EAAM6E,EAAalF,OAASqF,KAAKhF,OAAO6E,GAAgB,KAC9D,MAAM5E,EAAM4E,EAAalF,OAASqF,KAAK/E,OAAO4E,GAAgB,KAC9D,MAAM7D,EAAMnE,KAAKqE,gBAAc,CAAMD,GAAsBA,GAAK,KAAO,IAAMA,EAAEE,kBAG/E,MAAM8D,GAAapI,KAAKwE,gBAAkB,IAAIzB,KAAK0B,GAAMA,EAAEK,QAAOmD,QAAQI,KAAqBA,IAC/F,MAAMC,EAAUF,EAAUtF,OAAS,iBAAiBsF,EAAUG,KAAK,SAAW,GAC9E,MAAMC,EAAUR,EAAalF,OACzB,qBAAqBqB,EAAI+D,aAAgB/D,EAAIf,SAAWe,EAAIhB,MAAQmF,IACpE,sBAAsBA,IAE1B,OACEG,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,eAAgB,KAChB,wBAAyB5I,KAAKS,QAC9B,CAAC,iBAAiBT,KAAKE,WAAY,MAErC2I,KAAK,MAAK,aACEL,EACZM,MAAO9I,KAAK+I,WAAa,CAAEC,UAAWhJ,KAAK+I,YAAenH,WAE1D6G,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBAAuBK,KAAK,SAASC,IAAKpI,GAAMd,KAAKa,cAAcC,K,meAMtF,SAAS8D,EAAOzE,EAAegJ,GAC7B,GAAIhJ,EAAMiJ,WAAW,KAAM,CACzB,IAAIC,EAAMlJ,EAAMmJ,MAAM,GACtB,GAAID,EAAIvG,SAAW,EAAGuG,EAAMA,EAAIE,MAAM,IAAIxG,KAAIyG,GAAKA,EAAIA,IAAGjB,KAAK,IAC/D,MAAM9D,EAAIgF,SAASJ,EAAIC,MAAM,EAAG,GAAI,IACpC,MAAMI,EAAID,SAASJ,EAAIC,MAAM,EAAG,GAAI,IACpC,MAAMK,EAAIF,SAASJ,EAAIC,MAAM,EAAG,GAAI,IACpC,MAAO,QAAQ7E,MAAMiF,MAAMC,MAAMR,I,CAEnC,GAAIhJ,EAAMiJ,WAAW,QAAS,OAAOjJ,EAAMyJ,QAAQ,SAAU,SAASA,QAAQ,MAAO,KAAKT,MAC1F,OAAOhJ,CACT,C","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{r as t,c as e,h as s,H as i,g as a}from"./p-WmvQpZnM.js";import{L as r}from"./p-RLxbNqRv.js";import{r as n,d as o,a as h,b as c,p as d}from"./p-DvOKnoqK.js";import{n as l,b as m,a as p}from"./p-C_ogF68H.js";import"./p-DzPKu-Ma.js";const u=()=>`:host{--_block-size:var(--md-area-chart-block-size, auto);--_min-block-size:var(--md-area-chart-min-block-size, max(120px, calc(160px + var(--md-sys-density-scale, 0) * 8px)));--_aspect-ratio:var(--md-area-chart-aspect-ratio, 16 / 9);--_background:var(--md-area-chart-background, var(--md-sys-color-surface-container-low, #F7F2FA));--_padding:var(--md-area-chart-padding, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_zoom-size:var(--md-area-chart-zoom-size, 28px);--_zoom-track-color:var(--md-area-chart-zoom-track-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_zoom-window-color:var(--md-area-chart-zoom-window-color, var(--md-sys-color-secondary-container, #E8DEF8));--_zoom-handle-color:var(--md-area-chart-zoom-handle-color, var(--md-sys-color-primary, #6750A4));--_zoom-band-color:var(--md-area-chart-zoom-band-color, color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 16%, transparent));--_zoom-pan-inset:10px;--_shape:var(--md-area-chart-shape, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_empty-color:var(--md-area-chart-empty-color, var(--md-sys-color-on-surface-variant, #49454F));--_empty-background:var(--md-area-chart-empty-background, var(--_background));--_empty-font:var(--md-area-chart-empty-font, var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif));--_empty-font-size:var(--md-area-chart-empty-font-size, var(--md-sys-typescale-body-medium-font-size, 14px));--_empty-icon-size:var(--md-area-chart-empty-icon-size, 40px);display:block;position:relative;inline-size:100%;block-size:var(--_block-size);min-block-size:var(--_min-block-size);background:var(--_background);padding:var(--_padding);border-radius:var(--_shape);box-sizing:border-box;aspect-ratio:var(--_aspect-ratio)}.md-area-chart__header,.md-area-chart__footer{display:contents}.md-area-chart__header>slot[name='header']::slotted(*),.md-area-chart__footer>slot[name='footer']::slotted(*){display:block;margin-block:8px}.md-area-chart__canvas{position:absolute;inset:var(--_padding);min-block-size:0;min-inline-size:0}.md-area-chart__empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);pointer-events:none;text-align:center}.md-area-chart__empty ::slotted(.material-symbols-outlined),.md-area-chart__empty ::slotted(.material-symbols-rounded),.md-area-chart__empty ::slotted(.material-symbols-sharp),.md-area-chart__empty ::slotted(.material-icons){font-size:var(--_empty-icon-size) !important;line-height:1;opacity:0.55}.md-area-chart__a11y-table{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){:host{forced-color-adjust:auto}}.md-area-chart__live{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[part='legend'] button:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:2px;border-radius:6px}.md-area-chart__canvas:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px;border-radius:4px}.md-area-chart__loading{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);text-align:center}.md-area-chart__spinner{inline-size:var(--_empty-icon-size);block-size:var(--_empty-icon-size)}:host(.md-area-chart--zoom-slider) .md-area-chart__canvas{bottom:calc(var(--_padding) + var(--_zoom-size))}:host(.md-area-chart--zoom-drag) .md-area-chart__canvas{cursor:ew-resize}.md-area-chart__zoom{position:absolute;inset-inline:var(--_padding);bottom:var(--_padding);block-size:var(--_zoom-size);display:flex;align-items:center}.md-area-chart__zoom-slider{--md-slider-active-color:var(--_zoom-window-color);--md-slider-inactive-color:var(--_zoom-track-color);--md-slider-thumb-color:var(--_zoom-handle-color);--md-slider-thumb-height:var(--_zoom-size);--md-slider-track-height:12px}.md-area-chart__zoom-pan{position:absolute;inset-block:0;z-index:1;cursor:grab;touch-action:none}.md-area-chart__zoom-pan:active{cursor:grabbing}.md-area-chart__zoom-band{position:absolute;background:var(--_zoom-band-color);border-inline:1px solid var(--_zoom-handle-color);pointer-events:none}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const y=class{constructor(s){t(this,s);this.mdMarkerClick=e(this,"mdMarkerClick",7);this.mdLineClick=e(this,"mdLineClick",7);this.mdAreaClick=e(this,"mdAreaClick",7);this.mdAxisClick=e(this,"mdAxisClick",7);this.mdLegendClick=e(this,"mdLegendClick",7);this.mdHover=e(this,"mdHover",7);this.mdReady=e(this,"mdReady",7);this.mdZoom=e(this,"mdZoom",7);this.label="";this.titleAlign="start";this.series=[];this.curve="smooth";this.stack="normal";this.connectNulls=false;this.showMarks=false;this.legend="top-end";this.tooltip="axis";this.zoom="none";this.locale="";this.noAnimation=false;this.animation="expressive";this.fillOpacity=.55;this.showLine=true;this.grid="horizontal";this.inverted=false;this.seriesLabels=false;this.summary="";this.labelEmpty="No data to display";this.loading=false;this.loadingLabel="Loading chart…";this.labelZoomStart="Zoom range start";this.labelZoomEnd="Zoom range end";this.axisTicks=false;this.showLabels=false;this.labelPlot="Chart data. Use the arrow keys to move between points, Home and End for the first and last, Escape to leave.";this.labelPoint="%x%: %values%";this.density=0;this.mounted=false;this.kbIndex=-1;this.announcement="";this.zoomWin=null;this.dragBand=null;this.grab=null;this.engine=null;this.ro=null;this.legendHidden=new Map;this.bindChartHost=t=>{this.chartHost=t};this.bindA11yTableHost=t=>{this.a11yTableHost=t};this.onPlotPointerDown=t=>{if(!this.zoomInside||t.button!==0||this.grab)return;if(!this.insidePlot(t))return;const e=this.hostX(t);this.grab={id:t.pointerId,kind:"band",x:e,win:this.win()};this.dragBand={x1:e,x2:e};const s=t.composedPath?.()[0]??t.target;s.setPointerCapture?.(t.pointerId)};this.onPointerMove=t=>{const e=this.grab;if(!e||e.id!==t.pointerId)return;if(e.kind==="band"){const s=this.plotRect();if(!s)return;this.dragBand={x1:e.x,x2:Math.min(Math.max(this.hostX(t),s.x),s.x+s.width)};return}const s=this.trackFrac(t.clientX);const i=this.trackFrac(e.x);if(s==null||i==null)return;const a=Math.max(1,this.dataLength()-1);const r=e.win.end-e.win.start;const n=Math.round((s-i)*a);const o=Math.min(Math.max(0,e.win.start+n),a-r);this.applyZoom(o,o+r)};this.onPointerUp=t=>{const e=this.grab;if(!e||e.id!==t.pointerId)return;this.grab=null;const s=this.dragBand;this.dragBand=null;if(e.kind!=="band"||!s)return;if(Math.abs(s.x2-s.x1)<8)return;const[i,a]=[this.indexAtX(s.x1),this.indexAtX(s.x2)].sort(((t,e)=>t-e));if(a-i>=1)this.applyZoom(i,a)};this.onPlotDblClick=t=>{if(this.zoomInside&&this.zoomWin&&this.insidePlot(t))this.resetZoom()};this.onZoomPanDown=t=>{if(t.button!==0)return;t.stopPropagation();t.preventDefault();this.grab={id:t.pointerId,kind:"pan",x:t.clientX,win:this.win()};t.target.setPointerCapture?.(t.pointerId)};this.onZoomSliderInput=t=>{t.stopPropagation();const{valueStart:e,valueEnd:s}=t.detail??{};if(e==null||s==null)return;this.applyZoom(e,s)};this.onZoomSliderEvent=t=>t.stopPropagation();this.onPlotKeyDown=t=>{const e=this.engine?.getScene();const s=Math.max(0,(e?.xPositions.length??0)-1);if(!e||s<0)return;const i=typeof getComputedStyle==="function"&&getComputedStyle(this.el).direction==="rtl";const a=i?"ArrowLeft":"ArrowRight";const r=i?"ArrowRight":"ArrowLeft";let n=this.kbIndex;switch(t.key){case a:n=this.kbIndex<0?0:Math.min(s,this.kbIndex+1);break;case r:n=this.kbIndex<0?s:Math.max(0,this.kbIndex-1);break;case"Home":n=0;break;case"End":n=s;break;case"Escape":if(this.kbIndex<0)return;n=-1;break;default:return}t.preventDefault();this.moveKeyboardCursor(n)};this.onPlotBlur=()=>{if(this.kbIndex>=0)this.moveKeyboardCursor(-1)}}seriesKeys(){const t=new Map;return this.series.map(((e,s)=>{const i=e.id!=null?`id:${e.id}`:e.label!=null?`label:${e.label}`:`pos:${s}`;const a=t.get(i)??0;t.set(i,a+1);return a===0?i:`${i}#${a}`}))}rememberLegendToggle(t,e){const s=this.seriesKeys()[t];if(s==null)return;this.legendHidden.set(s,e);if(this.legendHidden.size>256){const t=this.legendHidden.keys().next().value;this.legendHidden.delete(t)}}componentDidLoad(){this.initChart();if(typeof window!=="undefined"&&window.matchMedia){this.themeMql=window.matchMedia("(prefers-color-scheme: dark)");this.themeListener=()=>this.applyEngine();this.themeMql.addEventListener?.("change",this.themeListener)}}disconnectedCallback(){this.ro?.disconnect();this.ro=null;this.engine?.dispose();this.engine=null;if(this.themeMql&&this.themeListener){this.themeMql.removeEventListener?.("change",this.themeListener);this.themeListener=undefined;this.themeMql=undefined}}onAnyPropChange(){this.applyEngine();this.rebuildA11yTable()}async resize(){this.engine?.resize()}async replay(){this.engine?.replay()}async toDataURL(){return this.engine?.toDataURL("image/png")??""}async getInstance(){return this.engine}initChart(){this.makeEngine();this.applyEngine();this.rebuildA11yTable();this.mounted=true;this.mdReady.emit()}makeEngine(){if(!this.chartHost)return;this.ro?.disconnect();this.ro=null;this.engine?.dispose();try{this.engine=new r(this.chartHost)}catch{this.engine=null}if(this.engine&&typeof ResizeObserver!=="undefined"){this.ro=new ResizeObserver((()=>this.engine?.resize()));this.ro.observe(this.chartHost)}}buildEngineTheme(t){return{background:t.background,textColor:t.textColor,textColorMuted:t.textColorMuted,axisLineColor:t.axisLineColor,gridLineColor:t.gridColor,surface:t.surface,fontFamily:t.fontFamily,labelSize:t.labelSize,titleSize:t.titleSize}}get zoomInside(){return this.zoom==="inside"||this.zoom==="both"}get zoomSliderOn(){return this.zoom==="slider"||this.zoom==="both"}dataLength(){const t=this.series.reduce(((t,e)=>Math.max(t,e.range?.length??e.data?.length??0)),0);return Math.max(t,this.xAxis?.data?.length??0)}win(){const t=Math.max(0,this.dataLength()-1);const e=this.zoomWin;if(!e)return{start:0,end:t};const s=Math.min(Math.max(0,e.start),Math.max(0,t-1));return{start:s,end:Math.min(Math.max(s+1,e.end),t)}}applyZoom(t,e,s=false){const i=Math.max(0,this.dataLength()-1);const a=Math.min(Math.max(0,Math.round(t)),Math.max(0,i-1));const r=Math.min(Math.max(a+1,Math.round(e)),i);this.zoomWin=s?null:{start:a,end:r};this.applyEngine();this.rebuildA11yTable();this.mdZoom.emit({startIndex:s?0:a,endIndex:s?i:r,reset:s})}async setZoom(t,e){this.applyZoom(t,e)}async resetZoom(){this.applyZoom(0,0,true)}plotRect(){const t=this.engine?.getScene()?.plot;return t?{x:t.x,y:t.y,width:t.width,height:t.height}:null}zoomBandStyle(){const t=this.plotRect();if(!this.dragBand||!t)return undefined;const e=this.canvasOffset();const{x1:s,x2:i}=this.dragBand;return{left:`${e.x+Math.min(s,i)}px`,width:`${Math.abs(i-s)}px`,top:`${e.y+t.y}px`,height:`${t.height}px`}}canvasOffset(){const t=this.chartHost;if(!t)return{x:0,y:0};const e=this.el.getBoundingClientRect();const s=t.getBoundingClientRect();return{x:s.left-e.left,y:s.top-e.top}}indexAtX(t){const e=this.engine?.getScene();const s=this.win();if(!e?.xPositions?.length)return s.start;let i=0;let a=Infinity;e.xPositions.forEach(((e,s)=>{const r=Math.abs(e-t);if(r<a){a=r;i=s}}));return s.start+i}hostX(t){return t.clientX-(this.chartHost??this.el).getBoundingClientRect().left}insidePlot(t){const e=this.plotRect();if(!e)return false;const s=(this.chartHost??this.el).getBoundingClientRect();const i=t.clientX-s.left;const a=t.clientY-s.top;return i>=e.x&&i<=e.x+e.width&&a>=e.y&&a<=e.y+e.height}sliderTrackRect(){const t=this.el.shadowRoot?.querySelector(".md-area-chart__zoom-slider");if(!t)return null;const e=t.getBoundingClientRect();if(!e.width)return null;return{left:e.left,width:e.width,rtl:getComputedStyle(this.el).direction==="rtl"}}trackFrac(t){const e=this.sliderTrackRect();if(!e)return null;const s=(t-e.left)/e.width;return e.rtl?1-s:s}renderZoomSlider(){const t=Math.max(1,this.dataLength()-1);const e=this.win();const i=e=>e/t*100;const a=t=>String(this.xAxis?.data?.[t]??t);return s("div",{class:"md-area-chart__zoom",part:"zoom"},s("md-slider",{class:"md-area-chart__zoom-slider",part:"zoom-slider",exportparts:"track: zoom-track, track-active: zoom-window, thumb-knob: zoom-handle",range:true,controlled:true,min:0,max:t,step:1,valueStart:e.start,valueEnd:e.end,ariaLabelStart:this.labelZoomStart,ariaLabelEnd:this.labelZoomEnd,valueStartText:a(e.start),valueEndText:a(e.end),onMdInput:this.onZoomSliderInput,onMdChange:this.onZoomSliderEvent,onMdDragStart:this.onZoomSliderEvent,onMdDragEnd:this.onZoomSliderEvent,onMdFocus:this.onZoomSliderEvent,onMdBlur:this.onZoomSliderEvent}),s("div",{class:"md-area-chart__zoom-pan",part:"zoom-pan",style:{insetInlineStart:`calc(${i(e.start)}% + var(--_zoom-pan-inset))`,inlineSize:`max(0px, calc(${i(e.end)-i(e.start)}% - 2 * var(--_zoom-pan-inset)))`},onPointerDown:this.onZoomPanDown}))}buildSpec(t){const e=this.stack==="percentage";const s=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const i=this.zoomWin?this.win():null;const a=t=>t&&i?t.slice(i.start,i.end+1):t;const r=t=>{if(!t||!i)return t;const e={};for(const[s,a]of Object.entries(t)){const t=Number(s)-i.start;if(t>=0&&t<=i.end-i.start)e[t]=a}return e};const c=this.seriesKeys();return{series:this.series.map(((e,s)=>({label:e.label??`Series ${s+1}`,color:h(this.el,e.color,d(t.palette,s)),data:a(e.range?e.range.map((()=>null)):e.data)??[],range:a(e.range?.map(l)),fill:e.fill,stroke:e.stroke??(!this.showLine||this.stack==="wiggle"||this.stack==="silhouette"?false:undefined),curve:e.curve??this.curve,connectNulls:e.connectNulls??this.connectNulls,showMarks:e.showMarks??this.showMarks,hidden:e.hidden??this.legendHidden.get(c[s])??false,dash:e.dash,symbol:e.symbol,pointSymbols:r(e.pointSymbols),lineWidth:e.lineWidth??this.lineWidth,markSize:e.markSize??this.markSize}))),title:this.label||undefined,subtitle:this.subtitle||undefined,titleAlign:this.titleAlign,animation:this.noAnimation?"none":this.animation,animationDuration:this.animationDuration,xValues:a(this.xAxis?.data)??[],xScale:this.xAxis?.scale??"category",xFormatter:this.xAxis?.valueFormatter??(t=>o(t,this.locale)),xLabel:this.xAxis?.label,xHidden:this.xAxis?.hidden,xHideTicks:this.xAxis?.hideTicks,xDash:this.xAxis?.dash,xGridDash:this.xAxis?.gridDash,xBands:n(this.el,this.xAxis?.bands),yBands:n(this.el,this.yAxis?.bands),xBreaks:this.xAxis?.breaks,yBreaks:this.yAxis?.breaks,yScale:this.yAxis?.scale??"value",yMin:e?0:this.yAxis?.min,yMax:e?100:this.yAxis?.max,yFormatter:e?t=>`${Math.round(t)}%`:s,yTickFormatter:!e&&this.yAxis?.valueFormatter?t=>this.yAxis.valueFormatter(t):undefined,yLabel:this.yAxis?.label,yHidden:this.yAxis?.hidden,yHideTicks:this.yAxis?.hideTicks,yDash:this.yAxis?.dash,yGridDash:this.yAxis?.gridDash,stack:this.stack,inverted:this.inverted,area:true,fillOpacity:this.fillOpacity,legend:this.legend,gridY:this.grid==="horizontal"||this.grid==="both",gridX:this.grid==="vertical"||this.grid==="both",axisTicks:this.axisTicks,showLabels:this.showLabels,seriesLabels:this.seriesLabels}}applyEngine(){if(!this.engine)return;const t=c(this.el);this.engine.setSpec(this.buildSpec(t),this.buildEngineTheme(t),{onHover:t=>{if(t<0)return;const e=t+(this.zoomWin?this.win().start:0);this.mdHover.emit({dataIndex:e,axisValue:this.xAxis?.data?.[e],seriesIndices:this.visibleSeriesIndices()})},onLegendClick:t=>{this.rememberLegendToggle(t.seriesIndex,!!t.hidden);this.mdLegendClick.emit({seriesIndex:t.seriesIndex,seriesId:this.series[t.seriesIndex]?.id,selected:!t.hidden})},onPointClick:(t,e,s)=>{const i=this.clickDetail(t,e,s);if(i)this.mdMarkerClick.emit(i)},onLineClick:(t,e,s)=>{const i=this.clickDetail(t,e,s);if(i)this.mdLineClick.emit(i)},onAreaClick:(t,e,s)=>{const i=this.clickDetail(t,e,s);if(i)this.mdAreaClick.emit(i)},onAxisClick:(t,e,s)=>{const i=t+(this.zoomWin?this.win().start:0);this.mdAxisClick.emit({dataIndex:i,axisValue:this.xAxis?.data?.[i],seriesValues:e.map((t=>({seriesIndex:t.seriesIndex,seriesId:this.series[t.seriesIndex]?.id,label:t.label,dataIndex:t.value==null?-1:i,value:t.value}))),nativeEvent:s})}});this.engine.setHoverEnabled(this.tooltip!=="none");this.engine.setTooltip({render:this.tooltipRenderer,missingFormatter:this.valueFormatter,trigger:this.tooltip==="item"?"item":"axis"})}clickDetail(t,e,s){const i=this.series[t];if(!i)return null;const a=e+(this.zoomWin?this.win().start:0);return{seriesIndex:t,seriesId:i.id,dataIndex:a,value:i.data[a]??null,axisValue:this.xAxis?.data?.[a],nativeEvent:s,series:i}}visibleSeriesIndices(){const t=this.engine?.getScene()?.hoverPoints;if(t)return t.map((t=>t.seriesIndex));return this.series.map(((t,e)=>e)).filter((t=>!this.series[t].hidden))}rebuildA11yTable(){if(!this.a11yTableHost)return;this.a11yTableHost.innerHTML=m({title:this.label,xAxisLabel:this.xAxis?.label,xAxisData:this.xAxis?.data,xValueFormatter:this.xAxis?.valueFormatter??(t=>o(t,this.locale)),locale:this.locale,series:this.series,valueFormatter:this.valueFormatter,labels:this.tableLabels})}moveKeyboardCursor(t){this.kbIndex=t;this.engine?.focusIndex(t);if(t<0){this.announcement="";return}const e=this.engine?.getScene();const s=e?.xLabels?.[t]??String(t+1);const i=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const a=(e?.hoverPoints??[]).map((e=>{const s=e.byIndex[t];return s?`${e.label} ${i(s.value)}`:null})).filter(Boolean).join(", ");this.announcement=this.labelPoint.replace("%x%",s).replace("%values%",a)}render(){const t=this.xAxis?.data??[];const e=this.summary||p({title:this.label,chartType:"area",seriesCount:this.series.length,locale:this.locale,xMin:t[0],xMax:t[t.length-1]});const a=this.series.length===0&&!this.loading;return s(i,{key:"0496c0aa00bf1655d18ece61bb6aff208b3fabcb",class:{"md-area-chart":true,"md-area-chart--empty":a,"md-area-chart--mounted":this.mounted,"md-area-chart--zoom-slider":this.zoomSliderOn,"md-area-chart--zoom-drag":this.zoomInside},role:"figure","aria-label":e,"aria-busy":this.loading?"true":null,style:this.heightProp?{blockSize:this.heightProp}:undefined,onPointerDown:this.onPlotPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onPointerCancel:this.onPointerUp,onDblClick:this.onPlotDblClick},s("header",{key:"f0052cede200134219b212236ed8d3c4ae480528",class:"md-area-chart__header",part:"header"},s("slot",{key:"40a404dd9b38e79fb08508196fdf395125d98e62",name:"header"})),s("div",{key:"83c877928ab37405a3682dcb0279963d79328b4a",class:"md-area-chart__canvas",part:"canvas",ref:t=>this.bindChartHost(t),tabindex:a?undefined:"0",role:a?undefined:"application","aria-label":a?undefined:this.labelPlot,onKeyDown:this.onPlotKeyDown,onBlur:this.onPlotBlur}),a&&s("div",{key:"0adc7d94c1d03e92a7c9075770182300894f9198",class:"md-area-chart__empty",part:"empty"},s("slot",{key:"c09b857d1a67c8c414e364dd36cc098854d43858",name:"empty"},this.labelEmpty)),this.loading&&s("div",{key:"b586efd6ffb6c357abc5d41ca57b6f6bad0ecb8a",class:"md-area-chart__loading",part:"loading",role:"status"},s("slot",{key:"1d45a922f9a86a93899ee0cb805e944660ea44a4",name:"loader"},s("slot",{key:"c8dec7602f7580185f7157724e4ec689511a2c3c",name:"loading"},s("md-progress-indicator",{key:"b2228ab15341274424f53a2f5959290f27bd24e0",class:"md-area-chart__spinner",variant:"circular",indeterminate:true,label:this.loadingLabel}),s("span",{key:"c5befeda9e8a296191e33f2c56ba1e7ccb47eafb",class:"md-area-chart__loading-text"},this.loadingLabel)))),this.dragBand&&this.plotRect()&&s("div",{key:"9d3d6a7c26458e5d2d368ad32aea1fae95883d1a",class:"md-area-chart__zoom-band",part:"zoom-band",style:this.zoomBandStyle()}),this.zoomSliderOn&&this.renderZoomSlider(),s("footer",{key:"a28e742fd635979a879993ace7d00c2973a23b87",class:"md-area-chart__footer",part:"footer"},s("slot",{key:"1f4b8cb324d8acd16facd6f53fadde294c28f808",name:"footer"})),s("div",{key:"59c7c19842feecc2d38901c0533ceb9a560de713",class:"md-area-chart__a11y-table",ref:t=>this.bindA11yTableHost(t)}),s("div",{key:"604caca8b90bae8742a18aa6f6be5f82dcaee93f",class:"md-area-chart__live",role:"status","aria-live":"polite","aria-atomic":"true"},this.announcement))}get el(){return a(this)}static get watchers(){return{series:[{onAnyPropChange:0}],xAxis:[{onAnyPropChange:0}],yAxis:[{onAnyPropChange:0}],curve:[{onAnyPropChange:0}],stack:[{onAnyPropChange:0}],legend:[{onAnyPropChange:0}],tooltip:[{onAnyPropChange:0}],zoom:[{onAnyPropChange:0}],connectNulls:[{onAnyPropChange:0}],showMarks:[{onAnyPropChange:0}],lineWidth:[{onAnyPropChange:0}],markSize:[{onAnyPropChange:0}],label:[{onAnyPropChange:0}],subtitle:[{onAnyPropChange:0}],titleAlign:[{onAnyPropChange:0}],fillOpacity:[{onAnyPropChange:0}],showLine:[{onAnyPropChange:0}],grid:[{onAnyPropChange:0}],axisTicks:[{onAnyPropChange:0}],showLabels:[{onAnyPropChange:0}],inverted:[{onAnyPropChange:0}],loading:[{onAnyPropChange:0}],animation:[{onAnyPropChange:0}],animationDuration:[{onAnyPropChange:0}],tooltipRenderer:[{onAnyPropChange:0}],valueFormatter:[{onAnyPropChange:0}]}}};y.style=u();export{y as md_area_chart};
2
- //# sourceMappingURL=p-b5586b66.entry.js.map
1
+ import{r as t,c as e,h as s,H as i,g as a}from"./p-WmvQpZnM.js";import{L as r}from"./p-Cch92tDM.js";import{j as n,k as o,l as h,n as c,o as d}from"./p-CVFH1DkU.js";import{n as l,b as m,a as p}from"./p-nhfFYWzy.js";import"./p-CGqeEMjY.js";const u=()=>`:host{--_block-size:var(--md-area-chart-block-size, auto);--_min-block-size:var(--md-area-chart-min-block-size, max(120px, calc(160px + var(--md-sys-density-scale, 0) * 8px)));--_aspect-ratio:var(--md-area-chart-aspect-ratio, 16 / 9);--_background:var(--md-area-chart-background, var(--md-sys-color-surface-container-low, #F7F2FA));--_padding:var(--md-area-chart-padding, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_zoom-size:var(--md-area-chart-zoom-size, 28px);--_zoom-track-color:var(--md-area-chart-zoom-track-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_zoom-window-color:var(--md-area-chart-zoom-window-color, var(--md-sys-color-secondary-container, #E8DEF8));--_zoom-handle-color:var(--md-area-chart-zoom-handle-color, var(--md-sys-color-primary, #6750A4));--_zoom-band-color:var(--md-area-chart-zoom-band-color, color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 16%, transparent));--_zoom-pan-inset:10px;--_shape:var(--md-area-chart-shape, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_empty-color:var(--md-area-chart-empty-color, var(--md-sys-color-on-surface-variant, #49454F));--_empty-background:var(--md-area-chart-empty-background, var(--_background));--_empty-font:var(--md-area-chart-empty-font, var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif));--_empty-font-size:var(--md-area-chart-empty-font-size, var(--md-sys-typescale-body-medium-font-size, 14px));--_empty-icon-size:var(--md-area-chart-empty-icon-size, 40px);display:block;position:relative;inline-size:100%;block-size:var(--_block-size);min-block-size:var(--_min-block-size);background:var(--_background);padding:var(--_padding);border-radius:var(--_shape);box-sizing:border-box;aspect-ratio:var(--_aspect-ratio)}.md-area-chart__header,.md-area-chart__footer{display:contents}.md-area-chart__header>slot[name='header']::slotted(*),.md-area-chart__footer>slot[name='footer']::slotted(*){display:block;margin-block:8px}.md-area-chart__canvas{position:absolute;inset:var(--_padding);min-block-size:0;min-inline-size:0}.md-area-chart__empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);pointer-events:none;text-align:center}.md-area-chart__empty ::slotted(.material-symbols-outlined),.md-area-chart__empty ::slotted(.material-symbols-rounded),.md-area-chart__empty ::slotted(.material-symbols-sharp),.md-area-chart__empty ::slotted(.material-icons){font-size:var(--_empty-icon-size) !important;line-height:1;opacity:0.55}.md-area-chart__a11y-table{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){:host{forced-color-adjust:auto}}.md-area-chart__live{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[part='legend'] button:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:2px;border-radius:6px}.md-area-chart__canvas:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px;border-radius:4px}.md-area-chart__loading{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);text-align:center}.md-area-chart__spinner{inline-size:var(--_empty-icon-size);block-size:var(--_empty-icon-size)}:host(.md-area-chart--zoom-slider) .md-area-chart__canvas{bottom:calc(var(--_padding) + var(--_zoom-size))}:host(.md-area-chart--zoom-drag) .md-area-chart__canvas{cursor:ew-resize}.md-area-chart__zoom{position:absolute;inset-inline:var(--_padding);bottom:var(--_padding);block-size:var(--_zoom-size);display:flex;align-items:center}.md-area-chart__zoom-slider{--md-slider-active-color:var(--_zoom-window-color);--md-slider-inactive-color:var(--_zoom-track-color);--md-slider-thumb-color:var(--_zoom-handle-color);--md-slider-thumb-height:var(--_zoom-size);--md-slider-track-height:12px}.md-area-chart__zoom-pan{position:absolute;inset-block:0;z-index:1;cursor:grab;touch-action:none}.md-area-chart__zoom-pan:active{cursor:grabbing}.md-area-chart__zoom-band{position:absolute;background:var(--_zoom-band-color);border-inline:1px solid var(--_zoom-handle-color);pointer-events:none}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const f=class{constructor(s){t(this,s);this.mdMarkerClick=e(this,"mdMarkerClick",7);this.mdLineClick=e(this,"mdLineClick",7);this.mdAreaClick=e(this,"mdAreaClick",7);this.mdAxisClick=e(this,"mdAxisClick",7);this.mdLegendClick=e(this,"mdLegendClick",7);this.mdHover=e(this,"mdHover",7);this.mdReady=e(this,"mdReady",7);this.mdZoom=e(this,"mdZoom",7);this.label="";this.titleAlign="start";this.series=[];this.curve="smooth";this.stack="normal";this.connectNulls=false;this.showMarks=false;this.legend="top-end";this.tooltip="axis";this.zoom="none";this.locale="";this.noAnimation=false;this.animation="expressive";this.fillOpacity=.55;this.showLine=true;this.grid="horizontal";this.inverted=false;this.seriesLabels=false;this.summary="";this.labelEmpty="No data to display";this.loading=false;this.loadingLabel="Loading chart…";this.labelZoomStart="Zoom range start";this.labelZoomEnd="Zoom range end";this.axisTicks=false;this.showLabels=false;this.labelPlot="Chart data. Use the arrow keys to move between points, Home and End for the first and last, Escape to leave.";this.labelPoint="%x%: %values%";this.density=0;this.mounted=false;this.kbIndex=-1;this.announcement="";this.zoomWin=null;this.dragBand=null;this.grab=null;this.engine=null;this.ro=null;this.legendHidden=new Map;this.bindChartHost=t=>{this.chartHost=t};this.bindA11yTableHost=t=>{this.a11yTableHost=t};this.onPlotPointerDown=t=>{if(!this.zoomInside||t.button!==0||this.grab)return;if(!this.insidePlot(t))return;const e=this.hostX(t);this.grab={id:t.pointerId,kind:"band",x:e,win:this.win()};this.dragBand={x1:e,x2:e};const s=t.composedPath?.()[0]??t.target;s.setPointerCapture?.(t.pointerId)};this.onPointerMove=t=>{const e=this.grab;if(!e||e.id!==t.pointerId)return;if(e.kind==="band"){const s=this.plotRect();if(!s)return;this.dragBand={x1:e.x,x2:Math.min(Math.max(this.hostX(t),s.x),s.x+s.width)};return}const s=this.trackFrac(t.clientX);const i=this.trackFrac(e.x);if(s==null||i==null)return;const a=Math.max(1,this.dataLength()-1);const r=e.win.end-e.win.start;const n=Math.round((s-i)*a);const o=Math.min(Math.max(0,e.win.start+n),a-r);this.applyZoom(o,o+r)};this.onPointerUp=t=>{const e=this.grab;if(!e||e.id!==t.pointerId)return;this.grab=null;const s=this.dragBand;this.dragBand=null;if(e.kind!=="band"||!s)return;if(Math.abs(s.x2-s.x1)<8)return;const[i,a]=[this.indexAtX(s.x1),this.indexAtX(s.x2)].sort(((t,e)=>t-e));if(a-i>=1)this.applyZoom(i,a)};this.onPlotDblClick=t=>{if(this.zoomInside&&this.zoomWin&&this.insidePlot(t))this.resetZoom()};this.onZoomPanDown=t=>{if(t.button!==0)return;t.stopPropagation();t.preventDefault();this.grab={id:t.pointerId,kind:"pan",x:t.clientX,win:this.win()};t.target.setPointerCapture?.(t.pointerId)};this.onZoomSliderInput=t=>{t.stopPropagation();const{valueStart:e,valueEnd:s}=t.detail??{};if(e==null||s==null)return;this.applyZoom(e,s)};this.onZoomSliderEvent=t=>t.stopPropagation();this.onPlotKeyDown=t=>{const e=this.engine?.getScene();const s=Math.max(0,(e?.xPositions.length??0)-1);if(!e||s<0)return;const i=typeof getComputedStyle==="function"&&getComputedStyle(this.el).direction==="rtl";const a=i?"ArrowLeft":"ArrowRight";const r=i?"ArrowRight":"ArrowLeft";let n=this.kbIndex;switch(t.key){case a:n=this.kbIndex<0?0:Math.min(s,this.kbIndex+1);break;case r:n=this.kbIndex<0?s:Math.max(0,this.kbIndex-1);break;case"Home":n=0;break;case"End":n=s;break;case"Escape":if(this.kbIndex<0)return;n=-1;break;default:return}t.preventDefault();this.moveKeyboardCursor(n)};this.onPlotBlur=()=>{if(this.kbIndex>=0)this.moveKeyboardCursor(-1)}}seriesKeys(){const t=new Map;return this.series.map(((e,s)=>{const i=e.id!=null?`id:${e.id}`:e.label!=null?`label:${e.label}`:`pos:${s}`;const a=t.get(i)??0;t.set(i,a+1);return a===0?i:`${i}#${a}`}))}rememberLegendToggle(t,e){const s=this.seriesKeys()[t];if(s==null)return;this.legendHidden.set(s,e);if(this.legendHidden.size>256){const t=this.legendHidden.keys().next().value;this.legendHidden.delete(t)}}componentDidLoad(){this.initChart();if(typeof window!=="undefined"&&window.matchMedia){this.themeMql=window.matchMedia("(prefers-color-scheme: dark)");this.themeListener=()=>this.applyEngine();this.themeMql.addEventListener?.("change",this.themeListener)}}disconnectedCallback(){this.ro?.disconnect();this.ro=null;this.engine?.dispose();this.engine=null;if(this.themeMql&&this.themeListener){this.themeMql.removeEventListener?.("change",this.themeListener);this.themeListener=undefined;this.themeMql=undefined}}onAnyPropChange(){this.applyEngine();this.rebuildA11yTable()}async resize(){this.engine?.resize()}async replay(){this.engine?.replay()}async toDataURL(){return this.engine?.toDataURL("image/png")??""}async getInstance(){return this.engine}initChart(){this.makeEngine();this.applyEngine();this.rebuildA11yTable();this.mounted=true;this.mdReady.emit()}makeEngine(){if(!this.chartHost)return;this.ro?.disconnect();this.ro=null;this.engine?.dispose();try{this.engine=new r(this.chartHost)}catch{this.engine=null}if(this.engine&&typeof ResizeObserver!=="undefined"){this.ro=new ResizeObserver((()=>this.engine?.resize()));this.ro.observe(this.chartHost)}}buildEngineTheme(t){return{background:t.background,textColor:t.textColor,textColorMuted:t.textColorMuted,axisLineColor:t.axisLineColor,gridLineColor:t.gridColor,surface:t.surface,fontFamily:t.fontFamily,labelSize:t.labelSize,titleSize:t.titleSize}}get zoomInside(){return this.zoom==="inside"||this.zoom==="both"}get zoomSliderOn(){return this.zoom==="slider"||this.zoom==="both"}dataLength(){const t=this.series.reduce(((t,e)=>Math.max(t,e.range?.length??e.data?.length??0)),0);return Math.max(t,this.xAxis?.data?.length??0)}win(){const t=Math.max(0,this.dataLength()-1);const e=this.zoomWin;if(!e)return{start:0,end:t};const s=Math.min(Math.max(0,e.start),Math.max(0,t-1));return{start:s,end:Math.min(Math.max(s+1,e.end),t)}}applyZoom(t,e,s=false){const i=Math.max(0,this.dataLength()-1);const a=Math.min(Math.max(0,Math.round(t)),Math.max(0,i-1));const r=Math.min(Math.max(a+1,Math.round(e)),i);this.zoomWin=s?null:{start:a,end:r};this.applyEngine();this.rebuildA11yTable();this.mdZoom.emit({startIndex:s?0:a,endIndex:s?i:r,reset:s})}async setZoom(t,e){this.applyZoom(t,e)}async resetZoom(){this.applyZoom(0,0,true)}plotRect(){const t=this.engine?.getScene()?.plot;return t?{x:t.x,y:t.y,width:t.width,height:t.height}:null}zoomBandStyle(){const t=this.plotRect();if(!this.dragBand||!t)return undefined;const e=this.canvasOffset();const{x1:s,x2:i}=this.dragBand;return{left:`${e.x+Math.min(s,i)}px`,width:`${Math.abs(i-s)}px`,top:`${e.y+t.y}px`,height:`${t.height}px`}}canvasOffset(){const t=this.chartHost;if(!t)return{x:0,y:0};const e=this.el.getBoundingClientRect();const s=t.getBoundingClientRect();return{x:s.left-e.left,y:s.top-e.top}}indexAtX(t){const e=this.engine?.getScene();const s=this.win();if(!e?.xPositions?.length)return s.start;let i=0;let a=Infinity;e.xPositions.forEach(((e,s)=>{const r=Math.abs(e-t);if(r<a){a=r;i=s}}));return s.start+i}hostX(t){return t.clientX-(this.chartHost??this.el).getBoundingClientRect().left}insidePlot(t){const e=this.plotRect();if(!e)return false;const s=(this.chartHost??this.el).getBoundingClientRect();const i=t.clientX-s.left;const a=t.clientY-s.top;return i>=e.x&&i<=e.x+e.width&&a>=e.y&&a<=e.y+e.height}sliderTrackRect(){const t=this.el.shadowRoot?.querySelector(".md-area-chart__zoom-slider");if(!t)return null;const e=t.getBoundingClientRect();if(!e.width)return null;return{left:e.left,width:e.width,rtl:getComputedStyle(this.el).direction==="rtl"}}trackFrac(t){const e=this.sliderTrackRect();if(!e)return null;const s=(t-e.left)/e.width;return e.rtl?1-s:s}renderZoomSlider(){const t=Math.max(1,this.dataLength()-1);const e=this.win();const i=e=>e/t*100;const a=t=>String(this.xAxis?.data?.[t]??t);return s("div",{class:"md-area-chart__zoom",part:"zoom"},s("md-slider",{class:"md-area-chart__zoom-slider",part:"zoom-slider",exportparts:"track: zoom-track, track-active: zoom-window, thumb-knob: zoom-handle",range:true,controlled:true,min:0,max:t,step:1,valueStart:e.start,valueEnd:e.end,ariaLabelStart:this.labelZoomStart,ariaLabelEnd:this.labelZoomEnd,valueStartText:a(e.start),valueEndText:a(e.end),onMdInput:this.onZoomSliderInput,onMdChange:this.onZoomSliderEvent,onMdDragStart:this.onZoomSliderEvent,onMdDragEnd:this.onZoomSliderEvent,onMdFocus:this.onZoomSliderEvent,onMdBlur:this.onZoomSliderEvent}),s("div",{class:"md-area-chart__zoom-pan",part:"zoom-pan",style:{insetInlineStart:`calc(${i(e.start)}% + var(--_zoom-pan-inset))`,inlineSize:`max(0px, calc(${i(e.end)-i(e.start)}% - 2 * var(--_zoom-pan-inset)))`},onPointerDown:this.onZoomPanDown}))}buildSpec(t){const e=this.stack==="percentage";const s=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const i=this.zoomWin?this.win():null;const a=t=>t&&i?t.slice(i.start,i.end+1):t;const r=t=>{if(!t||!i)return t;const e={};for(const[s,a]of Object.entries(t)){const t=Number(s)-i.start;if(t>=0&&t<=i.end-i.start)e[t]=a}return e};const c=this.seriesKeys();return{series:this.series.map(((e,s)=>({label:e.label??`Series ${s+1}`,color:h(this.el,e.color,d(t.palette,s)),data:a(e.range?e.range.map((()=>null)):e.data)??[],range:a(e.range?.map(l)),fill:e.fill,stroke:e.stroke??(!this.showLine||this.stack==="wiggle"||this.stack==="silhouette"?false:undefined),curve:e.curve??this.curve,connectNulls:e.connectNulls??this.connectNulls,showMarks:e.showMarks??this.showMarks,hidden:e.hidden??this.legendHidden.get(c[s])??false,dash:e.dash,symbol:e.symbol,pointSymbols:r(e.pointSymbols),lineWidth:e.lineWidth??this.lineWidth,markSize:e.markSize??this.markSize}))),title:this.label||undefined,subtitle:this.subtitle||undefined,titleAlign:this.titleAlign,animation:this.noAnimation?"none":this.animation,animationDuration:this.animationDuration,xValues:a(this.xAxis?.data)??[],xScale:this.xAxis?.scale??"category",xFormatter:this.xAxis?.valueFormatter??(t=>o(t,this.locale)),xLabel:this.xAxis?.label,xHidden:this.xAxis?.hidden,xHideTicks:this.xAxis?.hideTicks,xDash:this.xAxis?.dash,xGridDash:this.xAxis?.gridDash,xBands:n(this.el,this.xAxis?.bands),yBands:n(this.el,this.yAxis?.bands),xBreaks:this.xAxis?.breaks,yBreaks:this.yAxis?.breaks,yScale:this.yAxis?.scale??"value",yMin:e?0:this.yAxis?.min,yMax:e?100:this.yAxis?.max,yFormatter:e?t=>`${Math.round(t)}%`:s,yTickFormatter:!e&&this.yAxis?.valueFormatter?t=>this.yAxis.valueFormatter(t):undefined,yLabel:this.yAxis?.label,yHidden:this.yAxis?.hidden,yHideTicks:this.yAxis?.hideTicks,yDash:this.yAxis?.dash,yGridDash:this.yAxis?.gridDash,stack:this.stack,inverted:this.inverted,area:true,fillOpacity:this.fillOpacity,legend:this.legend,gridY:this.grid==="horizontal"||this.grid==="both",gridX:this.grid==="vertical"||this.grid==="both",axisTicks:this.axisTicks,showLabels:this.showLabels,seriesLabels:this.seriesLabels}}applyEngine(){if(!this.engine)return;const t=c(this.el);this.engine.setSpec(this.buildSpec(t),this.buildEngineTheme(t),{onHover:t=>{if(t<0)return;const e=t+(this.zoomWin?this.win().start:0);this.mdHover.emit({dataIndex:e,axisValue:this.xAxis?.data?.[e],seriesIndices:this.visibleSeriesIndices()})},onLegendClick:t=>{this.rememberLegendToggle(t.seriesIndex,!!t.hidden);this.mdLegendClick.emit({seriesIndex:t.seriesIndex,seriesId:this.series[t.seriesIndex]?.id,selected:!t.hidden})},onPointClick:(t,e,s)=>{const i=this.clickDetail(t,e,s);if(i)this.mdMarkerClick.emit(i)},onLineClick:(t,e,s)=>{const i=this.clickDetail(t,e,s);if(i)this.mdLineClick.emit(i)},onAreaClick:(t,e,s)=>{const i=this.clickDetail(t,e,s);if(i)this.mdAreaClick.emit(i)},onAxisClick:(t,e,s)=>{const i=t+(this.zoomWin?this.win().start:0);this.mdAxisClick.emit({dataIndex:i,axisValue:this.xAxis?.data?.[i],seriesValues:e.map((t=>({seriesIndex:t.seriesIndex,seriesId:this.series[t.seriesIndex]?.id,label:t.label,dataIndex:t.value==null?-1:i,value:t.value}))),nativeEvent:s})}});this.engine.setHoverEnabled(this.tooltip!=="none");this.engine.setTooltip({render:this.tooltipRenderer,missingFormatter:this.valueFormatter,trigger:this.tooltip==="item"?"item":"axis"})}clickDetail(t,e,s){const i=this.series[t];if(!i)return null;const a=e+(this.zoomWin?this.win().start:0);return{seriesIndex:t,seriesId:i.id,dataIndex:a,value:i.data[a]??null,axisValue:this.xAxis?.data?.[a],nativeEvent:s,series:i}}visibleSeriesIndices(){const t=this.engine?.getScene()?.hoverPoints;if(t)return t.map((t=>t.seriesIndex));return this.series.map(((t,e)=>e)).filter((t=>!this.series[t].hidden))}rebuildA11yTable(){if(!this.a11yTableHost)return;this.a11yTableHost.innerHTML=m({title:this.label,xAxisLabel:this.xAxis?.label,xAxisData:this.xAxis?.data,xValueFormatter:this.xAxis?.valueFormatter??(t=>o(t,this.locale)),locale:this.locale,series:this.series,valueFormatter:this.valueFormatter,labels:this.tableLabels})}moveKeyboardCursor(t){this.kbIndex=t;this.engine?.focusIndex(t);if(t<0){this.announcement="";return}const e=this.engine?.getScene();const s=e?.xLabels?.[t]??String(t+1);const i=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const a=(e?.hoverPoints??[]).map((e=>{const s=e.byIndex[t];return s?`${e.label} ${i(s.value)}`:null})).filter(Boolean).join(", ");this.announcement=this.labelPoint.replace("%x%",s).replace("%values%",a)}render(){const t=this.xAxis?.data??[];const e=this.summary||p({title:this.label,chartType:"area",seriesCount:this.series.length,locale:this.locale,xMin:t[0],xMax:t[t.length-1]});const a=this.series.length===0&&!this.loading;return s(i,{key:"907187a03d335c1bf6d6fd9cc67fe8f35d16bd57",class:{"md-area-chart":true,"md-area-chart--empty":a,"md-area-chart--mounted":this.mounted,"md-area-chart--zoom-slider":this.zoomSliderOn,"md-area-chart--zoom-drag":this.zoomInside},role:"figure","aria-label":e,"aria-busy":this.loading?"true":null,style:this.heightProp?{blockSize:this.heightProp}:undefined,onPointerDown:this.onPlotPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onPointerCancel:this.onPointerUp,onDblClick:this.onPlotDblClick},s("header",{key:"8d5f6ad2d135e60d3a2bb34b2cae08669a63301f",class:"md-area-chart__header",part:"header"},s("slot",{key:"86eb06739b665c65313f8aaed5a66aee779fc602",name:"header"})),s("div",{key:"51d593702cb973f2fca78a14763c7147d33d4f03",class:"md-area-chart__canvas",part:"canvas",ref:t=>this.bindChartHost(t),tabindex:a?undefined:"0",role:a?undefined:"application","aria-label":a?undefined:this.labelPlot,onKeyDown:this.onPlotKeyDown,onBlur:this.onPlotBlur}),a&&s("div",{key:"dde9ed1a8008beb3a24b4c5e70a3d00b5d400346",class:"md-area-chart__empty",part:"empty"},s("slot",{key:"8a4de09ed1352811e142a88189ee7e417e5c8d5c",name:"empty"},this.labelEmpty)),this.loading&&s("div",{key:"3371d8aa20e37a61be148e05b2f003f37d93eb22",class:"md-area-chart__loading",part:"loading",role:"status"},s("slot",{key:"c733e2e476186a363825b509d7dd82c3d93960ac",name:"loader"},s("slot",{key:"ff76c6f70c80923c681112a6a9cea3fde8f60593",name:"loading"},s("md-progress-indicator",{key:"b10e9ac7de4a5390877a47adc1c685046840b439",class:"md-area-chart__spinner",variant:"circular",indeterminate:true,label:this.loadingLabel}),s("span",{key:"55f835ce64856f233cbaeb147e6461e7d6f35230",class:"md-area-chart__loading-text"},this.loadingLabel)))),this.dragBand&&this.plotRect()&&s("div",{key:"12accf53559eb1933ce83fe6e34c5462f02f0743",class:"md-area-chart__zoom-band",part:"zoom-band",style:this.zoomBandStyle()}),this.zoomSliderOn&&this.renderZoomSlider(),s("footer",{key:"8138a8696892a4df9bc83b486e4e1cc0899a3ac3",class:"md-area-chart__footer",part:"footer"},s("slot",{key:"32b2ab8bf259e49ece161c940dbf6c53603bdfd5",name:"footer"})),s("div",{key:"08efb73a3841095f3cc938370b1fe295164489b1",class:"md-area-chart__a11y-table",ref:t=>this.bindA11yTableHost(t)}),s("div",{key:"cf9f068cddfa9d48e109f51436461a5cf839b306",class:"md-area-chart__live",role:"status","aria-live":"polite","aria-atomic":"true"},this.announcement))}get el(){return a(this)}static get watchers(){return{series:[{onAnyPropChange:0}],xAxis:[{onAnyPropChange:0}],yAxis:[{onAnyPropChange:0}],curve:[{onAnyPropChange:0}],stack:[{onAnyPropChange:0}],legend:[{onAnyPropChange:0}],tooltip:[{onAnyPropChange:0}],zoom:[{onAnyPropChange:0}],connectNulls:[{onAnyPropChange:0}],showMarks:[{onAnyPropChange:0}],lineWidth:[{onAnyPropChange:0}],markSize:[{onAnyPropChange:0}],label:[{onAnyPropChange:0}],subtitle:[{onAnyPropChange:0}],titleAlign:[{onAnyPropChange:0}],fillOpacity:[{onAnyPropChange:0}],showLine:[{onAnyPropChange:0}],grid:[{onAnyPropChange:0}],axisTicks:[{onAnyPropChange:0}],showLabels:[{onAnyPropChange:0}],inverted:[{onAnyPropChange:0}],loading:[{onAnyPropChange:0}],animation:[{onAnyPropChange:0}],animationDuration:[{onAnyPropChange:0}],tooltipRenderer:[{onAnyPropChange:0}],valueFormatter:[{onAnyPropChange:0}]}}};f.style=u();export{f as md_area_chart};
2
+ //# sourceMappingURL=p-f5399b73.entry.js.map