@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
package/dist/md3/{p-9b9677cc.entry.js → p-6237ddac.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,c as e,h as i,H as s,g as a}from"./p-WmvQpZnM.js";import{t as n}from"./p-DYBUr7K_.js";import{s as r,S as o,a as l}from"./p-BjYKc1Ge.js";const d=()=>`:host{--_container-color:var(--md-list-item-container-color, var(--md-sys-color-surface, #fef7ff));--_container-shape:var(--md-list-item-container-shape, 0px);--_container-shape-start-start:var(--md-list-item-container-shape-start-start, var(--_container-shape));--_container-shape-start-end:var(--md-list-item-container-shape-start-end, var(--_container-shape));--_container-shape-end-start:var(--md-list-item-container-shape-end-start, var(--_container-shape));--_container-shape-end-end:var(--md-list-item-container-shape-end-end, var(--_container-shape));--_hover-container-shape:var(--md-list-item-hover-container-shape, var(--md-list-item-active-container-shape, 0px));--_focus-container-shape:calc(var(--md-list-item-focus-container-shape, var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px))) * var(--md-sys-shape-morph-enabled, 1));--_pressed-container-shape:calc(var(--md-list-item-pressed-container-shape, var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px))) * var(--md-sys-shape-morph-enabled, 1));--_selected-container-shape:calc(var(--md-list-item-selected-container-shape, var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px))) * var(--md-sys-shape-morph-enabled, 1));--_dragged-container-shape:var(--md-list-item-dragged-container-shape, var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px)));--_label-text-color:var(--md-list-item-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_label-text-font:var(--md-list-item-label-text-font, var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif));--_supporting-text-color:var(--md-list-item-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-font:var(--md-list-item-supporting-text-font, var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif));--_overline-color:var(--md-list-item-overline-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-supporting-text-color:var(--md-list-item-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-supporting-text-font:var(--md-list-item-trailing-supporting-text-font, var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif));--_leading-icon-color:var(--md-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-size:var(--md-list-item-leading-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_leading-icon-expressive-size:var(--md-list-item-leading-icon-expressive-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_trailing-icon-color:var(--md-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-trailing-icon-color:var(--md-list-item-unselected-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_trailing-icon-size:var(--md-list-item-trailing-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_trailing-icon-expressive-size:var(--md-list-item-trailing-icon-expressive-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_leading-avatar-color:var(--md-list-item-leading-avatar-color, var(--md-sys-color-primary-container, #eaddff));--_leading-avatar-label-color:var(--md-list-item-leading-avatar-label-color, var(--md-sys-color-on-primary-container, #21005d));--_leading-avatar-size:var(--md-list-item-leading-avatar-size, 40px);--_leading-avatar-shape:var(--md-list-item-leading-avatar-shape, var(--md-sys-shape-corner-full, 9999px));--_leading-image-width:var(--md-list-item-leading-image-width, 56px);--_leading-image-height:var(--md-list-item-leading-image-height, 56px);--_leading-image-shape:var(--md-list-item-leading-image-shape, var(--md-sys-shape-corner-none, 0px));--_leading-image-expressive-shape:var(--md-list-item-leading-image-expressive-shape, var(--md-sys-shape-corner-small, 8px));--_leading-image-selection-scrim-color:var( --md-list-item-leading-image-selection-scrim-color, color-mix(in srgb, var(--md-sys-color-scrim, #000000) 32%, transparent) );--_leading-image-selection-circle-color:var( --md-list-item-leading-image-selection-circle-color, color-mix(in srgb, var(--md-sys-color-on-surface, #1d1b20) 60%, transparent) );--_leading-image-selection-icon-color:var( --md-list-item-leading-image-selection-icon-color, var(--md-sys-color-surface, #fef7ff) );--_leading-image-selection-icon-size:var(--md-list-item-leading-image-selection-icon-size, 24px);--_leading-video-width:var(--md-list-item-leading-video-width, 100px);--_leading-video-height:var(--md-list-item-leading-video-height, 56px);--_leading-video-shape:var(--md-list-item-leading-video-shape, var(--md-sys-shape-corner-small, 8px));--_selected-container-color:var(--md-list-item-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_selected-label-text-color:var(--md-list-item-selected-label-text-color, var(--md-sys-color-on-secondary-container, #4a4458));--_selected-active-icon-color:var(--md-list-item-selected-active-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_selected-disabled-container-color:var( --md-list-item-selected-disabled-container-color, color-mix(in srgb, var(--md-sys-color-on-surface, #1d1b20) 12%, transparent) );--_state-layer-color:var(--md-sys-color-on-surface, #1c1b1f);--_hover-state-layer-opacity:var(--md-list-item-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 0.08));--_focus-state-layer-opacity:var(--md-list-item-focus-state-layer-opacity, 0.1);--_pressed-state-layer-opacity:var(--md-list-item-pressed-state-layer-opacity, 0.1);--_dragged-state-layer-opacity:var(--md-list-item-dragged-state-layer-opacity, 0.16);--_disabled-state-layer-opacity:var(--md-list-item-disabled-state-layer-opacity, 0);--_leading-space:var(--md-list-item-leading-space, var(--md-sys-spacing-inset-lg, 16px));--_trailing-space:var(--md-list-item-trailing-space, var(--md-sys-spacing-inset-lg, 16px));--_top-space:var(--md-list-item-top-space, max(2px, calc(8px + var(--md-sys-density-scale, 0) * 1.5px)));--_bottom-space:var(--md-list-item-bottom-space, max(2px, calc(8px + var(--md-sys-density-scale, 0) * 1.5px)));--_between-space:var(--md-list-item-between-space, max(8px, var(--md-sys-spacing-gap-md, 12px)));--_three-line-top-space:var(--md-list-item-three-line-top-space, max(2px, calc(12px + var(--md-sys-density-scale, 0) * 2.5px)));--_three-line-bottom-space:var(--md-list-item-three-line-bottom-space, max(2px, calc(12px + var(--md-sys-density-scale, 0) * 2.5px)));--_density-delta:calc(var(--md-sys-density-scale, 0) * 4px);--_density-delta-multi:calc(var(--md-sys-density-scale, 0) * 6px);--_dragged-container-elevation:var(--md-list-item-dragged-container-elevation, var(--md-sys-elevation-4, 0px 6px 10px 4px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.3)));--_expand-chevron-color:var(--md-list-item-expand-chevron-color, var(--md-sys-color-on-surface-variant, #49454f));--_expand-duration:var(--md-list-item-expand-duration, var(--md-sys-motion-duration-medium3, 350ms));--_collapse-duration:var(--md-list-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));--_expanded-panel-padding-block:var(--md-list-item-expanded-panel-padding-block, 0px);--_expanded-panel-padding-inline:var(--md-list-item-expanded-panel-padding-inline, 0px);--_expanded-panel-padding-inline-start:var( --md-list-item-expanded-panel-padding-inline-start, var(--md-list-item-expanded-panel-padding-inline, 0px) );--_expanded-panel-background:var(--md-list-item-expanded-panel-background, transparent);display:block;position:relative;background-color:var(--_container-color);color:var(--_label-text-color);border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none;overflow:clip;transition:box-shadow var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), border-start-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)), border-start-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)), border-end-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)), border-end-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}.md-list-item__row{display:flex;align-items:center;position:relative;min-block-size:calc(56px + var(--_density-delta));padding-block-start:var(--_top-space);padding-block-end:var(--_bottom-space);padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space);gap:var(--_between-space);box-sizing:border-box;overflow:hidden;transition:border-start-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)), border-start-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)), border-end-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)), border-end-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}:host(.md-list-item--interactive) .md-list-item__row{cursor:pointer;user-select:none}:host(.md-list-item--type-text:not(.md-list-item--selection-mode):not(.md-list-item--expandable)) .md-list-item__row{cursor:default}.md-list-item__primary{display:flex;align-items:center;flex:1 1 auto;min-inline-size:0;gap:var(--_between-space);appearance:none;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;cursor:inherit;outline:none;-webkit-tap-highlight-color:transparent}:host(.md-list-item--3-line) .md-list-item__primary{align-items:flex-start;align-self:stretch}:host(.md-list-item--1-line) .md-list-item__row{min-block-size:calc(56px + var(--_density-delta))}:host(.md-list-item--2-line) .md-list-item__row{min-block-size:calc(72px + var(--_density-delta-multi))}:host(.md-list-item--3-line) .md-list-item__row{min-block-size:calc(88px + var(--_density-delta-multi));padding-block-start:var(--_three-line-top-space);padding-block-end:var(--_three-line-bottom-space);align-items:flex-start}:host(.md-list-item--with-video){--_top-space:var(--md-list-item-leading-video-top-space, max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px)));--_bottom-space:max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px))}:host(.md-list-item--3-line) .md-list-item__leading{align-self:flex-start;}:host(.md-list-item--3-line.md-list-item--with-avatar) .md-list-item__leading{align-self:center}:host(.md-list-item--3-line:has(md-avatar[slot='leading'])) .md-list-item__leading{align-self:center}:host(.md-list-item--3-line) .md-list-item__trailing{align-self:stretch;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:0}:host(.md-list-item--3-line) .md-list-item__trailing-icon{margin-block:auto}:host-context(.md-list--standard),:host-context(.md-list--segmented){--_leading-icon-size:var(--md-list-item-leading-icon-size, var(--_leading-icon-expressive-size));--_trailing-icon-size:var(--md-list-item-trailing-icon-size, var(--_trailing-icon-expressive-size));--_leading-image-shape:var(--md-list-item-leading-image-shape, var(--_leading-image-expressive-shape))}:host-context(.md-list--standard):host(:first-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--standard):host(:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--standard):host(:only-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list-item--expandable.md-list-item--expanded){--md-list-item-container-shape-end-start:0px;--md-list-item-container-shape-end-end:0px}:host-context(.md-list--segmented){--_container-shape:var(--md-list-item-container-shape, var(--md-sys-shape-corner-extra-small, 4px))}:host-context(.md-list--segmented):host(:first-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--segmented):host(:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--segmented):host(:only-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}.md-list-item__state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(.md-list-item--interactive) .md-list-item__row:hover .md-list-item__state-layer{opacity:var(--_hover-state-layer-opacity)}:host(.md-list-item--interactive:focus-visible) .md-list-item__state-layer,:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)) .md-list-item__state-layer{opacity:var(--_focus-state-layer-opacity)}:host(.md-list-item--interactive:has(.md-list-item__primary:focus-visible)) .md-list-item__state-layer{opacity:var(--_focus-state-layer-opacity)}:host(.md-list-item--interactive) .md-list-item__row:active .md-list-item__state-layer,:host(.md-list-item--pressed) .md-list-item__state-layer{opacity:var(--_pressed-state-layer-opacity)}:host(.md-list-item--dragged) .md-list-item__state-layer{opacity:var(--_dragged-state-layer-opacity)}:host(.md-list-item--dragged) md-ripple{display:none}:host(.md-list-item--dragged){box-shadow:var(--_dragged-container-elevation);z-index:1}:host(.md-list-item--interactive:focus-visible),:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)){box-shadow:inset 0 0 0 3px var(--md-sys-color-secondary, #625b71);outline:none;z-index:1}:host(.md-list-item--interactive:has(.md-list-item__primary:focus-visible)){box-shadow:inset 0 0 0 3px var(--md-sys-color-secondary, #625b71);outline:none;z-index:1}:host(.md-list-item--dragged:focus-visible){box-shadow:var(--_dragged-container-elevation), inset 0 0 0 3px var(--md-sys-color-secondary, #625b71)}:host(.md-list-item--interactive:focus-visible),:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)),:host(.md-list-item--selected),:host(.md-list-item--interactive:active),:host(.md-list-item--pressed),:host(.md-list-item--dragged){transition:box-shadow var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), border-start-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), border-start-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), border-end-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), border-end-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--interactive:focus-visible) .md-list-item__row,:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)) .md-list-item__row,:host(.md-list-item--selected) .md-list-item__row,:host(.md-list-item--interactive:active) .md-list-item__row,:host(.md-list-item--pressed) .md-list-item__row,:host(.md-list-item--dragged) .md-list-item__row{transition:border-start-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), border-start-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), border-end-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), border-end-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--interactive:focus-visible),:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)),:host(.md-list-item--interactive:focus-visible) .md-list-item__row,:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_focus-container-shape));border-start-end-radius:max(var(--_container-shape-start-end), var(--_focus-container-shape));border-end-start-radius:max(var(--_container-shape-end-start), var(--_focus-container-shape));border-end-end-radius:max(var(--_container-shape-end-end), var(--_focus-container-shape))}:host(.md-list-item--selected),:host(.md-list-item--selected) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_selected-container-shape));border-start-end-radius:max(var(--_container-shape-start-end), var(--_selected-container-shape));border-end-start-radius:max(var(--_container-shape-end-start), var(--_selected-container-shape));border-end-end-radius:max(var(--_container-shape-end-end), var(--_selected-container-shape))}:host(.md-list-item--interactive:active),:host(.md-list-item--pressed),:host(.md-list-item--dragged),:host(.md-list-item--interactive:active) .md-list-item__row,:host(.md-list-item--pressed) .md-list-item__row,:host(.md-list-item--dragged) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_pressed-container-shape));border-start-end-radius:max(var(--_container-shape-start-end), var(--_pressed-container-shape));border-end-start-radius:max(var(--_container-shape-end-start), var(--_pressed-container-shape));border-end-end-radius:max(var(--_container-shape-end-end), var(--_pressed-container-shape))}:host(.md-list-item--dragged),:host(.md-list-item--dragged) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_dragged-container-shape));border-start-end-radius:max(var(--_container-shape-start-end), var(--_dragged-container-shape));border-end-start-radius:max(var(--_container-shape-end-start), var(--_dragged-container-shape));border-end-end-radius:max(var(--_container-shape-end-end), var(--_dragged-container-shape))}:host(.md-list-item--selected){--_container-color:var(--_selected-container-color);--_label-text-color:var(--_selected-label-text-color);--_supporting-text-color:var(--_selected-label-text-color);--_overline-color:var(--_selected-label-text-color);--_leading-icon-color:var(--_selected-label-text-color);--_trailing-icon-color:var(--_selected-label-text-color);--_trailing-supporting-text-color:var(--_selected-label-text-color);--_state-layer-color:var(--_selected-label-text-color);--_expand-chevron-color:var(--_selected-label-text-color)}:host(.md-list-item--selection-mode:not(.md-list-item--selected)){--_trailing-icon-color:var(--_unselected-trailing-icon-color)}:host(.md-list-item--selected.md-list-item--interactive:hover),:host(.md-list-item--selected.md-list-item--interactive:focus-visible),:host(.md-list-item--selected.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)),:host(.md-list-item--selected.md-list-item--interactive:active),:host(.md-list-item--selected.md-list-item--pressed),:host(.md-list-item--selected.md-list-item--dragged){--_leading-icon-color:var(--_selected-active-icon-color);--_trailing-icon-color:var(--_selected-active-icon-color)}:host(.md-list-item--expandable),:host(.md-list-item--expandable[selected]),:host(.md-list-item--expandable.md-list-item--selected),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--interactive:hover),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--interactive:focus-visible),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--interactive:active),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--pressed),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--dragged){--_container-color:var(--md-list-item-container-color, var(--md-sys-color-surface, #fef7ff));--_label-text-color:var(--md-list-item-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_supporting-text-color:var(--md-list-item-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_overline-color:var(--md-list-item-overline-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-color:var(--md-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-color:var(--md-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-supporting-text-color:var( --md-list-item-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f) );--_state-layer-color:var(--md-sys-color-on-surface, #1c1b1f);--_expand-chevron-color:var(--md-list-item-expand-chevron-color, var(--md-sys-color-on-surface-variant, #49454f))}:host(.md-list-item--expandable.md-list-item--selected),:host(.md-list-item--expandable.md-list-item--selected) .md-list-item__row{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}:host(.md-list-item--disabled){cursor:default;pointer-events:none;--_label-text-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_supporting-text-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_overline-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_leading-icon-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_trailing-icon-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_trailing-supporting-text-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_expand-chevron-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-list-item--disabled) .md-list-item__state-layer{opacity:var(--_disabled-state-layer-opacity)}:host(.md-list-item--selected.md-list-item--disabled){--_container-color:var(--_selected-disabled-container-color)}:host([soft-disabled]){pointer-events:auto}:host([soft-disabled]) .md-list-item__row{cursor:default}:host([soft-disabled]) .md-list-item__state-layer{display:none}.md-list-item__leading{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-inline-size:24px;color:var(--_leading-icon-color)}.md-list-item__leading--empty,.md-list-item__overline--empty,.md-list-item__supporting-text--empty,.md-list-item__trailing-text--empty{display:none}.md-list-item__icon{font-size:var(--_leading-icon-size);inline-size:var(--_leading-icon-size);block-size:var(--_leading-icon-size);line-height:1;color:var(--_leading-icon-color);font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;transition:font-variation-settings var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--expanded) .md-list-item__icon{font-variation-settings:'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24}md-avatar.md-list-item__avatar{--md-avatar-size:var(--_leading-avatar-size);--md-avatar-container-shape:var(--_leading-avatar-shape);--md-avatar-container-color:var(--_leading-avatar-color);--md-avatar-label-color:var(--_leading-avatar-label-color)}.md-list-item__image-wrap{position:relative;display:inline-flex;flex-shrink:0;inline-size:var(--_leading-image-width);block-size:var(--_leading-image-height);border-radius:var(--_leading-image-shape);overflow:hidden}.md-list-item__image{inline-size:100%;block-size:100%;object-fit:cover}.md-list-item__image-selection-indicator{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--_leading-image-selection-scrim-color);pointer-events:none;opacity:0;transition:opacity var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--selected) .md-list-item__image-selection-indicator{opacity:1}.md-list-item__image-selection-circle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:var(--_leading-image-selection-icon-size);block-size:var(--_leading-image-selection-icon-size);border-radius:var(--md-sys-shape-corner-full, 9999px);background-color:var(--_leading-image-selection-circle-color);transform:scale(0);opacity:0}:host(.md-list-item--selected) .md-list-item__image-selection-circle{animation:md-list-item-image-selection-in var(--md-sys-motion-duration-medium2, 250ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)) both}@keyframes md-list-item-image-selection-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:scale(1);opacity:1}}.md-list-item__image-selection-check.material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;inline-size:calc(var(--_leading-image-selection-icon-size) * 0.667);block-size:calc(var(--_leading-image-selection-icon-size) * 0.667);font-size:calc(var(--_leading-image-selection-icon-size) * 0.667);line-height:1;color:var(--_leading-image-selection-icon-color);font-weight:normal;font-variation-settings:'FILL' 1, 'wght' 600, 'GRAD' 0, 'opsz' 24}::slotted([slot="leading"]){display:inline-flex;align-items:center;justify-content:center;color:var(--_leading-icon-color);fill:currentColor}::slotted(video[slot="leading"]){inline-size:var(--_leading-video-width);block-size:var(--_leading-video-height);border-radius:var(--_leading-video-shape);object-fit:cover}.md-list-item__content{flex:1;display:flex;flex-direction:column;min-inline-size:0;overflow:hidden;gap:0}.md-list-item__overline{font-family:var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-small-font-size, 11px);font-weight:var(--md-sys-typescale-label-small-font-weight, 500);line-height:var(--md-sys-typescale-label-small-line-height, 16px);letter-spacing:var(--md-sys-typescale-label-small-letter-spacing, 0.5px);color:var(--_overline-color);contain:inline-size;min-inline-size:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-transform:uppercase;transition:none}.md-list-item__headline{font-family:var(--_label-text-font);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-font-weight, 400);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-large-letter-spacing, 0.5px);color:var(--_label-text-color);display:block;contain:inline-size;min-inline-size:0;max-inline-size:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:none}.md-list-item__supporting-text{font-family:var(--_supporting-text-font);font-size:max(11px, 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));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:var(--_supporting-text-color);display:block;contain:inline-size;min-inline-size:0;max-inline-size:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:none}:host(.md-list-item--3-line) .md-list-item__supporting-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}md-tooltip.md-list-item__headline-tooltip,md-tooltip.md-list-item__supporting-tooltip{display:block;min-inline-size:0;max-inline-size:100%;overflow:hidden;--md-tooltip-plain-max-inline-size:320px}md-tooltip.md-list-item__supporting-tooltip--empty{display:none}.md-list-item__trailing{display:flex;align-items:center;gap:4px;flex-shrink:0;color:var(--_trailing-icon-color)}.md-list-item__trailing-text{font-family:var(--_trailing-supporting-text-font);font-size:var(--md-sys-typescale-label-small-font-size, 11px);font-weight:var(--md-sys-typescale-label-small-font-weight, 500);line-height:var(--md-sys-typescale-label-small-line-height, 16px);color:var(--_trailing-supporting-text-color);white-space:nowrap}.md-list-item__trailing-icon{display:inline-flex;align-items:center;justify-content:center;font-size:var(--_trailing-icon-size);inline-size:var(--_trailing-icon-size);block-size:var(--_trailing-icon-size);line-height:1;color:var(--_trailing-icon-color)}::slotted([slot="trailing"]:not(md-badge)){display:inline-flex;align-items:center;justify-content:center;color:var(--_trailing-icon-color);fill:currentColor;pointer-events:auto}::slotted(md-badge[slot="trailing"]){display:inline-flex;align-items:center;justify-content:center;pointer-events:auto;position:static;inset-block-start:auto;inset-inline-end:auto;transform:none;flex-shrink:0}:host(.md-list-item--3-line) ::slotted(md-badge[slot="trailing"]){margin-block:auto}.md-list-item__drag-handle.material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;flex-shrink:0;font-size:22px;line-height:1;color:var(--_trailing-icon-color);opacity:0.55;cursor:grab;touch-action:none;pointer-events:auto;transition:opacity var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), transform var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)), color var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-list-item__drag-handle.material-symbols-outlined:hover{opacity:1;color:var(--md-sys-color-on-surface, #1c1b1f);transform:scale(1.08)}.md-list-item__drag-handle.material-symbols-outlined:active{cursor:grabbing}:host(.md-list-item--dragged) .md-list-item__drag-handle{opacity:1;color:var(--md-sys-color-on-surface, #1c1b1f);cursor:grabbing}:host(.md-list-item--shifting){transition:transform var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));will-change:transform}.md-list-item__expand-button{flex-shrink:0;--md-icon-button-container-width:var(--md-list-item-expand-button-size, 32px);--md-icon-button-container-height:var(--md-list-item-expand-button-size, 32px);--md-icon-button-icon-size:var(--md-list-item-expand-chevron-size, 24px);--md-icon-button-icon-color:var(--_expand-chevron-color);--md-icon-button-state-layer-color:var(--_expand-chevron-color);margin-inline-end:-4px}.md-list-item__expand-button--expanded{--md-icon-button-container-color:var(--md-sys-color-primary, #6750a4);--md-icon-button-icon-color:var(--md-sys-color-on-primary, #ffffff);--md-icon-button-state-layer-color:var(--md-sys-color-on-primary, #ffffff);--md-icon-button-outline-color:transparent}.md-list-item__expand-button::part(icon){transition:transform var(--md-sys-motion-duration-medium2, 250ms) var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));transform-origin:center}.md-list-item__expand-button--expanded::part(icon){transform:rotate(180deg)}.md-list-item__expanded-panel{display:grid;grid-template-rows:0fr;opacity:0;background-color:var(--_expanded-panel-background);transition:grid-template-rows var(--_collapse-duration) var(--_collapse-easing), opacity var(--_collapse-duration) var(--_collapse-easing)}:host(.md-list-item--expanded) .md-list-item__expanded-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-list-item__expanded-panel-inner{min-block-size:0;overflow:hidden;transform:translateY(-8px);transition:transform var(--_collapse-duration) var(--_collapse-easing);padding-block:var(--_expanded-panel-padding-block);padding-inline-start:var(--_expanded-panel-padding-inline-start);padding-inline-end:var(--_expanded-panel-padding-inline)}:host(.md-list-item--expanded) .md-list-item__expanded-panel-inner{transform:translateY(0);transition:transform var(--_expand-duration) var(--_expand-easing)}:host(.md-list-item--expandable) ::slotted(md-list-item[slot="expanded-content"]){--md-list-item-container-shape:0px;--md-list-item-container-shape-start-start:0px;--md-list-item-container-shape-start-end:0px;--md-list-item-container-shape-end-start:0px;--md-list-item-container-shape-end-end:0px;display:block;inline-size:100%;box-sizing:border-box}:host-context(.md-list--standard):host(:last-of-type.md-list-item--expanded) ::slotted(md-list-item[slot="expanded-content"]:last-of-type),:host-context(.md-list--segmented):host(:last-of-type.md-list-item--expanded) ::slotted(md-list-item[slot="expanded-content"]:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}::slotted(md-divider[slot="expanded-content"]){display:block}::slotted([slot="expanded-content"]){display:block}.md-list-item__expanded-panel[hidden]{display:grid}@media (prefers-reduced-motion: reduce){:host{transition-property:box-shadow}.md-list-item__row,.md-list-item__expanded-panel,.md-list-item__expanded-panel-inner,.md-list-item__drag-handle{transition:none}.md-list-item__drag-handle.material-symbols-outlined:hover{transform:none}.md-list-item__expand-button::part(icon){transition:none}.md-list-item__image-selection-indicator{transition:none}:host(.md-list-item--selected) .md-list-item__image-selection-circle{animation:none;transform:scale(1);opacity:1}}.material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased;pointer-events:none}:host([dir="rtl"]) .md-list-item__trailing-icon[data-rtl-mirror],:host-context([dir="rtl"]) .md-list-item__trailing-icon[data-rtl-mirror]{transform:scaleX(-1)}:host(.md-list-item--with-image) .md-list-item__row{padding-inline-start:16px}: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 m=0;const c=class{constructor(i){t(this,i);this.mdClick=e(this,"mdClick",7);this.mdItemClick=e(this,"mdItemClick",7);this.mdItemSelect=e(this,"mdItemSelect",7);this.mdRequestActivation=e(this,"mdRequestActivation",7);this.mdItemRequestReorder=e(this,"mdItemRequestReorder",7);this.mdExpand=e(this,"mdExpand",7);this.type="text";this.headline="";this.overline="";this.supportingText="";this.trailingSupportingText="";this.leadingIcon="";this.trailingIcon="";this.leadingAvatar="";this.leadingAvatarAlt="";this.leadingAvatarName="";this.leadingAvatarLabel="";this.leadingImage="";this.leadingImageAlt="";this.lines=1;this.href="";this.target="_self";this.disabled=false;this.softDisabled=false;this.selected=false;this.expandable=false;this.expanded=false;this.tabbable=true;this.rovingFocusVisible=false;this.selectionMode="none";this.interactionMode="single-action";this.containerRole="";this.reorderable=false;this.density=0;this.hasSlottedLeading=false;this.hasSlottedTrailing=false;this.hasSlottedHeadline=false;this.hasSlottedOverline=false;this.hasSlottedSupportingText=false;this.hasSlottedTrailingSupportingText=false;this.hasSlottedExpandedContent=false;this.hasExpandedListItemChildren=false;this.hasLeadingVideo=false;this.pressed=false;this.hostedByList=false;this.observer=null;this.expandedPanelId=`md-list-item-panel-${++m}`;this.resizeObserver=null;this.truncationRaf=0;this.truncationDebounceTimer=0;this.headlineTruncated=false;this.supportingTruncated=false;this.handleCaretToggle=t=>{t.stopPropagation();this.toggleExpanded()};this.handleClick=t=>{if(!this.isInteractive)return;if(this.isEffectivelyDisabled){t.preventDefault();return}if(this.isDragHandleTarget(t))return;if(this.isTrailingActionTarget(t))return;if(this.isExpandButtonTarget(t))return;if(this.isExpandedContentTarget(t))return;if(this.expandable){this.expanded=!this.expanded;const t=r(this.href);if(this.type==="link"&&t&&!this.hasPrimaryAction){window.open(t,this.target,o)}this.mdClick.emit({item:this.el});return}const e=r(this.href);if(this.type==="link"&&e&&!this.hasPrimaryAction){window.open(e,this.target,o)}this.mdClick.emit({item:this.el});this.mdItemClick.emit({index:this.computeIndex(),selected:this.selected})};this.handleKeyDown=t=>{if(this.reorderable&&!this.isEffectivelyDisabled&&t.altKey&&(t.key==="ArrowUp"||t.key==="ArrowDown")){t.preventDefault();this.mdItemRequestReorder.emit({direction:t.key==="ArrowUp"?"up":"down",from:this.computeIndex()});return}if(!this.isInteractive)return;if(this.expandable&&!this.isEffectivelyDisabled){if(t.key==="ArrowRight"&&!this.expanded){t.preventDefault();this.expanded=true;return}if(t.key==="ArrowLeft"&&this.expanded){t.preventDefault();this.expanded=false;return}}if(t.key==="Enter"||t.key===" "){t.preventDefault();if(!this.isEffectivelyDisabled){this.pressed=true;n(this.el);if(this.type==="link"&&this.primaryEl){this.primaryEl.click()}else{this.el.click()}window.setTimeout((()=>{this.pressed=false}),150)}}};this.handlePointerDown=t=>{if(this.isExpandButtonTarget(t)||this.isTrailingActionTarget(t))return;if(this.isExpandedContentTarget(t))return;if(this.isInteractive&&!this.isEffectivelyDisabled)this.pressed=true};this.handlePointerUp=()=>{this.pressed=false};this.handleFocus=()=>{if(this.hostedByList&&this.isInteractive){this.mdRequestActivation.emit()}};this.scheduleTruncationCheck=()=>{if(this.truncationDebounceTimer)clearTimeout(this.truncationDebounceTimer);this.truncationDebounceTimer=typeof setTimeout!=="undefined"?setTimeout((()=>{this.truncationDebounceTimer=0;this.runTruncationCheck()}),100):0};this.runTruncationCheck=()=>{const t=()=>{this.truncationRaf=0;this.applyTooltipToggle(this.headlineEl,this.headlineTooltipEl,"headlineTruncated",false);this.applyTooltipToggle(this.supportingEl,this.supportingTooltipEl,"supportingTruncated",this.effectiveLines===3)};if(typeof requestAnimationFrame==="function"){if(this.truncationRaf)cancelAnimationFrame(this.truncationRaf);this.truncationRaf=requestAnimationFrame(t)}else{t()}}}get inSelectionMode(){return this.selectionMode!=="none"}get isExpandedContentSlotted(){return this.el.getAttribute("slot")==="expanded-content"}get participatesInSelection(){return this.inSelectionMode&&!this.expandable&&!this.isExpandedContentSlotted}get isMultiAction(){return this.interactionMode==="multi-action"}get isEffectivelyDisabled(){return this.disabled||this.softDisabled}get isInteractive(){return!this.disabled&&(this.type!=="text"||this.inSelectionMode||this.expandable)}get isMenuContext(){return this.containerRole==="menu"||this.containerRole==="menubar"}get hasPrimaryAction(){return!this.participatesInSelection&&!this.reorderable&&!this.isMenuContext&&(this.type==="button"||this.type==="link")}get hasLeadingContent(){return!!this.leadingIcon||!!this.leadingAvatar||!!this.leadingAvatarLabel||!!this.leadingAvatarName||!!this.leadingImage||this.hasSlottedLeading}get hasTrailingContent(){return!!this.trailingIcon||!!this.trailingSupportingText||this.hasSlottedTrailing||this.hasSlottedTrailingSupportingText||this.expandable||this.reorderable}get effectiveLines(){if(this.lines!==1)return this.lines;const t=!!this.overline||this.hasSlottedOverline;const e=!!this.supportingText||this.hasSlottedSupportingText;if(t&&e)return 3;if(t||e)return 2;return 1}componentWillLoad(){const t=this.el.parentElement;this.hostedByList=!!t&&t.tagName==="MD-LIST";if(this.expandable&&this.selected){this.selected=false}if(this.selectionMode==="none"){const t=this.el.getAttribute("data-selection-mode");if(t==="single-select"||t==="multi-select"){this.selectionMode=t}}if(this.interactionMode==="single-action"){const t=this.el.getAttribute("data-interaction-mode");if(t==="multi-action"){this.interactionMode="multi-action"}}this.detectSlottedFromLightDom();if(this.expandable&&this.selected){this.selected=false}}detectSlottedFromLightDom(){if(!this.el||!this.el.children)return;const t=Array.from(this.el.children);const e=e=>t.some((t=>t.getAttribute("slot")===e));const i=e("trailing");if(i!==this.hasSlottedTrailing)this.hasSlottedTrailing=i;const s=e("trailing-supporting-text");if(s!==this.hasSlottedTrailingSupportingText){this.hasSlottedTrailingSupportingText=s}const a=e("headline");if(a!==this.hasSlottedHeadline)this.hasSlottedHeadline=a;const n=e("supporting-text");if(n!==this.hasSlottedSupportingText)this.hasSlottedSupportingText=n;const r=e("overline");if(r!==this.hasSlottedOverline)this.hasSlottedOverline=r;const o=e("leading");if(o!==this.hasSlottedLeading)this.hasSlottedLeading=o;const l=t.some((t=>t.tagName==="VIDEO"&&t.getAttribute("slot")==="leading"));if(l!==this.hasLeadingVideo)this.hasLeadingVideo=l;const d=t.some((t=>t.tagName==="MD-LIST-ITEM"&&t.getAttribute("slot")==="expanded-content"));if(d!==this.hasExpandedListItemChildren){this.hasExpandedListItemChildren=d}}componentDidLoad(){const t=this.el.shadowRoot;if(!t)return;const e=(e,i,s)=>{const a=t.querySelector(`slot[name="${e}"]`);if(!a)return;const n=()=>{try{i(a.assignedElements().length>0)}catch{}s?.()};a.addEventListener("slotchange",n);n()};e("leading",(t=>this.hasSlottedLeading=t));e("trailing",(t=>this.hasSlottedTrailing=t));e("headline",(t=>this.hasSlottedHeadline=t),(()=>this.scheduleTruncationCheck()));e("overline",(t=>this.hasSlottedOverline=t));e("supporting-text",(t=>this.hasSlottedSupportingText=t),(()=>this.scheduleTruncationCheck()));e("trailing-supporting-text",(t=>this.hasSlottedTrailingSupportingText=t));e("expanded-content",(t=>this.hasSlottedExpandedContent=t));if(typeof MutationObserver!=="undefined"){this.observer=new MutationObserver((t=>{let e=false;for(const i of t){if(i.type==="attributes"&&i.target===this.el&&i.attributeName==="data-selection-mode"){const t=this.el.getAttribute("data-selection-mode");if(t==="single-select"||t==="multi-select"){this.selectionMode=t}else if(!t){this.selectionMode="none"}}if(i.type==="attributes"&&i.target===this.el&&i.attributeName==="data-interaction-mode"){const t=this.el.getAttribute("data-interaction-mode");if(t==="multi-action"){this.interactionMode="multi-action"}else if(!t){this.interactionMode="single-action"}}if(i.type==="childList")e=true;if(i.type==="attributes"&&i.attributeName==="slot"&&i.target!==this.el){e=true}}if(e){this.detectSlottedFromLightDom();this.syncExpandedContentSelectionMode();this.syncExpandedContentDividers()}}));this.observer.observe(this.el,{attributes:true,attributeFilter:["data-selection-mode","data-interaction-mode","slot"],childList:true,subtree:true})}if(typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver((()=>this.scheduleTruncationCheck()));this.resizeObserver.observe(this.el)}this.runTruncationCheck();this.syncExpandedContentSelectionMode();this.syncExpandedContentDividers()}disconnectedCallback(){this.observer?.disconnect();this.observer=null;this.resizeObserver?.disconnect();this.resizeObserver=null;if(this.truncationDebounceTimer){clearTimeout(this.truncationDebounceTimer);this.truncationDebounceTimer=0}if(this.truncationRaf&&typeof cancelAnimationFrame==="function"){cancelAnimationFrame(this.truncationRaf);this.truncationRaf=0}}onSelectedChange(t){if(this.expandable&&t){this.selected=false}}onExpandableChange(){if(this.expandable&&this.selected){this.selected=false}this.syncExpandedContentSelectionMode();this.syncExpandedContentDividers()}onSelectionModeChange(){this.syncExpandedContentSelectionMode()}onExpandedChange(t,e){if(t!==e){this.mdExpand.emit(this.buildExpandDetail(t))}}onHeadlineChange(){this.scheduleTruncationCheck()}onSupportingTextChange(){this.scheduleTruncationCheck()}resolveFocusTarget(){if(this.hasPrimaryAction&&this.primaryEl)return this.primaryEl;return this.el}async setFocus(t){const e=this.resolveFocusTarget();if(!e)return;if(e.getAttribute("tabindex")===null){e.setAttribute("tabindex",this.tabbable?"0":"-1")}e.focus(t)}async focusItem(){await this.setFocus()}async toggle(){if(!this.expandable||this.isEffectivelyDisabled)return;this.expanded=!this.expanded}async expand(){if(!this.expandable||this.isEffectivelyDisabled)return;this.expanded=true}async collapse(){if(!this.expandable||this.isEffectivelyDisabled)return;this.expanded=false}isTrailingActionTarget(t){const e=typeof t.composedPath==="function"?t.composedPath():[t.target];for(const t of e){if(!t||t===this.el||!this.isElementLike(t))continue;let e=t;while(e&&e!==this.el){if(e.getAttribute("slot")==="trailing"&&this.isInteractiveTrailingElement(e)){return true}e=e.parentElement}}return false}isElementLike(t){return typeof t.getAttribute==="function"}isInteractiveTrailingElement(t){const e=t.tagName;const i=new Set(["MD-ICON-BUTTON","MD-SWITCH","MD-CHECKBOX","MD-BUTTON","MD-FAB","BUTTON","A","INPUT","SELECT","TEXTAREA"]);if(i.has(e))return true;const s=t;if(typeof s.tabIndex==="number"&&s.tabIndex>=0)return true;const a=t.getAttribute("role");if(a==="button"||a==="switch"||a==="checkbox"||a==="menuitem"){return true}return false}isDragHandleTarget(t){const e=typeof t.composedPath==="function"?t.composedPath():[t.target];return e.some((t=>t?.dataset?.listDragHandle==="true"))}getExpandedContentItems(){return Array.from(this.el.children).filter((t=>t.tagName==="MD-LIST-ITEM"&&t.getAttribute("slot")==="expanded-content"))}isExpandedContentChild(t){return t.parentElement===this.el&&t.getAttribute("slot")==="expanded-content"}syncExpandedContentSelectionMode(){if(!this.expandable)return;const t=this.selectionMode;this.getExpandedContentItems().forEach((e=>{e.selectionMode=t;if(t==="none"){e.removeAttribute("data-selection-mode")}else{e.setAttribute("data-selection-mode",t)}}))}syncExpandedContentDividers(){if(!this.expandable)return;Array.from(this.el.children).forEach((t=>{if(t.tagName==="MD-DIVIDER"&&t.getAttribute("slot")==="expanded-content"){t.setAttribute("aria-hidden","true")}}))}isExpandedContentTarget(t){const e=typeof t.composedPath==="function"?t.composedPath():[t.target];const i=Array.from(this.el.children).filter((t=>t.getAttribute("slot")==="expanded-content"));for(const t of e){if(!t||t===this.el)continue;for(const e of i){if(t===e)return true;if(t instanceof Node&&e.contains(t))return true}}return false}isExpandButtonTarget(t){const e=typeof t.composedPath==="function"?t.composedPath():[t.target];return e.some((t=>t?.dataset?.expandToggle==="true"))}toggleExpanded(){if(!this.expandable||this.isEffectivelyDisabled)return;this.expanded=!this.expanded}expandToggleLabel(){const t=this.expanded?"Collapse":"Expand";const e=this.headlineFullText();return e?`${t} ${e}`:t}onExpandedChildItemClick(t){if(!this.expandable||this.selectionMode==="none")return;const e=t.composedPath().find((t=>t?.tagName==="MD-LIST-ITEM"));if(!e||e===this.el||!this.isExpandedContentChild(e))return;t.stopPropagation();const i=this.getExpandedContentItems();if(this.selectionMode==="single-select"){i.forEach((t=>{t.selected=t===e}))}else if(this.selectionMode==="multi-select"){e.selected=!e.selected}const s=i.indexOf(e);this.mdItemSelect.emit({index:s,value:e.headline||(e.textContent??"").trim(),selected:e.selected,item:e})}computeIndex(){const t=this.el.parentElement;if(!t)return 0;const e=Array.from(t.children).filter((t=>t.tagName==="MD-LIST-ITEM"));return e.indexOf(this.el)}buildExpandDetail(t){const e=this.el;const i=this.computeIndex();const s=this.headlineFullText();return{expanded:t,...i>=0?{index:i}:{},...s?{value:s}:{},item:e}}getSlottedText(t){const e=this.el.shadowRoot?.querySelector(`slot[name="${t}"]`);if(!e)return"";try{return e.assignedNodes().map((t=>t.textContent||"")).join("").trim()}catch{return""}}getDefaultSlotText(){return Array.from(this.el.children).filter((t=>!t.hasAttribute("slot"))).map((t=>t.textContent||"")).join("").trim()}headlineFullText(){return this.hasSlottedHeadline?this.getSlottedText("headline"):this.headline||this.getDefaultSlotText()}supportingFullText(){return this.hasSlottedSupportingText?this.getSlottedText("supporting-text"):this.supportingText}applyTooltipToggle(t,e,i,s){if(!t||!e)return;if(typeof t.scrollWidth!=="number")return;const a=t.scrollWidth>t.clientWidth||s&&t.scrollHeight>t.clientHeight;if(a===this[i])return;this[i]=a;e.disabled=!a}renderLeading(){return i("span",{class:{"md-list-item__leading":true,"md-list-item__leading--empty":!this.hasLeadingContent},part:"leading"},i("slot",{name:"leading"},this.leadingAvatar||this.leadingAvatarLabel||this.leadingAvatarName?i("md-avatar",{class:"md-list-item__avatar",exportparts:"image: avatar-image, initials: avatar-initials, icon: avatar-icon",part:"avatar",src:this.leadingAvatar||undefined,alt:this.leadingAvatarAlt||undefined,name:this.leadingAvatarName||undefined,initials:this.leadingAvatarLabel||undefined,size:"medium",shape:"circle"}):this.leadingImage?i("span",{class:"md-list-item__image-wrap",part:"image-wrap"},i("img",{class:"md-list-item__image",part:"image",src:this.leadingImage,alt:this.leadingImageAlt||"","aria-hidden":!this.leadingImageAlt?"true":null}),i("span",{class:"md-list-item__image-selection-indicator",part:"image-selection-indicator","aria-hidden":"true"},i("span",{class:"md-list-item__image-selection-circle",part:"image-selection-circle"},i("span",{class:"md-list-item__image-selection-check material-symbols-outlined",part:"image-selection-check","aria-hidden":"true"},"check")))):this.leadingIcon?i("span",{class:"md-list-item__icon material-symbols-outlined",part:"leading-icon","aria-hidden":"true"},this.leadingIcon):null))}renderContent(){const t=!!this.overline||this.hasSlottedOverline;const e=!!this.supportingText||this.hasSlottedSupportingText;return i("span",{class:"md-list-item__content",part:"content"},i("span",{class:{"md-list-item__overline":true,"md-list-item__overline--empty":!t},part:"overline"},i("slot",{name:"overline"},this.overline)),i("md-tooltip",{class:"md-list-item__headline-tooltip",variant:"plain",text:this.headlineFullText()||undefined,disabled:!this.headlineTruncated,exportparts:"popup: headline-tooltip-popup",ref:t=>this.headlineTooltipEl=t},i("span",{class:"md-list-item__headline",part:"headline",ref:t=>this.headlineEl=t},i("slot",{name:"headline"},this.headline||i("slot",null)))),i("md-tooltip",{class:{"md-list-item__supporting-tooltip":true,"md-list-item__supporting-tooltip--empty":!e},variant:"plain",text:this.supportingFullText()||undefined,disabled:!this.supportingTruncated,exportparts:"popup: supporting-tooltip-popup",ref:t=>this.supportingTooltipEl=t},i("span",{class:{"md-list-item__supporting-text":true,"md-list-item__supporting-text--empty":!e},part:"supporting-text",ref:t=>this.supportingEl=t},i("slot",{name:"supporting-text"},this.supportingText))))}renderTrailing(){if(!this.hasTrailingContent)return null;const t=!!this.trailingSupportingText||this.hasSlottedTrailingSupportingText;return i("span",{class:"md-list-item__trailing",part:"trailing"},i("slot",{name:"trailing"},t&&i("span",{class:"md-list-item__trailing-text",part:"trailing-supporting-text"},i("slot",{name:"trailing-supporting-text"},this.trailingSupportingText)),this.trailingIcon&&i("span",{class:"md-list-item__trailing-icon material-symbols-outlined",part:"trailing-icon","aria-hidden":"true"},this.trailingIcon)),this.expandable&&i("md-icon-button",{class:{"md-list-item__expand-button":true,"md-list-item__expand-button--expanded":this.expanded},part:"expand-button",exportparts:"state-layer:expand-button-state-layer,icon:expand-button-icon","data-expand-toggle":"true",variant:"standard",size:"xs",buttonWidth:"narrow",icon:"expand_more",selected:this.expanded,disabled:this.isEffectivelyDisabled,"aria-expanded":this.expanded?"true":"false","aria-controls":this.expandedPanelId,"aria-label":this.expandToggleLabel(),onMdClick:this.handleCaretToggle}),this.reorderable&&i("span",{class:"md-list-item__drag-handle material-symbols-outlined",part:"drag-handle","data-list-drag-handle":"true","aria-hidden":"true"},"drag_indicator"))}renderPrimary(t){const e=t=>this.primaryEl=t;if(this.type==="link"){const s=r(this.href);return i("a",{class:"md-list-item__primary",part:"primary",role:"link",href:s,target:s?this.target:undefined,rel:s&&this.target?l:undefined,tabindex:t??undefined,"aria-disabled":this.isEffectivelyDisabled?"true":null,onFocus:this.handleFocus,ref:t=>e(t)},this.renderLeading(),this.renderContent())}return i("span",{class:"md-list-item__primary",part:"primary",role:"button",tabindex:t??undefined,"aria-disabled":this.isEffectivelyDisabled?"true":null,onFocus:this.handleFocus,ref:t=>e(t)},this.renderLeading(),this.renderContent())}render(){const t=this.effectiveLines;const e=this.isInteractive;const a=this.hasPrimaryAction;const n=this.isMenuContext&&!this.participatesInSelection&&(this.type==="button"||this.type==="link");let r;if(this.participatesInSelection){r="option"}else if(n){r="menuitem"}else{r="listitem"}const o=this.expandable&&!this.participatesInSelection&&this.type==="text";const l=this.participatesInSelection?this.selected?"true":"false":null;const d=e&&!o||this.reorderable;const m=d?this.tabbable?"0":"-1":null;const c=a?null:m;const h=a?m:null;const p=this.hasExpandedListItemChildren?"list":this.inSelectionMode?"group":"region";const v=p==="region"?undefined:this.headlineFullText()||undefined;return i(s,{key:"2b9d333fcd78fa67fa3811c61a02ac01b382363d",class:{"md-list-item":true,[`md-list-item--${t}-line`]:true,[`md-list-item--type-${this.type}`]:true,"md-list-item--selection-mode":this.participatesInSelection,"md-list-item--multi-action":this.isMultiAction,"md-list-item--interactive":e,"md-list-item--disabled":this.disabled||this.softDisabled,"md-list-item--soft-disabled":this.softDisabled,"md-list-item--selected":this.selected&&!this.expandable,"md-list-item--pressed":this.pressed,"md-list-item--with-leading":this.hasLeadingContent,"md-list-item--with-trailing":this.hasTrailingContent,"md-list-item--with-avatar":!!this.leadingAvatar||!!this.leadingAvatarLabel||!!this.leadingAvatarName,"md-list-item--with-image":!!this.leadingImage,"md-list-item--with-video":this.hasLeadingVideo,"md-list-item--expandable":this.expandable,"md-list-item--expanded":this.expandable&&this.expanded,"md-list-item--reorderable":this.reorderable,"md-list-item--roving-focus-visible":this.rovingFocusVisible},role:r,"aria-disabled":this.isEffectivelyDisabled?"true":null,"aria-selected":l,tabindex:c,onClick:e?this.handleClick:undefined,onKeyDown:e||this.reorderable?this.handleKeyDown:undefined,onPointerDown:e?this.handlePointerDown:undefined,onPointerUp:e?this.handlePointerUp:undefined,onPointerLeave:e?this.handlePointerUp:undefined,onPointerCancel:e?this.handlePointerUp:undefined,onFocus:e&&!a?this.handleFocus:undefined},i("span",{key:"f1a9a1759c9282ca6a44cbf2a8db81c6e3c04330",class:"md-list-item__row",part:"row"},e&&i("md-ripple",{key:"9c1564542b14116edfcfc5c15606d5d0ee5b4437",disabled:this.isEffectivelyDisabled}),e&&i("span",{key:"a8c98bdc60fabdfc1bb6e3f8c7812a4721e87cc4",class:"md-list-item__state-layer",part:"state-layer","aria-hidden":"true"}),a&&this.renderPrimary(h),!a&&this.renderLeading(),!a&&this.renderContent(),this.renderTrailing()),this.expandable&&i("span",{key:"3eda42f27457a61543b6799c13222806f39cfb17",class:"md-list-item__expanded-panel",part:"expanded-panel",id:this.expandedPanelId,role:p,"aria-label":v,hidden:!this.expanded},i("span",{key:"3c763ff80f6a06f40bfa6ab3c6799fe8362fa626",class:"md-list-item__expanded-panel-inner",part:"expanded-panel-inner"},i("slot",{key:"78b2439caef1c7f3c5dd0c70b0330ee1d7280405",name:"expanded-content"}))))}get el(){return a(this)}static get watchers(){return{selected:[{onSelectedChange:0}],expandable:[{onExpandableChange:0}],selectionMode:[{onSelectionModeChange:0}],expanded:[{onExpandedChange:0}],headline:[{onHeadlineChange:0}],supportingText:[{onSupportingTextChange:0}]}}};c.style=d();export{c as md_list_item};
2
- //# sourceMappingURL=p-9b9677cc.entry.js.map
1
+ import{r as t,c as e,h as i,H as s,g as a}from"./p-WmvQpZnM.js";import{t as n}from"./p-DYBUr7K_.js";import{s as r,a as o,S as l}from"./p-BdEoSBtL.js";const d=()=>`:host{--_container-color:var(--md-list-item-container-color, var(--md-sys-color-surface, #fef7ff));--_container-shape:var(--md-list-item-container-shape, 0px);--_container-shape-start-start:var(--md-list-item-container-shape-start-start, var(--_container-shape));--_container-shape-start-end:var(--md-list-item-container-shape-start-end, var(--_container-shape));--_container-shape-end-start:var(--md-list-item-container-shape-end-start, var(--_container-shape));--_container-shape-end-end:var(--md-list-item-container-shape-end-end, var(--_container-shape));--_hover-container-shape:var(--md-list-item-hover-container-shape, var(--md-list-item-active-container-shape, 0px));--_focus-container-shape:calc(var(--md-list-item-focus-container-shape, var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px))) * var(--md-sys-shape-morph-enabled, 1));--_pressed-container-shape:calc(var(--md-list-item-pressed-container-shape, var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px))) * var(--md-sys-shape-morph-enabled, 1));--_selected-container-shape:calc(var(--md-list-item-selected-container-shape, var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px))) * var(--md-sys-shape-morph-enabled, 1));--_dragged-container-shape:var(--md-list-item-dragged-container-shape, var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px)));--_label-text-color:var(--md-list-item-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_label-text-font:var(--md-list-item-label-text-font, var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif));--_supporting-text-color:var(--md-list-item-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-font:var(--md-list-item-supporting-text-font, var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif));--_overline-color:var(--md-list-item-overline-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-supporting-text-color:var(--md-list-item-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-supporting-text-font:var(--md-list-item-trailing-supporting-text-font, var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif));--_leading-icon-color:var(--md-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-size:var(--md-list-item-leading-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_leading-icon-expressive-size:var(--md-list-item-leading-icon-expressive-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_trailing-icon-color:var(--md-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-trailing-icon-color:var(--md-list-item-unselected-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_trailing-icon-size:var(--md-list-item-trailing-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_trailing-icon-expressive-size:var(--md-list-item-trailing-icon-expressive-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_leading-avatar-color:var(--md-list-item-leading-avatar-color, var(--md-sys-color-primary-container, #eaddff));--_leading-avatar-label-color:var(--md-list-item-leading-avatar-label-color, var(--md-sys-color-on-primary-container, #21005d));--_leading-avatar-size:var(--md-list-item-leading-avatar-size, 40px);--_leading-avatar-shape:var(--md-list-item-leading-avatar-shape, var(--md-sys-shape-corner-full, 9999px));--_leading-image-width:var(--md-list-item-leading-image-width, 56px);--_leading-image-height:var(--md-list-item-leading-image-height, 56px);--_leading-image-shape:var(--md-list-item-leading-image-shape, var(--md-sys-shape-corner-none, 0px));--_leading-image-expressive-shape:var(--md-list-item-leading-image-expressive-shape, var(--md-sys-shape-corner-small, 8px));--_leading-image-selection-scrim-color:var( --md-list-item-leading-image-selection-scrim-color, color-mix(in srgb, var(--md-sys-color-scrim, #000000) 32%, transparent) );--_leading-image-selection-circle-color:var( --md-list-item-leading-image-selection-circle-color, color-mix(in srgb, var(--md-sys-color-on-surface, #1d1b20) 60%, transparent) );--_leading-image-selection-icon-color:var( --md-list-item-leading-image-selection-icon-color, var(--md-sys-color-surface, #fef7ff) );--_leading-image-selection-icon-size:var(--md-list-item-leading-image-selection-icon-size, 24px);--_leading-video-width:var(--md-list-item-leading-video-width, 100px);--_leading-video-height:var(--md-list-item-leading-video-height, 56px);--_leading-video-shape:var(--md-list-item-leading-video-shape, var(--md-sys-shape-corner-small, 8px));--_selected-container-color:var(--md-list-item-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_selected-label-text-color:var(--md-list-item-selected-label-text-color, var(--md-sys-color-on-secondary-container, #4a4458));--_selected-active-icon-color:var(--md-list-item-selected-active-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_selected-disabled-container-color:var( --md-list-item-selected-disabled-container-color, color-mix(in srgb, var(--md-sys-color-on-surface, #1d1b20) 12%, transparent) );--_state-layer-color:var(--md-sys-color-on-surface, #1c1b1f);--_hover-state-layer-opacity:var(--md-list-item-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 0.08));--_focus-state-layer-opacity:var(--md-list-item-focus-state-layer-opacity, 0.1);--_pressed-state-layer-opacity:var(--md-list-item-pressed-state-layer-opacity, 0.1);--_dragged-state-layer-opacity:var(--md-list-item-dragged-state-layer-opacity, 0.16);--_disabled-state-layer-opacity:var(--md-list-item-disabled-state-layer-opacity, 0);--_leading-space:var(--md-list-item-leading-space, var(--md-sys-spacing-inset-lg, 16px));--_trailing-space:var(--md-list-item-trailing-space, var(--md-sys-spacing-inset-lg, 16px));--_top-space:var(--md-list-item-top-space, max(2px, calc(8px + var(--md-sys-density-scale, 0) * 1.5px)));--_bottom-space:var(--md-list-item-bottom-space, max(2px, calc(8px + var(--md-sys-density-scale, 0) * 1.5px)));--_between-space:var(--md-list-item-between-space, max(8px, var(--md-sys-spacing-gap-md, 12px)));--_three-line-top-space:var(--md-list-item-three-line-top-space, max(2px, calc(12px + var(--md-sys-density-scale, 0) * 2.5px)));--_three-line-bottom-space:var(--md-list-item-three-line-bottom-space, max(2px, calc(12px + var(--md-sys-density-scale, 0) * 2.5px)));--_density-delta:calc(var(--md-sys-density-scale, 0) * 4px);--_density-delta-multi:calc(var(--md-sys-density-scale, 0) * 6px);--_dragged-container-elevation:var(--md-list-item-dragged-container-elevation, var(--md-sys-elevation-4, 0px 6px 10px 4px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.3)));--_expand-chevron-color:var(--md-list-item-expand-chevron-color, var(--md-sys-color-on-surface-variant, #49454f));--_expand-duration:var(--md-list-item-expand-duration, var(--md-sys-motion-duration-medium3, 350ms));--_collapse-duration:var(--md-list-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));--_expanded-panel-padding-block:var(--md-list-item-expanded-panel-padding-block, 0px);--_expanded-panel-padding-inline:var(--md-list-item-expanded-panel-padding-inline, 0px);--_expanded-panel-padding-inline-start:var( --md-list-item-expanded-panel-padding-inline-start, var(--md-list-item-expanded-panel-padding-inline, 0px) );--_expanded-panel-background:var(--md-list-item-expanded-panel-background, transparent);display:block;position:relative;background-color:var(--_container-color);color:var(--_label-text-color);border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none;overflow:clip;transition:box-shadow var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), border-start-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)), border-start-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)), border-end-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)), border-end-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}.md-list-item__row{display:flex;align-items:center;position:relative;min-block-size:calc(56px + var(--_density-delta));padding-block-start:var(--_top-space);padding-block-end:var(--_bottom-space);padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space);gap:var(--_between-space);box-sizing:border-box;overflow:hidden;transition:border-start-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)), border-start-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)), border-end-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)), border-end-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}:host(.md-list-item--interactive) .md-list-item__row{cursor:pointer;user-select:none}:host(.md-list-item--type-text:not(.md-list-item--selection-mode):not(.md-list-item--expandable)) .md-list-item__row{cursor:default}.md-list-item__primary{display:flex;align-items:center;flex:1 1 auto;min-inline-size:0;gap:var(--_between-space);appearance:none;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;cursor:inherit;outline:none;-webkit-tap-highlight-color:transparent}:host(.md-list-item--3-line) .md-list-item__primary{align-items:flex-start;align-self:stretch}:host(.md-list-item--1-line) .md-list-item__row{min-block-size:calc(56px + var(--_density-delta))}:host(.md-list-item--2-line) .md-list-item__row{min-block-size:calc(72px + var(--_density-delta-multi))}:host(.md-list-item--3-line) .md-list-item__row{min-block-size:calc(88px + var(--_density-delta-multi));padding-block-start:var(--_three-line-top-space);padding-block-end:var(--_three-line-bottom-space);align-items:flex-start}:host(.md-list-item--with-video){--_top-space:var(--md-list-item-leading-video-top-space, max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px)));--_bottom-space:max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px))}:host(.md-list-item--3-line) .md-list-item__leading{align-self:flex-start;}:host(.md-list-item--3-line.md-list-item--with-avatar) .md-list-item__leading{align-self:center}:host(.md-list-item--3-line:has(md-avatar[slot='leading'])) .md-list-item__leading{align-self:center}:host(.md-list-item--3-line) .md-list-item__trailing{align-self:stretch;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:0}:host(.md-list-item--3-line) .md-list-item__trailing-icon{margin-block:auto}:host-context(.md-list--standard),:host-context(.md-list--segmented){--_leading-icon-size:var(--md-list-item-leading-icon-size, var(--_leading-icon-expressive-size));--_trailing-icon-size:var(--md-list-item-trailing-icon-size, var(--_trailing-icon-expressive-size));--_leading-image-shape:var(--md-list-item-leading-image-shape, var(--_leading-image-expressive-shape))}:host-context(.md-list--standard):host(:first-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--standard):host(:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--standard):host(:only-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list-item--expandable.md-list-item--expanded){--md-list-item-container-shape-end-start:0px;--md-list-item-container-shape-end-end:0px}:host-context(.md-list--segmented){--_container-shape:var(--md-list-item-container-shape, var(--md-sys-shape-corner-extra-small, 4px))}:host-context(.md-list--segmented):host(:first-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--segmented):host(:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--segmented):host(:only-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}.md-list-item__state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(.md-list-item--interactive) .md-list-item__row:hover .md-list-item__state-layer{opacity:var(--_hover-state-layer-opacity)}:host(.md-list-item--interactive:focus-visible) .md-list-item__state-layer,:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)) .md-list-item__state-layer{opacity:var(--_focus-state-layer-opacity)}:host(.md-list-item--interactive:has(.md-list-item__primary:focus-visible)) .md-list-item__state-layer{opacity:var(--_focus-state-layer-opacity)}:host(.md-list-item--interactive) .md-list-item__row:active .md-list-item__state-layer,:host(.md-list-item--pressed) .md-list-item__state-layer{opacity:var(--_pressed-state-layer-opacity)}:host(.md-list-item--dragged) .md-list-item__state-layer{opacity:var(--_dragged-state-layer-opacity)}:host(.md-list-item--dragged) md-ripple{display:none}:host(.md-list-item--dragged){box-shadow:var(--_dragged-container-elevation);z-index:1}:host(.md-list-item--interactive:focus-visible),:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)){box-shadow:inset 0 0 0 3px var(--md-sys-color-secondary, #625b71);outline:none;z-index:1}:host(.md-list-item--interactive:has(.md-list-item__primary:focus-visible)){box-shadow:inset 0 0 0 3px var(--md-sys-color-secondary, #625b71);outline:none;z-index:1}:host(.md-list-item--dragged:focus-visible){box-shadow:var(--_dragged-container-elevation), inset 0 0 0 3px var(--md-sys-color-secondary, #625b71)}:host(.md-list-item--interactive:focus-visible),:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)),:host(.md-list-item--selected),:host(.md-list-item--interactive:active),:host(.md-list-item--pressed),:host(.md-list-item--dragged){transition:box-shadow var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), border-start-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), border-start-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), border-end-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), border-end-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--interactive:focus-visible) .md-list-item__row,:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)) .md-list-item__row,:host(.md-list-item--selected) .md-list-item__row,:host(.md-list-item--interactive:active) .md-list-item__row,:host(.md-list-item--pressed) .md-list-item__row,:host(.md-list-item--dragged) .md-list-item__row{transition:border-start-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), border-start-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), border-end-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), border-end-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--interactive:focus-visible),:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)),:host(.md-list-item--interactive:focus-visible) .md-list-item__row,:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_focus-container-shape));border-start-end-radius:max(var(--_container-shape-start-end), var(--_focus-container-shape));border-end-start-radius:max(var(--_container-shape-end-start), var(--_focus-container-shape));border-end-end-radius:max(var(--_container-shape-end-end), var(--_focus-container-shape))}:host(.md-list-item--selected),:host(.md-list-item--selected) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_selected-container-shape));border-start-end-radius:max(var(--_container-shape-start-end), var(--_selected-container-shape));border-end-start-radius:max(var(--_container-shape-end-start), var(--_selected-container-shape));border-end-end-radius:max(var(--_container-shape-end-end), var(--_selected-container-shape))}:host(.md-list-item--interactive:active),:host(.md-list-item--pressed),:host(.md-list-item--dragged),:host(.md-list-item--interactive:active) .md-list-item__row,:host(.md-list-item--pressed) .md-list-item__row,:host(.md-list-item--dragged) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_pressed-container-shape));border-start-end-radius:max(var(--_container-shape-start-end), var(--_pressed-container-shape));border-end-start-radius:max(var(--_container-shape-end-start), var(--_pressed-container-shape));border-end-end-radius:max(var(--_container-shape-end-end), var(--_pressed-container-shape))}:host(.md-list-item--dragged),:host(.md-list-item--dragged) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_dragged-container-shape));border-start-end-radius:max(var(--_container-shape-start-end), var(--_dragged-container-shape));border-end-start-radius:max(var(--_container-shape-end-start), var(--_dragged-container-shape));border-end-end-radius:max(var(--_container-shape-end-end), var(--_dragged-container-shape))}:host(.md-list-item--selected){--_container-color:var(--_selected-container-color);--_label-text-color:var(--_selected-label-text-color);--_supporting-text-color:var(--_selected-label-text-color);--_overline-color:var(--_selected-label-text-color);--_leading-icon-color:var(--_selected-label-text-color);--_trailing-icon-color:var(--_selected-label-text-color);--_trailing-supporting-text-color:var(--_selected-label-text-color);--_state-layer-color:var(--_selected-label-text-color);--_expand-chevron-color:var(--_selected-label-text-color)}:host(.md-list-item--selection-mode:not(.md-list-item--selected)){--_trailing-icon-color:var(--_unselected-trailing-icon-color)}:host(.md-list-item--selected.md-list-item--interactive:hover),:host(.md-list-item--selected.md-list-item--interactive:focus-visible),:host(.md-list-item--selected.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)),:host(.md-list-item--selected.md-list-item--interactive:active),:host(.md-list-item--selected.md-list-item--pressed),:host(.md-list-item--selected.md-list-item--dragged){--_leading-icon-color:var(--_selected-active-icon-color);--_trailing-icon-color:var(--_selected-active-icon-color)}:host(.md-list-item--expandable),:host(.md-list-item--expandable[selected]),:host(.md-list-item--expandable.md-list-item--selected),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--interactive:hover),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--interactive:focus-visible),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--interactive:active),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--pressed),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--dragged){--_container-color:var(--md-list-item-container-color, var(--md-sys-color-surface, #fef7ff));--_label-text-color:var(--md-list-item-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_supporting-text-color:var(--md-list-item-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_overline-color:var(--md-list-item-overline-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-color:var(--md-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-color:var(--md-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-supporting-text-color:var( --md-list-item-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f) );--_state-layer-color:var(--md-sys-color-on-surface, #1c1b1f);--_expand-chevron-color:var(--md-list-item-expand-chevron-color, var(--md-sys-color-on-surface-variant, #49454f))}:host(.md-list-item--expandable.md-list-item--selected),:host(.md-list-item--expandable.md-list-item--selected) .md-list-item__row{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}:host(.md-list-item--disabled){cursor:default;pointer-events:none;--_label-text-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_supporting-text-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_overline-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_leading-icon-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_trailing-icon-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_trailing-supporting-text-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_expand-chevron-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-list-item--disabled) .md-list-item__state-layer{opacity:var(--_disabled-state-layer-opacity)}:host(.md-list-item--selected.md-list-item--disabled){--_container-color:var(--_selected-disabled-container-color)}:host([soft-disabled]){pointer-events:auto}:host([soft-disabled]) .md-list-item__row{cursor:default}:host([soft-disabled]) .md-list-item__state-layer{display:none}.md-list-item__leading{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-inline-size:24px;color:var(--_leading-icon-color)}.md-list-item__leading--empty,.md-list-item__overline--empty,.md-list-item__supporting-text--empty,.md-list-item__trailing-text--empty{display:none}.md-list-item__icon{font-size:var(--_leading-icon-size);inline-size:var(--_leading-icon-size);block-size:var(--_leading-icon-size);line-height:1;color:var(--_leading-icon-color);font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;transition:font-variation-settings var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--expanded) .md-list-item__icon{font-variation-settings:'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24}md-avatar.md-list-item__avatar{--md-avatar-size:var(--_leading-avatar-size);--md-avatar-container-shape:var(--_leading-avatar-shape);--md-avatar-container-color:var(--_leading-avatar-color);--md-avatar-label-color:var(--_leading-avatar-label-color)}.md-list-item__image-wrap{position:relative;display:inline-flex;flex-shrink:0;inline-size:var(--_leading-image-width);block-size:var(--_leading-image-height);border-radius:var(--_leading-image-shape);overflow:hidden}.md-list-item__image{inline-size:100%;block-size:100%;object-fit:cover}.md-list-item__image-selection-indicator{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--_leading-image-selection-scrim-color);pointer-events:none;opacity:0;transition:opacity var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--selected) .md-list-item__image-selection-indicator{opacity:1}.md-list-item__image-selection-circle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:var(--_leading-image-selection-icon-size);block-size:var(--_leading-image-selection-icon-size);border-radius:var(--md-sys-shape-corner-full, 9999px);background-color:var(--_leading-image-selection-circle-color);transform:scale(0);opacity:0}:host(.md-list-item--selected) .md-list-item__image-selection-circle{animation:md-list-item-image-selection-in var(--md-sys-motion-duration-medium2, 250ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)) both}@keyframes md-list-item-image-selection-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:scale(1);opacity:1}}.md-list-item__image-selection-check.material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;inline-size:calc(var(--_leading-image-selection-icon-size) * 0.667);block-size:calc(var(--_leading-image-selection-icon-size) * 0.667);font-size:calc(var(--_leading-image-selection-icon-size) * 0.667);line-height:1;color:var(--_leading-image-selection-icon-color);font-weight:normal;font-variation-settings:'FILL' 1, 'wght' 600, 'GRAD' 0, 'opsz' 24}::slotted([slot="leading"]){display:inline-flex;align-items:center;justify-content:center;color:var(--_leading-icon-color);fill:currentColor}::slotted(video[slot="leading"]){inline-size:var(--_leading-video-width);block-size:var(--_leading-video-height);border-radius:var(--_leading-video-shape);object-fit:cover}.md-list-item__content{flex:1;display:flex;flex-direction:column;min-inline-size:0;overflow:hidden;gap:0}.md-list-item__overline{font-family:var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-small-font-size, 11px);font-weight:var(--md-sys-typescale-label-small-font-weight, 500);line-height:var(--md-sys-typescale-label-small-line-height, 16px);letter-spacing:var(--md-sys-typescale-label-small-letter-spacing, 0.5px);color:var(--_overline-color);contain:inline-size;min-inline-size:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-transform:uppercase;transition:none}.md-list-item__headline{font-family:var(--_label-text-font);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-font-weight, 400);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-large-letter-spacing, 0.5px);color:var(--_label-text-color);display:block;contain:inline-size;min-inline-size:0;max-inline-size:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:none}.md-list-item__supporting-text{font-family:var(--_supporting-text-font);font-size:max(11px, 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));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:var(--_supporting-text-color);display:block;contain:inline-size;min-inline-size:0;max-inline-size:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:none}:host(.md-list-item--3-line) .md-list-item__supporting-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}md-tooltip.md-list-item__headline-tooltip,md-tooltip.md-list-item__supporting-tooltip{display:block;min-inline-size:0;max-inline-size:100%;overflow:hidden;--md-tooltip-plain-max-inline-size:320px}md-tooltip.md-list-item__supporting-tooltip--empty{display:none}.md-list-item__trailing{display:flex;align-items:center;gap:4px;flex-shrink:0;color:var(--_trailing-icon-color)}.md-list-item__trailing-text{font-family:var(--_trailing-supporting-text-font);font-size:var(--md-sys-typescale-label-small-font-size, 11px);font-weight:var(--md-sys-typescale-label-small-font-weight, 500);line-height:var(--md-sys-typescale-label-small-line-height, 16px);color:var(--_trailing-supporting-text-color);white-space:nowrap}.md-list-item__trailing-icon{display:inline-flex;align-items:center;justify-content:center;font-size:var(--_trailing-icon-size);inline-size:var(--_trailing-icon-size);block-size:var(--_trailing-icon-size);line-height:1;color:var(--_trailing-icon-color)}::slotted([slot="trailing"]:not(md-badge)){display:inline-flex;align-items:center;justify-content:center;color:var(--_trailing-icon-color);fill:currentColor;pointer-events:auto}::slotted(md-badge[slot="trailing"]){display:inline-flex;align-items:center;justify-content:center;pointer-events:auto;position:static;inset-block-start:auto;inset-inline-end:auto;transform:none;flex-shrink:0}:host(.md-list-item--3-line) ::slotted(md-badge[slot="trailing"]){margin-block:auto}.md-list-item__drag-handle.material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;flex-shrink:0;font-size:22px;line-height:1;color:var(--_trailing-icon-color);opacity:0.55;cursor:grab;touch-action:none;pointer-events:auto;transition:opacity var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), transform var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)), color var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-list-item__drag-handle.material-symbols-outlined:hover{opacity:1;color:var(--md-sys-color-on-surface, #1c1b1f);transform:scale(1.08)}.md-list-item__drag-handle.material-symbols-outlined:active{cursor:grabbing}:host(.md-list-item--dragged) .md-list-item__drag-handle{opacity:1;color:var(--md-sys-color-on-surface, #1c1b1f);cursor:grabbing}:host(.md-list-item--shifting){transition:transform var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));will-change:transform}.md-list-item__expand-button{flex-shrink:0;--md-icon-button-container-width:var(--md-list-item-expand-button-size, 32px);--md-icon-button-container-height:var(--md-list-item-expand-button-size, 32px);--md-icon-button-icon-size:var(--md-list-item-expand-chevron-size, 24px);--md-icon-button-icon-color:var(--_expand-chevron-color);--md-icon-button-state-layer-color:var(--_expand-chevron-color);margin-inline-end:-4px}.md-list-item__expand-button--expanded{--md-icon-button-container-color:var(--md-sys-color-primary, #6750a4);--md-icon-button-icon-color:var(--md-sys-color-on-primary, #ffffff);--md-icon-button-state-layer-color:var(--md-sys-color-on-primary, #ffffff);--md-icon-button-outline-color:transparent}.md-list-item__expand-button::part(icon){transition:transform var(--md-sys-motion-duration-medium2, 250ms) var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));transform-origin:center}.md-list-item__expand-button--expanded::part(icon){transform:rotate(180deg)}.md-list-item__expanded-panel{display:grid;grid-template-rows:0fr;opacity:0;background-color:var(--_expanded-panel-background);transition:grid-template-rows var(--_collapse-duration) var(--_collapse-easing), opacity var(--_collapse-duration) var(--_collapse-easing)}:host(.md-list-item--expanded) .md-list-item__expanded-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-list-item__expanded-panel-inner{min-block-size:0;overflow:hidden;transform:translateY(-8px);transition:transform var(--_collapse-duration) var(--_collapse-easing);padding-block:var(--_expanded-panel-padding-block);padding-inline-start:var(--_expanded-panel-padding-inline-start);padding-inline-end:var(--_expanded-panel-padding-inline)}:host(.md-list-item--expanded) .md-list-item__expanded-panel-inner{transform:translateY(0);transition:transform var(--_expand-duration) var(--_expand-easing)}:host(.md-list-item--expandable) ::slotted(md-list-item[slot="expanded-content"]){--md-list-item-container-shape:0px;--md-list-item-container-shape-start-start:0px;--md-list-item-container-shape-start-end:0px;--md-list-item-container-shape-end-start:0px;--md-list-item-container-shape-end-end:0px;display:block;inline-size:100%;box-sizing:border-box}:host-context(.md-list--standard):host(:last-of-type.md-list-item--expanded) ::slotted(md-list-item[slot="expanded-content"]:last-of-type),:host-context(.md-list--segmented):host(:last-of-type.md-list-item--expanded) ::slotted(md-list-item[slot="expanded-content"]:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}::slotted(md-divider[slot="expanded-content"]){display:block}::slotted([slot="expanded-content"]){display:block}.md-list-item__expanded-panel[hidden]{display:grid}@media (prefers-reduced-motion: reduce){:host{transition-property:box-shadow}.md-list-item__row,.md-list-item__expanded-panel,.md-list-item__expanded-panel-inner,.md-list-item__drag-handle{transition:none}.md-list-item__drag-handle.material-symbols-outlined:hover{transform:none}.md-list-item__expand-button::part(icon){transition:none}.md-list-item__image-selection-indicator{transition:none}:host(.md-list-item--selected) .md-list-item__image-selection-circle{animation:none;transform:scale(1);opacity:1}}.material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased;pointer-events:none}:host([dir="rtl"]) .md-list-item__trailing-icon[data-rtl-mirror],:host-context([dir="rtl"]) .md-list-item__trailing-icon[data-rtl-mirror]{transform:scaleX(-1)}:host(.md-list-item--with-image) .md-list-item__row{padding-inline-start:16px}: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 m=0;const c=class{constructor(i){t(this,i);this.mdClick=e(this,"mdClick",7);this.mdItemClick=e(this,"mdItemClick",7);this.mdItemSelect=e(this,"mdItemSelect",7);this.mdRequestActivation=e(this,"mdRequestActivation",7);this.mdItemRequestReorder=e(this,"mdItemRequestReorder",7);this.mdExpand=e(this,"mdExpand",7);this.type="text";this.headline="";this.overline="";this.supportingText="";this.trailingSupportingText="";this.leadingIcon="";this.trailingIcon="";this.leadingAvatar="";this.leadingAvatarAlt="";this.leadingAvatarName="";this.leadingAvatarLabel="";this.leadingImage="";this.leadingImageAlt="";this.lines=1;this.href="";this.target="_self";this.disabled=false;this.softDisabled=false;this.selected=false;this.expandable=false;this.expanded=false;this.tabbable=true;this.rovingFocusVisible=false;this.selectionMode="none";this.interactionMode="single-action";this.containerRole="";this.reorderable=false;this.density=0;this.hasSlottedLeading=false;this.hasSlottedTrailing=false;this.hasSlottedHeadline=false;this.hasSlottedOverline=false;this.hasSlottedSupportingText=false;this.hasSlottedTrailingSupportingText=false;this.hasSlottedExpandedContent=false;this.hasExpandedListItemChildren=false;this.hasLeadingVideo=false;this.pressed=false;this.hostedByList=false;this.observer=null;this.expandedPanelId=`md-list-item-panel-${++m}`;this.resizeObserver=null;this.truncationRaf=0;this.truncationDebounceTimer=0;this.headlineTruncated=false;this.supportingTruncated=false;this.handleCaretToggle=t=>{t.stopPropagation();this.toggleExpanded()};this.handleClick=t=>{if(!this.isInteractive)return;if(this.isEffectivelyDisabled){t.preventDefault();return}if(this.isDragHandleTarget(t))return;if(this.isTrailingActionTarget(t))return;if(this.isExpandButtonTarget(t))return;if(this.isExpandedContentTarget(t))return;if(this.expandable){this.expanded=!this.expanded;const t=r(this.href);if(this.type==="link"&&t&&!this.hasPrimaryAction){window.open(t,this.target,o)}this.mdClick.emit({item:this.el});return}const e=r(this.href);if(this.type==="link"&&e&&!this.hasPrimaryAction){window.open(e,this.target,o)}this.mdClick.emit({item:this.el});this.mdItemClick.emit({index:this.computeIndex(),selected:this.selected})};this.handleKeyDown=t=>{if(this.reorderable&&!this.isEffectivelyDisabled&&t.altKey&&(t.key==="ArrowUp"||t.key==="ArrowDown")){t.preventDefault();this.mdItemRequestReorder.emit({direction:t.key==="ArrowUp"?"up":"down",from:this.computeIndex()});return}if(!this.isInteractive)return;if(this.expandable&&!this.isEffectivelyDisabled){if(t.key==="ArrowRight"&&!this.expanded){t.preventDefault();this.expanded=true;return}if(t.key==="ArrowLeft"&&this.expanded){t.preventDefault();this.expanded=false;return}}if(t.key==="Enter"||t.key===" "){t.preventDefault();if(!this.isEffectivelyDisabled){this.pressed=true;n(this.el);if(this.type==="link"&&this.primaryEl){this.primaryEl.click()}else{this.el.click()}window.setTimeout((()=>{this.pressed=false}),150)}}};this.handlePointerDown=t=>{if(this.isExpandButtonTarget(t)||this.isTrailingActionTarget(t))return;if(this.isExpandedContentTarget(t))return;if(this.isInteractive&&!this.isEffectivelyDisabled)this.pressed=true};this.handlePointerUp=()=>{this.pressed=false};this.handleFocus=()=>{if(this.hostedByList&&this.isInteractive){this.mdRequestActivation.emit()}};this.scheduleTruncationCheck=()=>{if(this.truncationDebounceTimer)clearTimeout(this.truncationDebounceTimer);this.truncationDebounceTimer=typeof setTimeout!=="undefined"?setTimeout((()=>{this.truncationDebounceTimer=0;this.runTruncationCheck()}),100):0};this.runTruncationCheck=()=>{const t=()=>{this.truncationRaf=0;this.applyTooltipToggle(this.headlineEl,this.headlineTooltipEl,"headlineTruncated",false);this.applyTooltipToggle(this.supportingEl,this.supportingTooltipEl,"supportingTruncated",this.effectiveLines===3)};if(typeof requestAnimationFrame==="function"){if(this.truncationRaf)cancelAnimationFrame(this.truncationRaf);this.truncationRaf=requestAnimationFrame(t)}else{t()}}}get inSelectionMode(){return this.selectionMode!=="none"}get isExpandedContentSlotted(){return this.el.getAttribute("slot")==="expanded-content"}get participatesInSelection(){return this.inSelectionMode&&!this.expandable&&!this.isExpandedContentSlotted}get isMultiAction(){return this.interactionMode==="multi-action"}get isEffectivelyDisabled(){return this.disabled||this.softDisabled}get isInteractive(){return!this.disabled&&(this.type!=="text"||this.inSelectionMode||this.expandable)}get isMenuContext(){return this.containerRole==="menu"||this.containerRole==="menubar"}get hasPrimaryAction(){return!this.participatesInSelection&&!this.reorderable&&!this.isMenuContext&&(this.type==="button"||this.type==="link")}get hasLeadingContent(){return!!this.leadingIcon||!!this.leadingAvatar||!!this.leadingAvatarLabel||!!this.leadingAvatarName||!!this.leadingImage||this.hasSlottedLeading}get hasTrailingContent(){return!!this.trailingIcon||!!this.trailingSupportingText||this.hasSlottedTrailing||this.hasSlottedTrailingSupportingText||this.expandable||this.reorderable}get effectiveLines(){if(this.lines!==1)return this.lines;const t=!!this.overline||this.hasSlottedOverline;const e=!!this.supportingText||this.hasSlottedSupportingText;if(t&&e)return 3;if(t||e)return 2;return 1}componentWillLoad(){const t=this.el.parentElement;this.hostedByList=!!t&&t.tagName==="MD-LIST";if(this.expandable&&this.selected){this.selected=false}if(this.selectionMode==="none"){const t=this.el.getAttribute("data-selection-mode");if(t==="single-select"||t==="multi-select"){this.selectionMode=t}}if(this.interactionMode==="single-action"){const t=this.el.getAttribute("data-interaction-mode");if(t==="multi-action"){this.interactionMode="multi-action"}}this.detectSlottedFromLightDom();if(this.expandable&&this.selected){this.selected=false}}detectSlottedFromLightDom(){if(!this.el||!this.el.children)return;const t=Array.from(this.el.children);const e=e=>t.some((t=>t.getAttribute("slot")===e));const i=e("trailing");if(i!==this.hasSlottedTrailing)this.hasSlottedTrailing=i;const s=e("trailing-supporting-text");if(s!==this.hasSlottedTrailingSupportingText){this.hasSlottedTrailingSupportingText=s}const a=e("headline");if(a!==this.hasSlottedHeadline)this.hasSlottedHeadline=a;const n=e("supporting-text");if(n!==this.hasSlottedSupportingText)this.hasSlottedSupportingText=n;const r=e("overline");if(r!==this.hasSlottedOverline)this.hasSlottedOverline=r;const o=e("leading");if(o!==this.hasSlottedLeading)this.hasSlottedLeading=o;const l=t.some((t=>t.tagName==="VIDEO"&&t.getAttribute("slot")==="leading"));if(l!==this.hasLeadingVideo)this.hasLeadingVideo=l;const d=t.some((t=>t.tagName==="MD-LIST-ITEM"&&t.getAttribute("slot")==="expanded-content"));if(d!==this.hasExpandedListItemChildren){this.hasExpandedListItemChildren=d}}componentDidLoad(){const t=this.el.shadowRoot;if(!t)return;const e=(e,i,s)=>{const a=t.querySelector(`slot[name="${e}"]`);if(!a)return;const n=()=>{try{i(a.assignedElements().length>0)}catch{}s?.()};a.addEventListener("slotchange",n);n()};e("leading",(t=>this.hasSlottedLeading=t));e("trailing",(t=>this.hasSlottedTrailing=t));e("headline",(t=>this.hasSlottedHeadline=t),(()=>this.scheduleTruncationCheck()));e("overline",(t=>this.hasSlottedOverline=t));e("supporting-text",(t=>this.hasSlottedSupportingText=t),(()=>this.scheduleTruncationCheck()));e("trailing-supporting-text",(t=>this.hasSlottedTrailingSupportingText=t));e("expanded-content",(t=>this.hasSlottedExpandedContent=t));if(typeof MutationObserver!=="undefined"){this.observer=new MutationObserver((t=>{let e=false;for(const i of t){if(i.type==="attributes"&&i.target===this.el&&i.attributeName==="data-selection-mode"){const t=this.el.getAttribute("data-selection-mode");if(t==="single-select"||t==="multi-select"){this.selectionMode=t}else if(!t){this.selectionMode="none"}}if(i.type==="attributes"&&i.target===this.el&&i.attributeName==="data-interaction-mode"){const t=this.el.getAttribute("data-interaction-mode");if(t==="multi-action"){this.interactionMode="multi-action"}else if(!t){this.interactionMode="single-action"}}if(i.type==="childList")e=true;if(i.type==="attributes"&&i.attributeName==="slot"&&i.target!==this.el){e=true}}if(e){this.detectSlottedFromLightDom();this.syncExpandedContentSelectionMode();this.syncExpandedContentDividers()}}));this.observer.observe(this.el,{attributes:true,attributeFilter:["data-selection-mode","data-interaction-mode","slot"],childList:true,subtree:true})}if(typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver((()=>this.scheduleTruncationCheck()));this.resizeObserver.observe(this.el)}this.runTruncationCheck();this.syncExpandedContentSelectionMode();this.syncExpandedContentDividers()}disconnectedCallback(){this.observer?.disconnect();this.observer=null;this.resizeObserver?.disconnect();this.resizeObserver=null;if(this.truncationDebounceTimer){clearTimeout(this.truncationDebounceTimer);this.truncationDebounceTimer=0}if(this.truncationRaf&&typeof cancelAnimationFrame==="function"){cancelAnimationFrame(this.truncationRaf);this.truncationRaf=0}}onSelectedChange(t){if(this.expandable&&t){this.selected=false}}onExpandableChange(){if(this.expandable&&this.selected){this.selected=false}this.syncExpandedContentSelectionMode();this.syncExpandedContentDividers()}onSelectionModeChange(){this.syncExpandedContentSelectionMode()}onExpandedChange(t,e){if(t!==e){this.mdExpand.emit(this.buildExpandDetail(t))}}onHeadlineChange(){this.scheduleTruncationCheck()}onSupportingTextChange(){this.scheduleTruncationCheck()}resolveFocusTarget(){if(this.hasPrimaryAction&&this.primaryEl)return this.primaryEl;return this.el}async setFocus(t){const e=this.resolveFocusTarget();if(!e)return;if(e.getAttribute("tabindex")===null){e.setAttribute("tabindex",this.tabbable?"0":"-1")}e.focus(t)}async focusItem(){await this.setFocus()}async toggle(){if(!this.expandable||this.isEffectivelyDisabled)return;this.expanded=!this.expanded}async expand(){if(!this.expandable||this.isEffectivelyDisabled)return;this.expanded=true}async collapse(){if(!this.expandable||this.isEffectivelyDisabled)return;this.expanded=false}isTrailingActionTarget(t){const e=typeof t.composedPath==="function"?t.composedPath():[t.target];for(const t of e){if(!t||t===this.el||!this.isElementLike(t))continue;let e=t;while(e&&e!==this.el){if(e.getAttribute("slot")==="trailing"&&this.isInteractiveTrailingElement(e)){return true}e=e.parentElement}}return false}isElementLike(t){return typeof t.getAttribute==="function"}isInteractiveTrailingElement(t){const e=t.tagName;const i=new Set(["MD-ICON-BUTTON","MD-SWITCH","MD-CHECKBOX","MD-BUTTON","MD-FAB","BUTTON","A","INPUT","SELECT","TEXTAREA"]);if(i.has(e))return true;const s=t;if(typeof s.tabIndex==="number"&&s.tabIndex>=0)return true;const a=t.getAttribute("role");if(a==="button"||a==="switch"||a==="checkbox"||a==="menuitem"){return true}return false}isDragHandleTarget(t){const e=typeof t.composedPath==="function"?t.composedPath():[t.target];return e.some((t=>t?.dataset?.listDragHandle==="true"))}getExpandedContentItems(){return Array.from(this.el.children).filter((t=>t.tagName==="MD-LIST-ITEM"&&t.getAttribute("slot")==="expanded-content"))}isExpandedContentChild(t){return t.parentElement===this.el&&t.getAttribute("slot")==="expanded-content"}syncExpandedContentSelectionMode(){if(!this.expandable)return;const t=this.selectionMode;this.getExpandedContentItems().forEach((e=>{e.selectionMode=t;if(t==="none"){e.removeAttribute("data-selection-mode")}else{e.setAttribute("data-selection-mode",t)}}))}syncExpandedContentDividers(){if(!this.expandable)return;Array.from(this.el.children).forEach((t=>{if(t.tagName==="MD-DIVIDER"&&t.getAttribute("slot")==="expanded-content"){t.setAttribute("aria-hidden","true")}}))}isExpandedContentTarget(t){const e=typeof t.composedPath==="function"?t.composedPath():[t.target];const i=Array.from(this.el.children).filter((t=>t.getAttribute("slot")==="expanded-content"));for(const t of e){if(!t||t===this.el)continue;for(const e of i){if(t===e)return true;if(t instanceof Node&&e.contains(t))return true}}return false}isExpandButtonTarget(t){const e=typeof t.composedPath==="function"?t.composedPath():[t.target];return e.some((t=>t?.dataset?.expandToggle==="true"))}toggleExpanded(){if(!this.expandable||this.isEffectivelyDisabled)return;this.expanded=!this.expanded}expandToggleLabel(){const t=this.expanded?"Collapse":"Expand";const e=this.headlineFullText();return e?`${t} ${e}`:t}onExpandedChildItemClick(t){if(!this.expandable||this.selectionMode==="none")return;const e=t.composedPath().find((t=>t?.tagName==="MD-LIST-ITEM"));if(!e||e===this.el||!this.isExpandedContentChild(e))return;t.stopPropagation();const i=this.getExpandedContentItems();if(this.selectionMode==="single-select"){i.forEach((t=>{t.selected=t===e}))}else if(this.selectionMode==="multi-select"){e.selected=!e.selected}const s=i.indexOf(e);this.mdItemSelect.emit({index:s,value:e.headline||(e.textContent??"").trim(),selected:e.selected,item:e})}computeIndex(){const t=this.el.parentElement;if(!t)return 0;const e=Array.from(t.children).filter((t=>t.tagName==="MD-LIST-ITEM"));return e.indexOf(this.el)}buildExpandDetail(t){const e=this.el;const i=this.computeIndex();const s=this.headlineFullText();return{expanded:t,...i>=0?{index:i}:{},...s?{value:s}:{},item:e}}getSlottedText(t){const e=this.el.shadowRoot?.querySelector(`slot[name="${t}"]`);if(!e)return"";try{return e.assignedNodes().map((t=>t.textContent||"")).join("").trim()}catch{return""}}getDefaultSlotText(){return Array.from(this.el.children).filter((t=>!t.hasAttribute("slot"))).map((t=>t.textContent||"")).join("").trim()}headlineFullText(){return this.hasSlottedHeadline?this.getSlottedText("headline"):this.headline||this.getDefaultSlotText()}supportingFullText(){return this.hasSlottedSupportingText?this.getSlottedText("supporting-text"):this.supportingText}applyTooltipToggle(t,e,i,s){if(!t||!e)return;if(typeof t.scrollWidth!=="number")return;const a=t.scrollWidth>t.clientWidth||s&&t.scrollHeight>t.clientHeight;if(a===this[i])return;this[i]=a;e.disabled=!a}renderLeading(){return i("span",{class:{"md-list-item__leading":true,"md-list-item__leading--empty":!this.hasLeadingContent},part:"leading"},i("slot",{name:"leading"},this.leadingAvatar||this.leadingAvatarLabel||this.leadingAvatarName?i("md-avatar",{class:"md-list-item__avatar",exportparts:"image: avatar-image, initials: avatar-initials, icon: avatar-icon",part:"avatar",src:this.leadingAvatar||undefined,alt:this.leadingAvatarAlt||undefined,name:this.leadingAvatarName||undefined,initials:this.leadingAvatarLabel||undefined,size:"medium",shape:"circle"}):this.leadingImage?i("span",{class:"md-list-item__image-wrap",part:"image-wrap"},i("img",{class:"md-list-item__image",part:"image",src:this.leadingImage,alt:this.leadingImageAlt||"","aria-hidden":!this.leadingImageAlt?"true":null}),i("span",{class:"md-list-item__image-selection-indicator",part:"image-selection-indicator","aria-hidden":"true"},i("span",{class:"md-list-item__image-selection-circle",part:"image-selection-circle"},i("span",{class:"md-list-item__image-selection-check material-symbols-outlined",part:"image-selection-check","aria-hidden":"true"},"check")))):this.leadingIcon?i("span",{class:"md-list-item__icon material-symbols-outlined",part:"leading-icon","aria-hidden":"true"},this.leadingIcon):null))}renderContent(){const t=!!this.overline||this.hasSlottedOverline;const e=!!this.supportingText||this.hasSlottedSupportingText;return i("span",{class:"md-list-item__content",part:"content"},i("span",{class:{"md-list-item__overline":true,"md-list-item__overline--empty":!t},part:"overline"},i("slot",{name:"overline"},this.overline)),i("md-tooltip",{class:"md-list-item__headline-tooltip",variant:"plain",text:this.headlineFullText()||undefined,disabled:!this.headlineTruncated,exportparts:"popup: headline-tooltip-popup",ref:t=>this.headlineTooltipEl=t},i("span",{class:"md-list-item__headline",part:"headline",ref:t=>this.headlineEl=t},i("slot",{name:"headline"},this.headline||i("slot",null)))),i("md-tooltip",{class:{"md-list-item__supporting-tooltip":true,"md-list-item__supporting-tooltip--empty":!e},variant:"plain",text:this.supportingFullText()||undefined,disabled:!this.supportingTruncated,exportparts:"popup: supporting-tooltip-popup",ref:t=>this.supportingTooltipEl=t},i("span",{class:{"md-list-item__supporting-text":true,"md-list-item__supporting-text--empty":!e},part:"supporting-text",ref:t=>this.supportingEl=t},i("slot",{name:"supporting-text"},this.supportingText))))}renderTrailing(){if(!this.hasTrailingContent)return null;const t=!!this.trailingSupportingText||this.hasSlottedTrailingSupportingText;return i("span",{class:"md-list-item__trailing",part:"trailing"},i("slot",{name:"trailing"},t&&i("span",{class:"md-list-item__trailing-text",part:"trailing-supporting-text"},i("slot",{name:"trailing-supporting-text"},this.trailingSupportingText)),this.trailingIcon&&i("span",{class:"md-list-item__trailing-icon material-symbols-outlined",part:"trailing-icon","aria-hidden":"true"},this.trailingIcon)),this.expandable&&i("md-icon-button",{class:{"md-list-item__expand-button":true,"md-list-item__expand-button--expanded":this.expanded},part:"expand-button",exportparts:"state-layer:expand-button-state-layer,icon:expand-button-icon","data-expand-toggle":"true",variant:"standard",size:"xs",buttonWidth:"narrow",icon:"expand_more",selected:this.expanded,disabled:this.isEffectivelyDisabled,"aria-expanded":this.expanded?"true":"false","aria-controls":this.expandedPanelId,"aria-label":this.expandToggleLabel(),onMdClick:this.handleCaretToggle}),this.reorderable&&i("span",{class:"md-list-item__drag-handle material-symbols-outlined",part:"drag-handle","data-list-drag-handle":"true","aria-hidden":"true"},"drag_indicator"))}renderPrimary(t){const e=t=>this.primaryEl=t;if(this.type==="link"){const s=r(this.href);return i("a",{class:"md-list-item__primary",part:"primary",role:"link",href:s,target:s?this.target:undefined,rel:s&&this.target?l:undefined,tabindex:t??undefined,"aria-disabled":this.isEffectivelyDisabled?"true":null,onFocus:this.handleFocus,ref:t=>e(t)},this.renderLeading(),this.renderContent())}return i("span",{class:"md-list-item__primary",part:"primary",role:"button",tabindex:t??undefined,"aria-disabled":this.isEffectivelyDisabled?"true":null,onFocus:this.handleFocus,ref:t=>e(t)},this.renderLeading(),this.renderContent())}render(){const t=this.effectiveLines;const e=this.isInteractive;const a=this.hasPrimaryAction;const n=this.isMenuContext&&!this.participatesInSelection&&(this.type==="button"||this.type==="link");let r;if(this.participatesInSelection){r="option"}else if(n){r="menuitem"}else{r="listitem"}const o=this.expandable&&!this.participatesInSelection&&this.type==="text";const l=this.participatesInSelection?this.selected?"true":"false":null;const d=e&&!o||this.reorderable;const m=d?this.tabbable?"0":"-1":null;const c=a?null:m;const h=a?m:null;const p=this.hasExpandedListItemChildren?"list":this.inSelectionMode?"group":"region";const v=p==="region"?undefined:this.headlineFullText()||undefined;return i(s,{key:"cd61b205cde324e98ca0f95604a62ad00494c7c1",class:{"md-list-item":true,[`md-list-item--${t}-line`]:true,[`md-list-item--type-${this.type}`]:true,"md-list-item--selection-mode":this.participatesInSelection,"md-list-item--multi-action":this.isMultiAction,"md-list-item--interactive":e,"md-list-item--disabled":this.disabled||this.softDisabled,"md-list-item--soft-disabled":this.softDisabled,"md-list-item--selected":this.selected&&!this.expandable,"md-list-item--pressed":this.pressed,"md-list-item--with-leading":this.hasLeadingContent,"md-list-item--with-trailing":this.hasTrailingContent,"md-list-item--with-avatar":!!this.leadingAvatar||!!this.leadingAvatarLabel||!!this.leadingAvatarName,"md-list-item--with-image":!!this.leadingImage,"md-list-item--with-video":this.hasLeadingVideo,"md-list-item--expandable":this.expandable,"md-list-item--expanded":this.expandable&&this.expanded,"md-list-item--reorderable":this.reorderable,"md-list-item--roving-focus-visible":this.rovingFocusVisible},role:r,"aria-disabled":this.isEffectivelyDisabled?"true":null,"aria-selected":l,tabindex:c,onClick:e?this.handleClick:undefined,onKeyDown:e||this.reorderable?this.handleKeyDown:undefined,onPointerDown:e?this.handlePointerDown:undefined,onPointerUp:e?this.handlePointerUp:undefined,onPointerLeave:e?this.handlePointerUp:undefined,onPointerCancel:e?this.handlePointerUp:undefined,onFocus:e&&!a?this.handleFocus:undefined},i("span",{key:"0af7fb5d7cbcd56393c428bcd3f65793613570a5",class:"md-list-item__row",part:"row"},e&&i("md-ripple",{key:"428ed61997039e15e4e9443a9e323cde9391a041",disabled:this.isEffectivelyDisabled}),e&&i("span",{key:"ca6f498bd830e3583c5143f87ab3efa14c2ed20b",class:"md-list-item__state-layer",part:"state-layer","aria-hidden":"true"}),a&&this.renderPrimary(h),!a&&this.renderLeading(),!a&&this.renderContent(),this.renderTrailing()),this.expandable&&i("span",{key:"1301ba374be82875b89e1a47749e1b76e4bc69e2",class:"md-list-item__expanded-panel",part:"expanded-panel",id:this.expandedPanelId,role:p,"aria-label":v,hidden:!this.expanded},i("span",{key:"08e42531895724ae9de6688667c2bd866627aca3",class:"md-list-item__expanded-panel-inner",part:"expanded-panel-inner"},i("slot",{key:"e2f5f73f0142d666d769eecdf9eddd5c62e2dd5f",name:"expanded-content"}))))}get el(){return a(this)}static get watchers(){return{selected:[{onSelectedChange:0}],expandable:[{onExpandableChange:0}],selectionMode:[{onSelectionModeChange:0}],expanded:[{onExpandedChange:0}],headline:[{onHeadlineChange:0}],supportingText:[{onSupportingTextChange:0}]}}};c.style=d();export{c as md_list_item};
2
+ //# sourceMappingURL=p-6237ddac.entry.js.map
package/dist/md3/{p-b243284b.entry.js → p-6d65fc6a.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as i,c as t,h as e,H as r,g as s}from"./p-WmvQpZnM.js";import{g as a}from"./p-DWxN44zD.js";const o=()=>`:host{--_trigger-color:var(--md-time-picker-trigger-color, var(--md-sys-color-on-surface, #1c1b1f));--_trigger-outline-color:var(--md-time-picker-trigger-outline-color, var(--md-sys-color-outline, #79747e));--_trigger-hover-color:var(--md-time-picker-trigger-hover-color, var(--md-sys-color-on-surface, #1c1b1f));--_trigger-focus-color:var(--md-time-picker-trigger-focus-color, var(--md-sys-color-primary, #6750a4));--_trigger-icon-color:var(--md-time-picker-trigger-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_dialog-color:var(--md-time-picker-dialog-color, var(--md-sys-color-surface-container-high, #ece6f0));--_dialog-on-color:var(--md-time-picker-dialog-on-color, var(--md-sys-color-on-surface, #1c1b1f));--_dialog-shape:var(--md-time-picker-dialog-shape, var(--md-sys-shape-corner-extra-large, 28px));--_dialog-elevation:var(--md-time-picker-dialog-elevation, var(--md-sys-elevation-3, 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.3)));--_scrim-color:var(--md-time-picker-scrim-color, rgba(0, 0, 0, 0.32));--_headline-color:var(--md-time-picker-headline-color, var(--md-sys-color-on-surface-variant, #49454f));--_time-display-shape:var( --md-time-picker-input-shape, var(--md-time-picker-time-display-shape, var(--md-sys-shape-corner-small, 8px)) );--_period-bg:var(--md-time-picker-period-bg, transparent);--_period-color:var(--md-time-picker-period-color, var(--md-sys-color-on-surface, #1c1b1f));--_period-active-bg:var(--md-time-picker-period-active-bg, var(--md-sys-color-tertiary-container, #ffd8e4));--_period-active-color:var(--md-time-picker-period-active-color, var(--md-sys-color-on-tertiary-container, #370b1e));--_period-outline-color:var(--md-time-picker-period-outline-color, var(--md-sys-color-outline, #79747e));--_dial-bg:var(--md-time-picker-dial-bg, var(--md-sys-color-surface-container-highest, #e6e0e9));--_dial-number-color:var(--md-time-picker-dial-number-color, var(--md-sys-color-on-surface, #1c1b1f));--_dial-number-active-color:var(--md-time-picker-dial-number-active-color, var(--md-sys-color-on-primary, #ffffff));--_dial-hand-color:var(--md-time-picker-dial-hand-color, var(--md-sys-color-primary, #6750a4));--_dial-target-size:var(--md-time-picker-dial-target-size, 48px);--_input-bg:var(--md-time-picker-input-bg, var(--md-sys-color-surface-container-highest, #e6e0e9));--_input-color:var(--md-time-picker-input-color, var(--md-sys-color-on-surface, #1c1b1f));--_input-outline-color:var(--md-time-picker-input-outline-color, transparent);--_input-active-outline-color:var(--md-time-picker-input-active-outline-color, var(--md-sys-color-primary, #6750a4));--_input-error-color:var(--md-time-picker-input-error-color, var(--md-sys-color-error, #b3261e));--_input-hint-color:var(--md-time-picker-input-hint-color, var(--md-sys-color-on-surface-variant, #49454f));--_action-color:var(--md-time-picker-action-color, var(--md-sys-color-primary, #6750a4));--_action-primary-color:var(--md-time-picker-action-primary-color, var(--md-sys-color-primary, #6750a4));--_toggle-icon-color:var(--md-time-picker-toggle-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_dialog-padding:var(--md-time-picker-dialog-padding, var(--md-sys-spacing-inset-xl, 24px));--_dialog-min-width:var(--md-time-picker-dialog-min-width, 328px);--_dialog-horizontal-width-12h:var(--md-time-picker-dialog-horizontal-width-12h, 572px);--_dialog-horizontal-width-24h:var(--md-time-picker-dialog-horizontal-width-24h, 608px);--_dialog-enter-duration:var(--md-time-picker-dialog-enter-duration, var(--md-sys-motion-duration-long2, 500ms));--_mode-swap-duration:var(--md-time-picker-mode-swap-duration, var(--md-sys-motion-duration-long1, 450ms));--_motion-easing:var(--md-time-picker-motion-easing, var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)));--_trigger-min-width:var(--md-time-picker-trigger-min-width, 240px);--_trigger-icon-size:var(--md-time-picker-trigger-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_trigger-shape:var(--md-time-picker-trigger-shape, var(--md-sys-shape-corner-extra-small, 4px));--_headline-font-size:var(--md-time-picker-headline-font-size, max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px)));--_headline-font-weight:var(--md-time-picker-headline-font-weight, var(--md-sys-typescale-label-medium-font-weight, 500));--_headline-spacing:var(--md-time-picker-headline-spacing, max(4px, calc(20px + var(--md-sys-density-scale, 0) * 2px)));--_input-height:var(--md-time-picker-input-height, calc(var(--_input-font-size) * 1.6));--_input-width:var(--md-time-picker-input-width, calc(var(--_input-height) * 4 / 3));--_input-border-width:var(--md-time-picker-input-border-width, 2px);--_input-font-size:var(--md-time-picker-input-font-size, max(32px, calc(45px + var(--md-sys-density-scale, 0) * 2px)));--_input-font-weight:var(--md-time-picker-input-font-weight, var(--md-sys-typescale-display-medium-font-weight, 400));--_input-active-bg:var(--md-time-picker-input-active-bg, var(--md-sys-color-primary-container, #eaddff));--_input-active-color:var(--md-time-picker-input-active-color, var(--md-sys-color-on-primary-container, #21005d));--_input-separator-color:var(--md-time-picker-input-separator-color, var(--_dialog-on-color));--_input-separator-width:var(--md-time-picker-input-separator-width, 24px);--_input-hint-gap:var(--md-time-picker-input-hint-gap, var(--md-sys-spacing-gap-xs, 4px));--_input-hover-opacity:var(--md-time-picker-input-hover-opacity, 8%);--_period-shape:var(--md-time-picker-period-shape, var(--md-sys-shape-corner-small, 8px));--_period-outline-width:var(--md-time-picker-period-outline-width, 1px);--_period-vertical-width:var(--md-time-picker-period-vertical-width, 52px);--_period-vertical-height:var(--md-time-picker-period-vertical-height, 80px);--_period-vertical-height-input:var(--md-time-picker-period-vertical-height-input, 72px);--_period-horizontal-width:var(--md-time-picker-period-horizontal-width, 216px);--_period-horizontal-height:var(--md-time-picker-period-horizontal-height, 38px);--_period-font-size:var(--md-time-picker-period-font-size, max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px)));--_period-font-weight:var(--md-time-picker-period-font-weight, 500);--_period-hover-opacity:var(--md-time-picker-period-hover-opacity, 8%);--_dial-size:var(--md-time-picker-dial-size, 256px);--_dial-center-size:var(--md-time-picker-dial-center-size, 8px);--_dial-hand-width:var(--md-time-picker-dial-hand-width, 2px);--_dial-number-font-size:var(--md-time-picker-dial-number-font-size, max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px)));--_dial-number-font-weight:var(--md-time-picker-dial-number-font-weight, var(--md-sys-typescale-body-large-font-weight, 400));--_dial-number-active-font-weight:var(--md-time-picker-dial-number-active-font-weight, 500);--_footer-gap:var(--md-time-picker-footer-gap, var(--md-sys-spacing-gap-sm, 8px));--_actions-gap:var(--md-time-picker-actions-gap, var(--md-sys-spacing-gap-sm, 8px));--_action-shape:var(--md-time-picker-action-shape, var(--md-sys-shape-corner-full, 9999px));--_action-confirm-bg:var(--md-time-picker-action-confirm-bg, transparent);--_action-cancel-bg:var(--md-time-picker-action-cancel-bg, transparent);--_toggle-bg:var(--md-time-picker-toggle-bg, transparent);--_toggle-icon-size:var(--md-time-picker-toggle-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_toggle-shape:var(--md-time-picker-toggle-shape, var(--md-sys-shape-corner-full, 9999px));display:inline-block;position:relative;font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);color:var(--_dialog-on-color)}:host([hide-trigger]){display:contents}:host([disabled]){cursor:not-allowed}.md-time-picker__field{min-inline-size:var(--_trigger-min-width);display:inline-flex;inline-size:auto;cursor:pointer;--md-text-field-label-color:var(--_trigger-icon-color);--md-text-field-input-color:var(--_trigger-color);--md-text-field-outline-color:var(--_trigger-outline-color);--md-text-field-active-indicator-color:var(--_trigger-focus-color);--md-text-field-icon-color:var(--_trigger-icon-color);--md-text-field-container-shape:var(--_trigger-shape)}.md-time-picker__field--disabled{cursor:not-allowed}.md-time-picker__field-icon{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons'), sans-serif;font-size:var(--_trigger-icon-size);line-height:1;color:var(--_trigger-icon-color);flex-shrink:0}.md-time-picker__field:hover:not(.md-time-picker__field--disabled) .md-time-picker__field-icon{color:var(--_trigger-hover-color)}:host(.md-time-picker--open) .md-time-picker__field{--md-text-field-active-indicator-color:var(--_trigger-focus-color);--md-text-field-icon-color:var(--_trigger-focus-color)}.md-time-picker__scrim{position:fixed;inset:0;z-index:var(--md-sys-z-index-popup, 1000);display:flex;align-items:center;justify-content:center;background:var(--_scrim-color);padding:var(--md-sys-spacing-inset-xl, 24px);animation:md-time-picker-scrim-in var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)) forwards;box-sizing:border-box}@keyframes md-time-picker-scrim-in{from{opacity:0}to{opacity:1}}.md-time-picker__dialog{background:var(--_dialog-color);color:var(--_dialog-on-color);border-radius:var(--_dialog-shape);box-shadow:var(--_dialog-elevation);padding:var(--_dialog-padding);width:min(var(--_dialog-min-width), calc(100vw - 48px));max-block-size:calc(100vh - 48px);max-block-size:calc(100dvh - 48px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;animation:md-time-picker-dialog-in var(--_dialog-enter-duration) var(--_motion-easing) both;transform-origin:center top}.md-time-picker__dialog--input{width:min(var(--_dialog-min-width), calc(100vw - 48px))}.md-time-picker__dialog--horizontal{width:min(var(--_dialog-horizontal-width-12h), calc(100vw - 48px))}:host(.md-time-picker--format-24h) .md-time-picker__dialog--horizontal{width:min(var(--_dialog-horizontal-width-24h), calc(100vw - 48px))}@keyframes md-time-picker-dialog-in{from{opacity:0;transform:translateY(12px) scale(0.88)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes md-time-picker-mode-in{from{opacity:0;transform:translateY(8px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}.md-time-picker__headline{font-size:var(--_headline-font-size);font-weight:var(--_headline-font-weight);letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing, 0.5px);line-height:var(--md-sys-typescale-label-medium-line-height, 16px);color:var(--_headline-color);text-transform:none;margin-block-end:var(--_headline-spacing);text-align:start}.md-time-picker__body{display:flex;flex-direction:column}.md-time-picker__body--horizontal{flex-direction:row;align-items:flex-start;column-gap:52px}.md-time-picker__time-area{display:flex;flex-direction:column;flex:0 0 auto}.md-time-picker__body--horizontal .md-time-picker__dial-wrap{flex:0 0 auto}.md-time-picker__body--horizontal .md-time-picker__input-area{margin-block-end:0}.md-time-picker__body--horizontal .md-time-picker__period--horizontal{margin-block-start:var(--md-sys-spacing-inset-lg, 16px);margin-block-end:0;margin-inline:0}.md-time-picker__period{display:inline-flex;border:var(--_period-outline-width) solid var(--_period-outline-color);box-sizing:border-box}.md-time-picker__period--vertical{flex-direction:column;border-radius:var(--_period-shape);margin-inline-start:var(--md-sys-spacing-inset-md, 12px);inline-size:var(--_period-vertical-width);block-size:var(--_period-vertical-height)}.md-time-picker__input-area .md-time-picker__period--vertical{block-size:var(--_period-vertical-height-input)}.md-time-picker__period--horizontal{flex-direction:row;border-radius:var(--_period-shape);margin-block-start:var(--md-sys-spacing-inset-md, 12px);margin-block-end:var(--md-sys-spacing-inset-xl, 24px);margin-inline:auto;inline-size:var(--_period-horizontal-width);block-size:var(--_period-horizontal-height);align-self:center}.md-time-picker__period-btn{flex:1 1 0;background:var(--_period-bg);color:var(--_period-color);border:none;font:inherit;font-size:var(--_period-font-size);font-weight:var(--_period-font-weight);letter-spacing:0.1px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;overflow:hidden;transition:background-color 150ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), color 150ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-time-picker__period-btn-label{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center}.md-time-picker__period--vertical .md-time-picker__period-btn{block-size:50%}.md-time-picker__period--horizontal .md-time-picker__period-btn{inline-size:50%;block-size:100%}.md-time-picker__period-btn:hover{background:color-mix(in srgb, var(--_period-color) var(--_period-hover-opacity), transparent)}.md-time-picker__period-btn--active{background:var(--_period-active-bg);color:var(--_period-active-color)}.md-time-picker__period-btn--active:hover{background:color-mix(in srgb, var(--_period-active-color) var(--_period-hover-opacity), var(--_period-active-bg))}.md-time-picker__period-btn:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625b71);outline-offset:2px;z-index:1}.md-time-picker__period--vertical .md-time-picker__period-btn--am{border-block-end:var(--_period-outline-width) solid var(--_period-outline-color);border-start-start-radius:calc(var(--_period-shape) - var(--_period-outline-width));border-start-end-radius:calc(var(--_period-shape) - var(--_period-outline-width))}.md-time-picker__period--vertical .md-time-picker__period-btn--pm{border-end-start-radius:calc(var(--_period-shape) - var(--_period-outline-width));border-end-end-radius:calc(var(--_period-shape) - var(--_period-outline-width))}.md-time-picker__period--horizontal .md-time-picker__period-btn--am{border-inline-end:var(--_period-outline-width) solid var(--_period-outline-color);border-start-start-radius:calc(var(--_period-shape) - var(--_period-outline-width));border-end-start-radius:calc(var(--_period-shape) - var(--_period-outline-width))}.md-time-picker__period--horizontal .md-time-picker__period-btn--pm{border-start-end-radius:calc(var(--_period-shape) - var(--_period-outline-width));border-end-end-radius:calc(var(--_period-shape) - var(--_period-outline-width))}.md-time-picker__dial-wrap{display:flex;justify-content:center;align-items:center;margin-block-end:var(--md-sys-spacing-inset-xl, 24px);animation:md-time-picker-mode-in var(--_mode-swap-duration) var(--_motion-easing) both;transform-origin:center top}.md-time-picker__dial{position:relative;width:var(--_dial-size);height:var(--_dial-size);background:var(--_dial-bg);border-radius:50%;touch-action:none;user-select:none;cursor:pointer;box-sizing:border-box}:host([disabled]) .md-time-picker__dial{pointer-events:none;opacity:0.38}.md-time-picker__dial-center{position:absolute;width:var(--_dial-center-size);height:var(--_dial-center-size);border-radius:50%;background:var(--_dial-hand-color);left:50%;top:50%;transform:translate(-50%, -50%);z-index:2}.md-time-picker__dial-hand{position:absolute;left:50%;top:auto;bottom:50%;width:0;height:50%;background:transparent;transform-origin:50% 100%;transform:rotate(0deg);transition:transform 200ms var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));pointer-events:none;z-index:1}.md-time-picker__dial-hand-line{position:absolute;left:50%;top:auto;bottom:0;width:var(--_dial-hand-width);height:var(--md-time-picker-hand-length, var(--_hand-length-dynamic, 100%));background:var(--_dial-hand-color);transform:translateX(-50%)}.md-time-picker__dial-hand-tip{position:absolute;left:50%;top:calc(100% - var(--md-time-picker-hand-length, var(--_hand-length-dynamic, 100%)));bottom:auto;width:var(--_dial-target-size);height:var(--_dial-target-size);background:var(--_dial-hand-color);border-radius:50%;transform:translate(-50%, -50%)}.md-time-picker__dial-hand-dot{display:none}.md-time-picker__dial-number{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:var(--_dial-target-size);height:var(--_dial-target-size);margin-left:calc(-1 * var(--_dial-target-size) / 2);margin-top:calc(-1 * var(--_dial-target-size) / 2);border-radius:50%;font-family:var(--md-sys-typescale-body-large-font-family, var(--md-sys-typescale-body-large-font, inherit));font-size:var(--_dial-number-font-size);font-weight:var(--_dial-number-font-weight);line-height:1;letter-spacing:0;color:var(--_dial-number-color);pointer-events:none;user-select:none;z-index:2;transition:color 150ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));font-variant-numeric:tabular-nums}.md-time-picker__dial-number--inner{color:var(--_dial-number-color);opacity:1}.md-time-picker__dial-number--active{color:var(--_dial-number-active-color);font-weight:var(--_dial-number-active-font-weight);opacity:1}.md-time-picker__input-area{margin-block-end:var(--md-sys-spacing-inset-xl, 24px);animation:md-time-picker-mode-in var(--_mode-swap-duration) var(--_motion-easing) both;transform-origin:center top}.md-time-picker__input-time{display:flex;align-items:flex-start;justify-content:center;gap:0}.md-time-picker__input-group{display:flex;flex-direction:column;align-items:center;gap:var(--_input-hint-gap)}.md-time-picker__input{font-family:inherit;font-size:var(--_input-font-size);font-weight:var(--_input-font-weight);line-height:1;letter-spacing:var(--md-sys-typescale-display-medium-letter-spacing, 0);background:var(--_input-bg);color:var(--_input-color);border:var(--_input-border-width) solid var(--_input-outline-color);border-radius:var(--_time-display-shape);padding-block:0;padding-inline:16px;inline-size:var(--_input-width);block-size:var(--_input-height);text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;box-sizing:border-box}.md-time-picker__input::-webkit-outer-spin-button,.md-time-picker__input::-webkit-inner-spin-button{appearance:none;margin:0}.md-time-picker__input:hover{background:color-mix(in srgb, var(--_input-color) var(--_input-hover-opacity), var(--_input-bg))}.md-time-picker__input:focus{outline:none;background:var(--_input-bg);border-color:var(--_input-active-outline-color)}.md-time-picker__input--active{background:var(--_input-active-bg);color:var(--_input-active-color);border-color:transparent}.md-time-picker__input--active:focus{background:var(--_input-active-bg);color:var(--_input-active-color);border-color:var(--_input-active-outline-color)}.md-time-picker__input--active:hover{background:color-mix( in srgb, var(--_input-active-color) var(--_input-hover-opacity), var(--_input-active-bg) )}.md-time-picker__input--error,.md-time-picker__input--error:focus{border-color:var(--_input-error-color);color:var(--_input-error-color)}.md-time-picker__input-separator{font-size:var(--_input-font-size);font-weight:var(--_input-font-weight);line-height:1;color:var(--_input-separator-color);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_input-separator-width);block-size:var(--_input-height);align-self:flex-start}.md-time-picker__input-hint{font-size:var(--md-sys-typescale-body-small-font-size, 12px);letter-spacing:var(--md-sys-typescale-body-small-letter-spacing, 0.4px);color:var(--_input-hint-color)}.md-time-picker__input--error~.md-time-picker__input-hint{color:var(--_input-error-color)}.md-time-picker__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--_footer-gap)}.md-time-picker__toggle-mode{--md-icon-button-color:var(--_toggle-icon-color);--md-icon-button-icon-color:var(--_toggle-icon-color);--md-icon-button-icon-size:var(--_toggle-icon-size);--md-icon-button-container-color:var(--_toggle-bg);--md-icon-button-container-shape:var(--_toggle-shape)}.md-time-picker__actions{display:inline-flex;align-items:center;gap:var(--_actions-gap)}.md-time-picker__action-btn{--md-button-label-color:var(--_action-color);--md-button-container-color:var(--_action-cancel-bg);--md-button-container-shape:var(--_action-shape)}.md-time-picker__action-btn--primary{--md-button-label-color:var(--_action-primary-color);--md-button-container-color:var(--_action-confirm-bg);--md-button-container-shape:var(--_action-shape)}@media (prefers-reduced-motion: reduce){.md-time-picker__scrim,.md-time-picker__dialog,.md-time-picker__dial-wrap,.md-time-picker__input-area,.md-time-picker__dial-hand,.md-time-picker__period-btn,.md-time-picker__dial-number,.md-time-picker__input{animation:none !important;transition:none !important}}.md-time-picker__sr-status{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){.md-time-picker__dialog{border:1px solid CanvasText}.md-time-picker__period,.md-time-picker__input,.md-time-picker__dial{border:1px solid CanvasText}.md-time-picker__input:hover,.md-time-picker__period-btn:hover{background:Canvas;color:CanvasText;forced-color-adjust:none}.md-time-picker__input:focus{background:Canvas;color:CanvasText;border-color:Highlight;forced-color-adjust:none}.md-time-picker__input--active,.md-time-picker__input--active:hover,.md-time-picker__input--active:focus,.md-time-picker__period-btn--active,.md-time-picker__period-btn--active:hover,.md-time-picker__dial-hand-line,.md-time-picker__dial-hand-tip,.md-time-picker__dial-center{background:Highlight;color:HighlightText;forced-color-adjust:none}.md-time-picker__input--error,.md-time-picker__input--error:focus,.md-time-picker__input--error:hover{background:Canvas;border-color:LinkText;color:LinkText;forced-color-adjust:none}.md-time-picker__period-btn:focus-visible{outline-color:Highlight}.md-time-picker__period--vertical .md-time-picker__period-btn--am{border-block-end-color:CanvasText}.md-time-picker__period--horizontal .md-time-picker__period-btn--am{border-inline-end-color:CanvasText}.md-time-picker__period-btn md-ripple{display:none}}:host-context([data-theme='dark']){--_scrim-color:var(--md-time-picker-scrim-color, rgba(0, 0, 0, 0.6))}: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 n=[];let d="";let c=0;const h=class{constructor(e){i(this,e);this.mdChange=t(this,"mdChange",7);this.mdInput=t(this,"mdInput",7);this.mdOpen=t(this,"mdOpen",7);this.mdClose=t(this,"mdClose",7);this.mdCancel=t(this,"mdCancel",7);this.mdModeChange=t(this,"mdModeChange",7);this.mdValidityChange=t(this,"mdValidityChange",5);if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this.variant="input";this.format="12h";this.value="";this.name="";this.min="";this.max="";this.required=false;this.label="Select time";this.headline="";this.headlineInputLabel="Enter time";this.headlineDialLabel="Select time";this.valueMissingLabel="Please select a time.";this.rangeUnderflowLabel="Please select a time at or after {min}.";this.rangeOverflowLabel="Please select a time at or before {max}.";this.rangeOutsideLabel="Please select a time at or after {min} or at or before {max}.";this.disabled=false;this.open=false;this.minuteStep=1;this.cancelLabel="Cancel";this.okLabel="OK";this.hideTrigger=false;this.amLabel="AM";this.pmLabel="PM";this.hourLabel="Hour";this.minuteLabel="Minute";this.toggleDialLabel="Toggle dial picker";this.toggleInputLabel="Toggle keyboard input";this.periodLabel="Period";this.periodLayout="vertical";this.orientation="vertical";this.responsive=false;this.density=0;this.isOpen=false;this.mode="dial";this.selecting="hour";this.draftHours=12;this.draftMinutes=0;this.hourInputValue="";this.minuteInputValue="";this.hourInputError=false;this.minuteInputError=false;this.viewportWidth=0;this.viewportHeight=0;this.formDisabled=false;this.committedHours=12;this.committedMinutes=0;this.committedValue="";this.defaultValue="";this.isDragging=false;this.hourInputSeeded=false;this.minuteInputSeeded=false;this.previousFocus=null;this.openSeq=0;this.uid=Math.random().toString(36).slice(2,11);this.headlineId=`md-time-picker-headline-${this.uid}`;this.hourCumulativeAngle=0;this.minuteCumulativeAngle=0;this.lastHandMode=null;this.lastValidityKey=null;this.lastInputEmitKey=-1;this.openPicker=()=>{if(this.isDisabled||this.isOpen)return;this.previousFocus=h.deepActiveElement();this.sampleViewport();this.attachOpenEnvironment();this.draftHours=this.committedHours;this.draftMinutes=this.committedMinutes;this.lastInputEmitKey=this.draftHours*60+this.draftMinutes;this.selecting="hour";this.mode=this.effectiveVariant;this.hourInputValue=String(this.displayHour);this.minuteInputValue=String(this.draftMinutes).padStart(2,"0");this.hourInputError=false;this.minuteInputError=false;this.hourInputSeeded=false;this.minuteInputSeeded=false;this.hourCumulativeAngle=0;this.minuteCumulativeAngle=0;this.lastHandMode=null;this.openSeq=++c;this.isOpen=true;this.open=true;this.mdOpen.emit();requestAnimationFrame((()=>this.focusInitial()))};this.closePicker=()=>{if(!this.isOpen)return;this.isOpen=false;this.open=false;this.detachOpenEnvironment();this.mdClose.emit();this.restoreFocusAfterClose()};this.cancel=()=>{if(!this.isOpen)return;this.draftHours=this.committedHours;this.draftMinutes=this.committedMinutes;this.mdCancel.emit();this.closePicker()};this.confirm=()=>{if(this.isDisabled)return;this.commitInputs();if(this.hourInputError||this.minuteInputError)return;this.committedHours=this.draftHours;this.committedMinutes=this.draftMinutes;const i=this.buildChangeDetail(this.draftHours,this.draftMinutes);this.committedValue=i.value;this.value=i.value;this.updateFormValue();this.mdChange.emit(i);this.closePicker()};this.setSelecting=i=>{this.selecting=i};this.togglePeriod=i=>{if(this.format==="24h")return;if(this.period===i)return;if(i==="AM"&&this.draftHours>=12)this.draftHours-=12;else if(i==="PM"&&this.draftHours<12)this.draftHours+=12;this.emitInputIfChanged();this.syncInputsFromDraft()};this.onPeriodKeyDown=i=>{if(this.format==="24h")return;const t=i.key;const e=t==="ArrowLeft"||t==="ArrowRight"||t==="ArrowUp"||t==="ArrowDown"||t==="Home"||t==="End";if(!e&&t!==" "&&t!=="Spacebar")return;i.preventDefault();let r;if(t==="Home")r="AM";else if(t==="End")r="PM";else if(t===" "||t==="Spacebar")r=this.period;else r=this.period==="AM"?"PM":"AM";this.togglePeriod(r);requestAnimationFrame((()=>{const i=this.el.shadowRoot;if(!i)return;const t=i.querySelector(r==="AM"?'[part="period-am"]':'[part="period-pm"]');t?.focus()}))};this.toggleMode=()=>{const i=this.mode;this.mode=this.mode==="dial"?"input":"dial";this.mdModeChange.emit({mode:this.mode,previousMode:i});this.selecting="hour";this.hourInputValue=String(this.displayHour);this.minuteInputValue=String(this.draftMinutes).padStart(2,"0");this.hourInputError=false;this.minuteInputError=false;this.hourInputSeeded=false;this.minuteInputSeeded=false;requestAnimationFrame((()=>{this.syncInputFields();this.focusInputSelectingAll(this.hourInputEl)}))};this.bindHourInput=i=>{if(!i){this.hourInputSeeded=false;this.hourInputEl=undefined;return}this.hourInputEl=i;if(!this.hourInputSeeded){i.value=this.hourInputValue;this.hourInputSeeded=true}};this.bindMinuteInput=i=>{if(!i){this.minuteInputSeeded=false;this.minuteInputEl=undefined;return}this.minuteInputEl=i;if(!this.minuteInputSeeded){i.value=this.minuteInputValue;this.minuteInputSeeded=true}};this.applyDialPointer=i=>{const t=this.dialPointFromEvent(i);if(!t)return;const{angle:e,distance:r,radius:s}=t;if(this.selecting==="hour"){const i=Math.round(e/30)%12;if(this.format==="12h"){const t=i===0?12:i;this.setHour24FromDisplay(t,this.period)}else{const t=r<s*.66;if(t){this.draftHours=i===0?0:12+i}else{this.draftHours=i===0?12:i}}}else{const i=Math.max(1,Math.min(30,this.minuteStep||1));let t=Math.round(e/6);t=Math.round(t/i)*i%60;this.draftMinutes=t}this.emitInputIfChanged();this.syncInputsFromDraft()};this.onDialPointerDown=i=>{if(this.isDisabled)return;i.preventDefault();this.isDragging=true;i.currentTarget?.setPointerCapture?.(i.pointerId);this.applyDialPointer(i)};this.onDialPointerMove=i=>{if(!this.isDragging)return;this.applyDialPointer(i)};this.onDialPointerUp=i=>{if(!this.isDragging)return;this.isDragging=false;i.currentTarget?.releasePointerCapture?.(i.pointerId);if(this.selecting==="hour"){this.selecting="minute";requestAnimationFrame((()=>{this.focusInputSelectingAll(this.minuteInputEl)}))}};this.onHostKeyDown=i=>{if(!this.isOpen)return;if(i.key==="Escape"){i.preventDefault();i.stopPropagation();this.cancel()}};this.commitInputs=()=>{this.applyInputsToDraft("both")};this.onHourInput=i=>{const t=i.target;const e=t.value.replace(/\D/g,"").slice(0,2);if(t.value!==e)t.value=e;this.hourInputValue=e;this.applyInputsToDraft("hour")};this.onMinuteInput=i=>{const t=i.target;const e=t.value.replace(/\D/g,"").slice(0,2);if(t.value!==e)t.value=e;this.minuteInputValue=e;this.applyInputsToDraft("minute")};this.onHourBlur=()=>{if(this.hourInputEl)this.hourInputValue=this.hourInputEl.value;this.commitInputs();if(!this.hourInputError&&parseInt(this.hourInputValue,10)===this.displayHour){this.hourInputValue=String(this.displayHour);if(this.hourInputEl)this.hourInputEl.value=this.hourInputValue}};this.onMinuteBlur=()=>{if(this.minuteInputEl)this.minuteInputValue=this.minuteInputEl.value;this.commitInputs();if(!this.minuteInputError&&parseInt(this.minuteInputValue,10)===this.draftMinutes){this.minuteInputValue=String(this.draftMinutes).padStart(2,"0");if(this.minuteInputEl)this.minuteInputEl.value=this.minuteInputValue}};this.onInputKeyDown=i=>{if(i.key==="Enter"){i.preventDefault();if(this.hourInputEl)this.hourInputValue=this.hourInputEl.value;if(this.minuteInputEl)this.minuteInputValue=this.minuteInputEl.value;this.confirm();return}if(i.key==="ArrowUp"||i.key==="ArrowDown"){const t=i.target;const e=t===this.hourInputEl||t?.classList?.contains("md-time-picker__input-hour")===true;const r=t===this.minuteInputEl||t?.classList?.contains("md-time-picker__input-minute")===true;if(!e&&!r)return;i.preventDefault();this.bumpFocusedInput(i.key==="ArrowUp"?1:-1,e?"hour":"minute")}};this.onTriggerClick=i=>{if(this.isDisabled)return;i.preventDefault();this.openPicker()};this.onTriggerKeyDown=i=>{if(this.isDisabled)return;if(i.key==="Enter"||i.key===" "||i.key==="Spacebar"){i.preventDefault();i.stopPropagation();this.openPicker()}}}componentWillLoad(){if(!this.parseValueInto(this.value)){this.value=""}else if(this.value){this.value=this.toIso(this.draftHours,this.draftMinutes)}this.committedHours=this.draftHours;this.committedMinutes=this.draftMinutes;this.committedValue=this.value;this.defaultValue=this.value;this.hourInputValue=String(this.computeDisplayHour(this.draftHours));this.minuteInputValue=String(this.draftMinutes).padStart(2,"0");if(this.responsive)this.sampleViewport();this.mode=this.effectiveVariant;if(this.open&&!this.disabled){this.isOpen=true;this.selecting="hour"}else if(this.open&&this.disabled){this.open=false}this.updateFormValue()}componentDidLoad(){this.updateValidity();if(this.isOpen){this.openSeq=++c;this.previousFocus=h.deepActiveElement();this.attachOpenEnvironment();this.mdOpen.emit();requestAnimationFrame((()=>this.focusInitial()))}}connectedCallback(){if(this.isOpen)this.attachOpenEnvironment()}disconnectedCallback(){this.detachOpenEnvironment()}formResetCallback(){this.value=this.defaultValue;this.updateFormValue()}formDisabledCallback(i){this.formDisabled=i;if(i&&this.isOpen)this.cancel()}formStateRestoreCallback(i){if(typeof i==="string")this.value=i}handleVariantChange(i){if(!this.isOpen)this.mode=i}handleValueChange(i){let t;if(i===""){this.parseValueInto("");t=""}else if(this.parseValueInto(i)){t=this.toIso(this.draftHours,this.draftMinutes)}else{this.parseValueInto("");t=""}if(t!==i){this.value=t;return}this.committedHours=this.draftHours;this.committedMinutes=this.draftMinutes;this.committedValue=i;if(this.isOpen){this.syncInputsFromDraft();this.lastInputEmitKey=this.draftHours*60+this.draftMinutes}else{this.hourInputValue=String(this.computeDisplayHour(this.draftHours));this.minuteInputValue=String(this.draftMinutes).padStart(2,"0")}this.updateFormValue()}handleConstraintChange(){this.updateValidity()}handleDisabledChange(i){if(i&&this.isOpen)this.cancel()}handleResponsiveChange(i){if(!this.isOpen)return;if(i){this.sampleViewport();this.attachViewportListener();if(this.mode==="dial"&&this.viewportHeight>0&&this.viewportHeight<h.ADAPTIVE_MIN_DIAL_HEIGHT){this.mode="input"}}else{this.detachViewportListener()}}handleOpenPropChange(i){if(i&&!this.isOpen){this.openPicker()}else if(!i&&this.isOpen){this.closePicker()}}emitValidityChange(){const i=a(this.internals);const t=`${i.valid}|${i.validationMessage}`;if(this.lastValidityKey===t)return;const e=this.lastValidityKey!==null;this.lastValidityKey=t;if(e)this.mdValidityChange.emit(i)}async show(){this.openPicker()}async hide(){this.cancel()}async checkValidity(){if(typeof this.internals?.checkValidity!=="function")return true;return this.internals.checkValidity()}async reportValidity(){if(typeof this.internals?.reportValidity!=="function")return true;return this.internals.reportValidity()}async getValidity(){const i=this.internals?.validity;if(!i)return{valid:true,validationMessage:""};return{valid:i.valid,valueMissing:i.valueMissing,rangeUnderflow:i.rangeUnderflow,rangeOverflow:i.rangeOverflow,validationMessage:this.internals.validationMessage}}parseValueInto(i){if(!i){this.draftHours=12;this.draftMinutes=0;return true}const t=/^(\d{1,2}):(\d{2})$/.exec(i);if(!t)return false;const e=parseInt(t[1],10);const r=parseInt(t[2],10);if(e<0||e>23||r<0||r>59)return false;this.draftHours=e;this.draftMinutes=r;return true}get isDisabled(){return this.disabled||this.formDisabled}parseHHMM(i){const t=/^(\d{1,2}):(\d{2})$/.exec(i||"");if(!t)return null;const e=parseInt(t[1],10);const r=parseInt(t[2],10);if(e>23||r>59)return null;return e*60+r}toIso(i,t){return`${String(i).padStart(2,"0")}:${String(t).padStart(2,"0")}`}emitInputIfChanged(){if(!this.isOpen)return;const i=this.draftHours*60+this.draftMinutes;if(i===this.lastInputEmitKey)return;this.lastInputEmitKey=i;this.mdInput.emit(this.buildChangeDetail(this.draftHours,this.draftMinutes))}buildChangeDetail(i,t){const e=this.toIso(i,t);const r=`${e}:00`;const s=new Date;s.setHours(i,t,0,0);return{value:e,iso:r,isoDateTime:s.toISOString(),date:s,hours:i,minutes:t,period:i>=12?"PM":"AM"}}get period(){return this.draftHours>=12?"PM":"AM"}computeDisplayHour(i){if(this.format==="24h")return i;if(i===0)return 12;if(i>12)return i-12;return i}get displayHour(){return this.computeDisplayHour(this.draftHours)}setHour24FromDisplay(i,t){let e;if(this.format==="24h"){e=(i%24+24)%24}else{const r=i===0?12:i;if(r===12)e=t==="AM"?0:12;else e=t==="AM"?r:r+12}this.draftHours=e}formatDisplayTime(i,t){if(this.format==="24h"){return`${String(i).padStart(2,"0")}:${String(t).padStart(2,"0")}`}const e=i>=12?this.pmLabel:this.amLabel;const r=i===0?12:i>12?i-12:i;return`${r}:${String(t).padStart(2,"0")} ${e}`}focusInitial(){const i=this.el.shadowRoot;if(!i)return;this.syncInputFields();this.focusInputSelectingAll(this.hourInputEl)}focusInputSelectingAll(i){if(!i)return;i.focus();this.selectInputContents(i)}attachOpenEnvironment(){if(typeof document==="undefined"||this.docKeyHandler)return;if(!n.includes(this))n.push(this);if(document.body){if(n.length===1){d=document.body.style.overflow}document.body.style.overflow="hidden"}this.docKeyHandler=i=>{if(!this.isOpen)return;if(!h.isTopmostOpen(this))return;if(i.key==="Escape"){i.preventDefault();i.stopImmediatePropagation();this.cancel()}else if(i.key==="Tab"){this.trapFocus(i)}};document.addEventListener("keydown",this.docKeyHandler,true);this.attachViewportListener()}detachOpenEnvironment(){if(typeof document!=="undefined"&&this.docKeyHandler){document.removeEventListener("keydown",this.docKeyHandler,true);this.docKeyHandler=undefined;const i=n.indexOf(this);if(i!==-1)n.splice(i,1);if(document.body&&n.length===0){document.body.style.overflow=d}}this.detachViewportListener()}static isTopmostOpen(i){let t=null;for(const i of n){if(!t||i.openSeq>t.openSeq)t=i}return t===i}static deepActiveElement(){if(typeof document==="undefined")return null;let i=document.activeElement;while(i?.shadowRoot?.activeElement)i=i.shadowRoot.activeElement;return i??null}static composedContains(i,t){let e=t;while(e){if(e===i)return true;e=e instanceof ShadowRoot?e.host:e.parentNode}return false}restoreFocusAfterClose(){const i=this.previousFocus;this.previousFocus=null;const t=!!i&&i.isConnected&&typeof i.focus==="function"&&(typeof document==="undefined"||i!==document.body);if(t&&!h.composedContains(this.el,i)){i.focus();const t=h.deepActiveElement();if(t&&h.composedContains(i,t))return}if(this.isDisabled)return;if(this.triggerFieldEl)this.focusTrigger()}focusTrigger(){const i=this.triggerFieldEl;if(!i)return;if(typeof i.setFocus==="function")void i.setFocus();else i.focus?.()}dialogFocusables(){const i=this.el.shadowRoot?.querySelector(".md-time-picker__dialog");if(!i)return[];const t=Array.from(i.querySelectorAll("input, button, md-button, md-icon-button, [tabindex]"));return t.filter((i=>!i.hasAttribute("disabled")&&i.getAttribute("tabindex")!=="-1"))}focusItem(i){const t=i;if(typeof t.setFocus==="function"){void t.setFocus();return}const e=i.shadowRoot?.querySelector("button, input, [tabindex]");const r=e??i;r.focus();if(r instanceof HTMLInputElement)this.selectInputContents(r)}trapFocus(i){const t=this.dialogFocusables();if(!t.length)return;const e=h.deepActiveElement();const r=e?t.findIndex((i=>h.composedContains(i,e))):-1;const s=!i.shiftKey;if(r===-1){i.preventDefault();this.focusItem(t[s?0:t.length-1]);return}if(s&&r===t.length-1){i.preventDefault();this.focusItem(t[0])}else if(!s&&r===0){i.preventDefault();this.focusItem(t[t.length-1])}}sampleViewport(){if(typeof window==="undefined")return;this.viewportWidth=window.innerWidth||0;this.viewportHeight=window.innerHeight||0}attachViewportListener(){if(!this.responsive||typeof window==="undefined")return;if(this.viewportResizeHandler)return;let i=0;this.viewportResizeHandler=()=>{if(i)cancelAnimationFrame(i);i=requestAnimationFrame((()=>{this.sampleViewport();if(this.mode==="dial"&&this.viewportHeight>0&&this.viewportHeight<h.ADAPTIVE_MIN_DIAL_HEIGHT){this.mode="input"}i=0}))};window.addEventListener("resize",this.viewportResizeHandler,{passive:true});window.addEventListener("orientationchange",this.viewportResizeHandler,{passive:true})}detachViewportListener(){if(typeof window==="undefined")return;if(!this.viewportResizeHandler)return;window.removeEventListener("resize",this.viewportResizeHandler);window.removeEventListener("orientationchange",this.viewportResizeHandler);this.viewportResizeHandler=undefined}updateFormValue(){try{this.internals?.setFormValue(this.committedValue??"")}catch{}this.updateValidity()}updateValidity(){if(typeof this.internals?.setValidity!=="function")return;const i=this.triggerFieldEl;const t=(t,e)=>{if(e&&i)this.internals.setValidity(t,e,i);else if(e)this.internals.setValidity(t,e);else this.internals.setValidity(t)};const e=this.parseHHMM(this.committedValue);const r=this.parseHHMM(this.min);const s=this.parseHHMM(this.max);const a=i=>i.replace(/\{min\}/g,this.min).replace(/\{max\}/g,this.max);try{if(this.required&&e===null){t({valueMissing:true},this.valueMissingLabel)}else if(e!==null&&r!==null&&s!==null&&r>s){if(e<r&&e>s){t({rangeUnderflow:true,rangeOverflow:true},a(this.rangeOutsideLabel))}else{t({})}}else if(e!==null&&r!==null&&e<r){t({rangeUnderflow:true},a(this.rangeUnderflowLabel))}else if(e!==null&&s!==null&&e>s){t({rangeOverflow:true},a(this.rangeOverflowLabel))}else{t({})}}catch{}this.emitValidityChange()}syncInputFields(){if(this.hourInputEl)this.hourInputEl.value=String(this.displayHour);if(this.minuteInputEl)this.minuteInputEl.value=String(this.draftMinutes).padStart(2,"0")}syncInputsFromDraft(){const i=String(this.displayHour);const t=String(this.draftMinutes).padStart(2,"0");this.hourInputValue=i;this.minuteInputValue=t;this.hourInputError=false;this.minuteInputError=false;if(this.hourInputEl&&this.hourInputEl.value!==i){this.hourInputEl.value=i;if(h.deepActiveElement()===this.hourInputEl){this.selectInputContents(this.hourInputEl)}}if(this.minuteInputEl&&this.minuteInputEl.value!==t){this.minuteInputEl.value=t;if(h.deepActiveElement()===this.minuteInputEl){this.selectInputContents(this.minuteInputEl)}}}dialPointFromEvent(i){if(!this.dialEl)return null;const t=this.dialEl.getBoundingClientRect();const e=t.left+t.width/2;const r=t.top+t.height/2;const s=i.clientX-e;const a=i.clientY-r;const o=Math.hypot(s,a);let n=Math.atan2(a,s)*(180/Math.PI);n=(n+90+360)%360;return{angle:n,distance:o,radius:t.width/2}}applyInputsToDraft(i){const t=parseInt(this.hourInputValue,10);const e=parseInt(this.minuteInputValue,10);const r=this.format==="24h"?0:1;const s=this.format==="24h"?23:12;const a=!isNaN(t)&&t>=r&&t<=s;const o=!isNaN(e)&&e>=0&&e<=59;if(i==="hour"||i==="both")this.hourInputError=!a;if(i==="minute"||i==="both")this.minuteInputError=!o;if(a&&o){this.draftMinutes=e;this.setHour24FromDisplay(t,this.period);this.emitInputIfChanged();return true}return false}get hourValueNow(){const i=parseInt(this.hourInputValue,10);return Number.isNaN(i)?this.displayHour:i}get minuteValueNow(){const i=parseInt(this.minuteInputValue,10);return Number.isNaN(i)?this.draftMinutes:i}bumpFocusedInput(i,t){if(t==="hour"){const t=this.hourInputError?this.displayHour:this.hourValueNow;if(this.format==="24h"){this.draftHours=((t+i)%24+24)%24}else{const e=t;let r=e+i;if(r>12)r=1;else if(r<1)r=12;this.setHour24FromDisplay(r,this.period)}this.hourInputError=false;this.hourInputValue=String(this.displayHour);if(this.hourInputEl){this.hourInputEl.value=this.hourInputValue;this.selectInputContents(this.hourInputEl)}}else{const t=Math.max(1,Math.min(30,this.minuteStep||1));const e=this.minuteInputError?this.draftMinutes:this.minuteValueNow;const r=Math.round(e/t)*t;this.draftMinutes=((r+i*t)%60+60)%60;this.minuteInputError=false;this.minuteInputValue=String(this.draftMinutes).padStart(2,"0");if(this.minuteInputEl){this.minuteInputEl.value=this.minuteInputValue;this.selectInputContents(this.minuteInputEl)}}this.emitInputIfChanged()}selectInputContents(i){if(typeof i.select!=="function")return;try{i.select()}catch{}}renderTrigger(){if(this.hideTrigger)return null;const i=this.committedValue?this.formatDisplayTime(this.committedHours,this.committedMinutes):"";const t=i?`${this.label}, ${i}`:this.label;return e("md-text-field",{class:{"md-time-picker__field":true,"md-time-picker__field--disabled":this.isDisabled,"md-time-picker__field--filled":!!i,"md-time-picker__field--open":this.isOpen},variant:"outlined",readOnly:true,label:this.label,value:i,disabled:this.isDisabled,required:this.required,part:"trigger","aria-haspopup":"dialog","aria-expanded":String(this.isOpen),"aria-label":t,appearFocused:this.isOpen,ref:i=>{this.triggerFieldEl=i},onClick:this.onTriggerClick,onKeyDown:this.onTriggerKeyDown},e("span",{slot:"leading-icon",class:"md-time-picker__field-icon material-symbols-outlined",part:"trigger-icon","aria-hidden":"true"},"schedule"))}get effectivePeriodLayout(){if(this.mode==="input")return"vertical";if(this.effectiveOrientation==="horizontal"&&this.mode==="dial")return"horizontal";return this.periodLayout}get effectiveVariant(){if(!this.responsive)return this.variant;if(!this.viewportHeight)return this.variant;if(this.viewportHeight<h.ADAPTIVE_MIN_DIAL_HEIGHT)return"input";return this.variant}get effectiveOrientation(){if(!this.responsive)return this.orientation;if(!this.viewportWidth||!this.viewportHeight)return this.orientation;if(this.mode!=="dial")return this.orientation;if(this.orientation==="vertical"&&this.viewportWidth>=h.ADAPTIVE_LANDSCAPE_WIDTH&&this.viewportWidth>this.viewportHeight){return"horizontal"}if(this.orientation==="horizontal"&&this.viewportWidth<h.ADAPTIVE_DEMOTE_WIDTH){return"vertical"}return this.orientation}renderPeriodToggle(){const i=this.period;const t=this.effectivePeriodLayout==="horizontal";return e("div",{class:{"md-time-picker__period":true,"md-time-picker__period--vertical":!t,"md-time-picker__period--horizontal":t},role:"radiogroup","aria-label":this.periodLabel,"aria-orientation":t?"horizontal":"vertical",onKeyDown:this.onPeriodKeyDown,part:"period-toggle"},e("button",{type:"button",class:{"md-time-picker__period-btn":true,"md-time-picker__period-btn--am":true,"md-time-picker__period-btn--active":i==="AM"},role:"radio","aria-checked":String(i==="AM"),tabindex:i==="AM"?0:-1,onClick:()=>this.togglePeriod("AM"),part:"period-am"},e("md-ripple",{disabled:this.isDisabled,part:"period-am-ripple"}),e("span",{class:"md-time-picker__period-btn-label"},this.amLabel)),e("button",{type:"button",class:{"md-time-picker__period-btn":true,"md-time-picker__period-btn--pm":true,"md-time-picker__period-btn--active":i==="PM"},role:"radio","aria-checked":String(i==="PM"),tabindex:i==="PM"?0:-1,onClick:()=>this.togglePeriod("PM"),part:"period-pm"},e("md-ripple",{disabled:this.isDisabled,part:"period-pm-ripple"}),e("span",{class:"md-time-picker__period-btn-label"},this.pmLabel)))}advanceHandAngle(i,t){if(this.lastHandMode!==i){this.lastHandMode=i;if(i==="hour"){this.hourCumulativeAngle=t;return t}this.minuteCumulativeAngle=t;return t}const e=i==="hour"?this.hourCumulativeAngle:this.minuteCumulativeAngle;const r=((t-e)%360+540)%360-180;const s=e+r;if(i==="hour")this.hourCumulativeAngle=s;else this.minuteCumulativeAngle=s;return s}renderDial(){const i=this.selecting==="hour";const t=50;const r=.8;const s=.52;let a=0;let o=r;if(i){if(this.format==="12h"){const i=this.displayHour===12?0:this.displayHour;a=i*30}else{const i=this.draftHours;if(i===0){a=0;o=s}else if(i>=1&&i<=12){a=(i===12?0:i)*30}else{a=(i-12)*30;o=s}}}else{a=this.draftMinutes*6}const n=this.advanceHandAngle(i?"hour":"minute",a);return e("div",{class:"md-time-picker__dial-wrap",part:"dial-wrap"},e("div",{class:{"md-time-picker__dial":true,"md-time-picker__dial--minute":!i,"md-time-picker__dial--24h-hour":i&&this.format==="24h"},ref:i=>this.dialEl=i,onPointerDown:this.onDialPointerDown,onPointerMove:this.onDialPointerMove,onPointerUp:this.onDialPointerUp,onPointerCancel:this.onDialPointerUp,role:"presentation",part:"dial"},e("div",{class:"md-time-picker__dial-hand",style:{transform:`rotate(${n}deg)`,["--_hand-length-dynamic"]:`${o*100}%`},"aria-hidden":"true",part:"dial-hand"},e("span",{class:"md-time-picker__dial-hand-dot","aria-hidden":"true"}),e("span",{class:"md-time-picker__dial-hand-line","aria-hidden":"true"}),e("span",{class:"md-time-picker__dial-hand-tip","aria-hidden":"true"})),e("span",{class:"md-time-picker__dial-center","aria-hidden":"true"}),i?this.renderHourNumbers(t,r,s):this.renderMinuteNumbers(t,r)))}renderHourNumbers(i,t,e){const r=[];if(this.format==="12h"){for(let i=0;i<12;i++){const t=i===0?"12":String(i);r.push({label:t,angle:i*30,inner:false,value:i===0?12:i})}}else{for(let i=0;i<12;i++){const t=i===0?"12":String(i);r.push({label:t,angle:i*30,inner:false,value:i===0?12:i})}for(let i=0;i<12;i++){const t=i===0?"00":String(12+i);r.push({label:t,angle:i*30,inner:true,value:i===0?0:12+i})}}return r.map((r=>this.renderDialNumber(r.label,r.angle,r.inner,this.isHourActive(r.value),i,t,e,r.value)))}isHourActive(i){if(this.format==="12h"){return this.displayHour===i}return this.draftHours===i}renderMinuteNumbers(i,t){const e=[];for(let i=0;i<12;i++){const t=i*5;e.push({label:String(t).padStart(2,"0"),angle:t*6,value:t})}return e.map((e=>this.renderDialNumber(e.label,e.angle,false,this.draftMinutes===e.value,i,t,t,e.value)))}renderDialNumber(i,t,r,s,a,o,n,d){const c=r?a*n:a*o;const h=(t-90)*Math.PI/180;const l=50+Math.cos(h)*c;const p=50+Math.sin(h)*c;return e("span",{class:{"md-time-picker__dial-number":true,"md-time-picker__dial-number--inner":r,"md-time-picker__dial-number--active":s},style:{left:`${l}%`,top:`${p}%`},"data-value":String(d),"aria-hidden":"true"},i)}renderInputs(i=true){const t=this.selecting==="hour";return e("div",{class:"md-time-picker__input-area",part:"input-area"},e("div",{class:"md-time-picker__input-time"},e("div",{class:"md-time-picker__input-group"},e("input",{type:"text",inputmode:"numeric",autocomplete:"off",class:{"md-time-picker__input":true,"md-time-picker__input-hour":true,"md-time-picker__input--active":t,"md-time-picker__input--error":this.hourInputError},maxLength:2,ref:this.bindHourInput,role:"spinbutton","aria-valuemin":this.format==="24h"?0:1,"aria-valuemax":this.format==="24h"?23:12,"aria-valuenow":this.hourInputError?undefined:this.hourValueNow,"aria-label":this.hourLabel,"aria-invalid":String(this.hourInputError),onInput:this.onHourInput,onFocus:()=>this.setSelecting("hour"),onBlur:this.onHourBlur,onKeyDown:this.onInputKeyDown,part:"input-hour"}),e("span",{class:"md-time-picker__input-hint"},this.hourLabel)),e("span",{class:"md-time-picker__input-separator","aria-hidden":"true"},":"),e("div",{class:"md-time-picker__input-group"},e("input",{type:"text",inputmode:"numeric",autocomplete:"off",class:{"md-time-picker__input":true,"md-time-picker__input-minute":true,"md-time-picker__input--active":!t,"md-time-picker__input--error":this.minuteInputError},maxLength:2,ref:this.bindMinuteInput,role:"spinbutton","aria-valuemin":0,"aria-valuemax":59,"aria-valuenow":this.minuteInputError?undefined:this.minuteValueNow,"aria-label":this.minuteLabel,"aria-invalid":String(this.minuteInputError),onInput:this.onMinuteInput,onFocus:()=>this.setSelecting("minute"),onBlur:this.onMinuteBlur,onKeyDown:this.onInputKeyDown,part:"input-minute"}),e("span",{class:"md-time-picker__input-hint"},this.minuteLabel)),this.format==="12h"&&i&&this.renderPeriodToggle()))}renderDialog(){if(!this.isOpen)return null;const i=this.mode==="input";const t=!i&&this.effectiveOrientation==="horizontal";const r=this.effectivePeriodLayout;const s=this.headline||(i?this.headlineInputLabel:this.headlineDialLabel);const a=!i&&this.format==="12h"&&r==="horizontal";const o=i?null:e("div",{class:"md-time-picker__time-area",part:"time-area"},this.renderInputs(!a),a&&this.renderPeriodToggle());return e("div",{class:"md-time-picker__scrim",part:"scrim",onClick:i=>{if(i.target===i.currentTarget)this.cancel()}},e("div",{class:{"md-time-picker__dialog":true,"md-time-picker__dialog--dial":!i,"md-time-picker__dialog--input":i,"md-time-picker__dialog--horizontal":t,"md-time-picker__dialog--vertical":!t},role:"dialog","aria-modal":"true","aria-labelledby":this.headlineId,part:"dialog"},e("div",{class:"md-time-picker__headline",id:this.headlineId,part:"headline"},s),e("span",{class:"md-time-picker__sr-status","aria-live":"polite"},this.selecting==="hour"?this.hourLabel:this.minuteLabel),e("div",{class:{"md-time-picker__body":true,"md-time-picker__body--horizontal":t},part:"body"},o,i?this.renderInputs():this.renderDial()),e("div",{class:"md-time-picker__footer",part:"footer"},e("md-icon-button",{class:"md-time-picker__toggle-mode",variant:"standard",size:"sm",icon:i?"schedule":"keyboard","aria-label":i?this.toggleDialLabel:this.toggleInputLabel,onMdClick:this.toggleMode,part:"toggle-mode"}),e("div",{class:"md-time-picker__actions",part:"actions"},e("md-button",{class:"md-time-picker__action-btn",variant:"text",size:"sm",onMdClick:this.cancel,part:"cancel-button"},this.cancelLabel),e("md-button",{class:"md-time-picker__action-btn md-time-picker__action-btn--primary",variant:"text",size:"sm",onMdClick:this.confirm,part:"confirm-button"},this.okLabel)))))}render(){return e(r,{key:"4d9f62bf492ca02f80f6128ac6c151dfcc8cd34d",class:{"md-time-picker":true,[`md-time-picker--${this.variant}`]:true,[`md-time-picker--format-${this.format}`]:true,"md-time-picker--open":this.isOpen,"md-time-picker--disabled":this.isDisabled},onKeyDown:this.onHostKeyDown},this.renderTrigger(),this.renderDialog())}static get formAssociated(){return true}get el(){return s(this)}static get watchers(){return{variant:[{handleVariantChange:0}],value:[{handleValueChange:0}],min:[{handleConstraintChange:0}],max:[{handleConstraintChange:0}],required:[{handleConstraintChange:0}],valueMissingLabel:[{handleConstraintChange:0}],rangeUnderflowLabel:[{handleConstraintChange:0}],rangeOverflowLabel:[{handleConstraintChange:0}],rangeOutsideLabel:[{handleConstraintChange:0}],disabled:[{handleDisabledChange:0}],responsive:[{handleResponsiveChange:0}],open:[{handleOpenPropChange:0}]}}};h.ADAPTIVE_MIN_DIAL_HEIGHT=460;h.ADAPTIVE_LANDSCAPE_WIDTH=720;h.ADAPTIVE_DEMOTE_WIDTH=620;h.style=o();export{h as md_time_picker};
2
- //# sourceMappingURL=p-b243284b.entry.js.map
1
+ import{r as i,c as t,h as e,H as r,g as s}from"./p-WmvQpZnM.js";import{g as a}from"./p-DWxN44zD.js";const o=()=>`:host{--_trigger-color:var(--md-time-picker-trigger-color, var(--md-sys-color-on-surface, #1c1b1f));--_trigger-outline-color:var(--md-time-picker-trigger-outline-color, var(--md-sys-color-outline, #79747e));--_trigger-hover-color:var(--md-time-picker-trigger-hover-color, var(--md-sys-color-on-surface, #1c1b1f));--_trigger-focus-color:var(--md-time-picker-trigger-focus-color, var(--md-sys-color-primary, #6750a4));--_trigger-icon-color:var(--md-time-picker-trigger-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_dialog-color:var(--md-time-picker-dialog-color, var(--md-sys-color-surface-container-high, #ece6f0));--_dialog-on-color:var(--md-time-picker-dialog-on-color, var(--md-sys-color-on-surface, #1c1b1f));--_dialog-shape:var(--md-time-picker-dialog-shape, var(--md-sys-shape-corner-extra-large, 28px));--_dialog-elevation:var(--md-time-picker-dialog-elevation, var(--md-sys-elevation-3, 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.3)));--_scrim-color:var(--md-time-picker-scrim-color, rgba(0, 0, 0, 0.32));--_headline-color:var(--md-time-picker-headline-color, var(--md-sys-color-on-surface-variant, #49454f));--_time-display-shape:var( --md-time-picker-input-shape, var(--md-time-picker-time-display-shape, var(--md-sys-shape-corner-small, 8px)) );--_period-bg:var(--md-time-picker-period-bg, transparent);--_period-color:var(--md-time-picker-period-color, var(--md-sys-color-on-surface, #1c1b1f));--_period-active-bg:var(--md-time-picker-period-active-bg, var(--md-sys-color-tertiary-container, #ffd8e4));--_period-active-color:var(--md-time-picker-period-active-color, var(--md-sys-color-on-tertiary-container, #370b1e));--_period-outline-color:var(--md-time-picker-period-outline-color, var(--md-sys-color-outline, #79747e));--_dial-bg:var(--md-time-picker-dial-bg, var(--md-sys-color-surface-container-highest, #e6e0e9));--_dial-number-color:var(--md-time-picker-dial-number-color, var(--md-sys-color-on-surface, #1c1b1f));--_dial-number-active-color:var(--md-time-picker-dial-number-active-color, var(--md-sys-color-on-primary, #ffffff));--_dial-hand-color:var(--md-time-picker-dial-hand-color, var(--md-sys-color-primary, #6750a4));--_dial-target-size:var(--md-time-picker-dial-target-size, 48px);--_input-bg:var(--md-time-picker-input-bg, var(--md-sys-color-surface-container-highest, #e6e0e9));--_input-color:var(--md-time-picker-input-color, var(--md-sys-color-on-surface, #1c1b1f));--_input-outline-color:var(--md-time-picker-input-outline-color, transparent);--_input-active-outline-color:var(--md-time-picker-input-active-outline-color, var(--md-sys-color-primary, #6750a4));--_input-error-color:var(--md-time-picker-input-error-color, var(--md-sys-color-error, #b3261e));--_input-hint-color:var(--md-time-picker-input-hint-color, var(--md-sys-color-on-surface-variant, #49454f));--_action-color:var(--md-time-picker-action-color, var(--md-sys-color-primary, #6750a4));--_action-primary-color:var(--md-time-picker-action-primary-color, var(--md-sys-color-primary, #6750a4));--_toggle-icon-color:var(--md-time-picker-toggle-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_dialog-padding:var(--md-time-picker-dialog-padding, var(--md-sys-spacing-inset-xl, 24px));--_dialog-min-width:var(--md-time-picker-dialog-min-width, 328px);--_dialog-horizontal-width-12h:var(--md-time-picker-dialog-horizontal-width-12h, 572px);--_dialog-horizontal-width-24h:var(--md-time-picker-dialog-horizontal-width-24h, 608px);--_dialog-enter-duration:var(--md-time-picker-dialog-enter-duration, var(--md-sys-motion-duration-long2, 500ms));--_mode-swap-duration:var(--md-time-picker-mode-swap-duration, var(--md-sys-motion-duration-long1, 450ms));--_motion-easing:var(--md-time-picker-motion-easing, var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)));--_trigger-min-width:var(--md-time-picker-trigger-min-width, 240px);--_trigger-icon-size:var(--md-time-picker-trigger-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_trigger-shape:var(--md-time-picker-trigger-shape, var(--md-sys-shape-corner-extra-small, 4px));--_headline-font-size:var(--md-time-picker-headline-font-size, max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px)));--_headline-font-weight:var(--md-time-picker-headline-font-weight, var(--md-sys-typescale-label-medium-font-weight, 500));--_headline-spacing:var(--md-time-picker-headline-spacing, max(4px, calc(20px + var(--md-sys-density-scale, 0) * 2px)));--_input-height:var(--md-time-picker-input-height, calc(var(--_input-font-size) * 1.6));--_input-width:var(--md-time-picker-input-width, calc(var(--_input-height) * 4 / 3));--_input-border-width:var(--md-time-picker-input-border-width, 2px);--_input-font-size:var(--md-time-picker-input-font-size, max(32px, calc(45px + var(--md-sys-density-scale, 0) * 2px)));--_input-font-weight:var(--md-time-picker-input-font-weight, var(--md-sys-typescale-display-medium-font-weight, 400));--_input-active-bg:var(--md-time-picker-input-active-bg, var(--md-sys-color-primary-container, #eaddff));--_input-active-color:var(--md-time-picker-input-active-color, var(--md-sys-color-on-primary-container, #21005d));--_input-separator-color:var(--md-time-picker-input-separator-color, var(--_dialog-on-color));--_input-separator-width:var(--md-time-picker-input-separator-width, 24px);--_input-hint-gap:var(--md-time-picker-input-hint-gap, var(--md-sys-spacing-gap-xs, 4px));--_input-hover-opacity:var(--md-time-picker-input-hover-opacity, 8%);--_period-shape:var(--md-time-picker-period-shape, var(--md-sys-shape-corner-small, 8px));--_period-outline-width:var(--md-time-picker-period-outline-width, 1px);--_period-vertical-width:var(--md-time-picker-period-vertical-width, 52px);--_period-vertical-height:var(--md-time-picker-period-vertical-height, 80px);--_period-vertical-height-input:var(--md-time-picker-period-vertical-height-input, 72px);--_period-horizontal-width:var(--md-time-picker-period-horizontal-width, 216px);--_period-horizontal-height:var(--md-time-picker-period-horizontal-height, 38px);--_period-font-size:var(--md-time-picker-period-font-size, max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px)));--_period-font-weight:var(--md-time-picker-period-font-weight, 500);--_period-hover-opacity:var(--md-time-picker-period-hover-opacity, 8%);--_dial-size:var(--md-time-picker-dial-size, 256px);--_dial-center-size:var(--md-time-picker-dial-center-size, 8px);--_dial-hand-width:var(--md-time-picker-dial-hand-width, 2px);--_dial-number-font-size:var(--md-time-picker-dial-number-font-size, max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px)));--_dial-number-font-weight:var(--md-time-picker-dial-number-font-weight, var(--md-sys-typescale-body-large-font-weight, 400));--_dial-number-active-font-weight:var(--md-time-picker-dial-number-active-font-weight, 500);--_footer-gap:var(--md-time-picker-footer-gap, var(--md-sys-spacing-gap-sm, 8px));--_actions-gap:var(--md-time-picker-actions-gap, var(--md-sys-spacing-gap-sm, 8px));--_action-shape:var(--md-time-picker-action-shape, var(--md-sys-shape-corner-full, 9999px));--_action-confirm-bg:var(--md-time-picker-action-confirm-bg, transparent);--_action-cancel-bg:var(--md-time-picker-action-cancel-bg, transparent);--_toggle-bg:var(--md-time-picker-toggle-bg, transparent);--_toggle-icon-size:var(--md-time-picker-toggle-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_toggle-shape:var(--md-time-picker-toggle-shape, var(--md-sys-shape-corner-full, 9999px));display:inline-block;position:relative;font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);color:var(--_dialog-on-color)}:host([hide-trigger]){display:contents}:host([disabled]){cursor:not-allowed}.md-time-picker__field{min-inline-size:var(--_trigger-min-width);display:inline-flex;inline-size:auto;cursor:pointer;--md-text-field-label-color:var(--_trigger-icon-color);--md-text-field-input-color:var(--_trigger-color);--md-text-field-outline-color:var(--_trigger-outline-color);--md-text-field-active-indicator-color:var(--_trigger-focus-color);--md-text-field-icon-color:var(--_trigger-icon-color);--md-text-field-container-shape:var(--_trigger-shape)}.md-time-picker__field--disabled{cursor:not-allowed}.md-time-picker__field-icon{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons'), sans-serif;font-size:var(--_trigger-icon-size);line-height:1;color:var(--_trigger-icon-color);flex-shrink:0}.md-time-picker__field:hover:not(.md-time-picker__field--disabled) .md-time-picker__field-icon{color:var(--_trigger-hover-color)}:host(.md-time-picker--open) .md-time-picker__field{--md-text-field-active-indicator-color:var(--_trigger-focus-color);--md-text-field-icon-color:var(--_trigger-focus-color)}.md-time-picker__scrim{position:fixed;inset:0;z-index:var(--md-sys-z-index-popup, 1000);display:flex;align-items:center;justify-content:center;background:var(--_scrim-color);padding:var(--md-sys-spacing-inset-xl, 24px);animation:md-time-picker-scrim-in var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)) forwards;box-sizing:border-box}@keyframes md-time-picker-scrim-in{from{opacity:0}to{opacity:1}}.md-time-picker__dialog{background:var(--_dialog-color);color:var(--_dialog-on-color);border-radius:var(--_dialog-shape);box-shadow:var(--_dialog-elevation);padding:var(--_dialog-padding);width:min(var(--_dialog-min-width), calc(100vw - 48px));max-block-size:calc(100vh - 48px);max-block-size:calc(100dvh - 48px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;animation:md-time-picker-dialog-in var(--_dialog-enter-duration) var(--_motion-easing) both;transform-origin:center top}.md-time-picker__dialog--input{width:min(var(--_dialog-min-width), calc(100vw - 48px))}.md-time-picker__dialog--horizontal{width:min(var(--_dialog-horizontal-width-12h), calc(100vw - 48px))}:host(.md-time-picker--format-24h) .md-time-picker__dialog--horizontal{width:min(var(--_dialog-horizontal-width-24h), calc(100vw - 48px))}@keyframes md-time-picker-dialog-in{from{opacity:0;transform:translateY(12px) scale(0.88)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes md-time-picker-mode-in{from{opacity:0;transform:translateY(8px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}.md-time-picker__headline{font-size:var(--_headline-font-size);font-weight:var(--_headline-font-weight);letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing, 0.5px);line-height:var(--md-sys-typescale-label-medium-line-height, 16px);color:var(--_headline-color);text-transform:none;margin-block-end:var(--_headline-spacing);text-align:start}.md-time-picker__body{display:flex;flex-direction:column}.md-time-picker__body--horizontal{flex-direction:row;align-items:flex-start;column-gap:52px}.md-time-picker__time-area{display:flex;flex-direction:column;flex:0 0 auto}.md-time-picker__body--horizontal .md-time-picker__dial-wrap{flex:0 0 auto}.md-time-picker__body--horizontal .md-time-picker__input-area{margin-block-end:0}.md-time-picker__body--horizontal .md-time-picker__period--horizontal{margin-block-start:var(--md-sys-spacing-inset-lg, 16px);margin-block-end:0;margin-inline:0}.md-time-picker__period{display:inline-flex;border:var(--_period-outline-width) solid var(--_period-outline-color);box-sizing:border-box}.md-time-picker__period--vertical{flex-direction:column;border-radius:var(--_period-shape);margin-inline-start:var(--md-sys-spacing-inset-md, 12px);inline-size:var(--_period-vertical-width);block-size:var(--_period-vertical-height)}.md-time-picker__input-area .md-time-picker__period--vertical{block-size:var(--_period-vertical-height-input)}.md-time-picker__period--horizontal{flex-direction:row;border-radius:var(--_period-shape);margin-block-start:var(--md-sys-spacing-inset-md, 12px);margin-block-end:var(--md-sys-spacing-inset-xl, 24px);margin-inline:auto;inline-size:var(--_period-horizontal-width);block-size:var(--_period-horizontal-height);align-self:center}.md-time-picker__period-btn{flex:1 1 0;background:var(--_period-bg);color:var(--_period-color);border:none;font:inherit;font-size:var(--_period-font-size);font-weight:var(--_period-font-weight);letter-spacing:0.1px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;overflow:hidden;transition:background-color 150ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)), color 150ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-time-picker__period-btn-label{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center}.md-time-picker__period--vertical .md-time-picker__period-btn{block-size:50%}.md-time-picker__period--horizontal .md-time-picker__period-btn{inline-size:50%;block-size:100%}.md-time-picker__period-btn:hover{background:color-mix(in srgb, var(--_period-color) var(--_period-hover-opacity), transparent)}.md-time-picker__period-btn--active{background:var(--_period-active-bg);color:var(--_period-active-color)}.md-time-picker__period-btn--active:hover{background:color-mix(in srgb, var(--_period-active-color) var(--_period-hover-opacity), var(--_period-active-bg))}.md-time-picker__period-btn:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625b71);outline-offset:2px;z-index:1}.md-time-picker__period--vertical .md-time-picker__period-btn--am{border-block-end:var(--_period-outline-width) solid var(--_period-outline-color);border-start-start-radius:calc(var(--_period-shape) - var(--_period-outline-width));border-start-end-radius:calc(var(--_period-shape) - var(--_period-outline-width))}.md-time-picker__period--vertical .md-time-picker__period-btn--pm{border-end-start-radius:calc(var(--_period-shape) - var(--_period-outline-width));border-end-end-radius:calc(var(--_period-shape) - var(--_period-outline-width))}.md-time-picker__period--horizontal .md-time-picker__period-btn--am{border-inline-end:var(--_period-outline-width) solid var(--_period-outline-color);border-start-start-radius:calc(var(--_period-shape) - var(--_period-outline-width));border-end-start-radius:calc(var(--_period-shape) - var(--_period-outline-width))}.md-time-picker__period--horizontal .md-time-picker__period-btn--pm{border-start-end-radius:calc(var(--_period-shape) - var(--_period-outline-width));border-end-end-radius:calc(var(--_period-shape) - var(--_period-outline-width))}.md-time-picker__dial-wrap{display:flex;justify-content:center;align-items:center;margin-block-end:var(--md-sys-spacing-inset-xl, 24px);animation:md-time-picker-mode-in var(--_mode-swap-duration) var(--_motion-easing) both;transform-origin:center top}.md-time-picker__dial{position:relative;width:var(--_dial-size);height:var(--_dial-size);background:var(--_dial-bg);border-radius:50%;touch-action:none;user-select:none;cursor:pointer;box-sizing:border-box}:host([disabled]) .md-time-picker__dial{pointer-events:none;opacity:0.38}.md-time-picker__dial-center{position:absolute;width:var(--_dial-center-size);height:var(--_dial-center-size);border-radius:50%;background:var(--_dial-hand-color);left:50%;top:50%;transform:translate(-50%, -50%);z-index:2}.md-time-picker__dial-hand{position:absolute;left:50%;top:auto;bottom:50%;width:0;height:50%;background:transparent;transform-origin:50% 100%;transform:rotate(0deg);transition:transform 200ms var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));pointer-events:none;z-index:1}.md-time-picker__dial-hand-line{position:absolute;left:50%;top:auto;bottom:0;width:var(--_dial-hand-width);height:var(--md-time-picker-hand-length, var(--_hand-length-dynamic, 100%));background:var(--_dial-hand-color);transform:translateX(-50%)}.md-time-picker__dial-hand-tip{position:absolute;left:50%;top:calc(100% - var(--md-time-picker-hand-length, var(--_hand-length-dynamic, 100%)));bottom:auto;width:var(--_dial-target-size);height:var(--_dial-target-size);background:var(--_dial-hand-color);border-radius:50%;transform:translate(-50%, -50%)}.md-time-picker__dial-hand-dot{display:none}.md-time-picker__dial-number{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:var(--_dial-target-size);height:var(--_dial-target-size);margin-left:calc(-1 * var(--_dial-target-size) / 2);margin-top:calc(-1 * var(--_dial-target-size) / 2);border-radius:50%;font-family:var(--md-sys-typescale-body-large-font-family, var(--md-sys-typescale-body-large-font, inherit));font-size:var(--_dial-number-font-size);font-weight:var(--_dial-number-font-weight);line-height:1;letter-spacing:0;color:var(--_dial-number-color);pointer-events:none;user-select:none;z-index:2;transition:color 150ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));font-variant-numeric:tabular-nums}.md-time-picker__dial-number--inner{color:var(--_dial-number-color);opacity:1}.md-time-picker__dial-number--active{color:var(--_dial-number-active-color);font-weight:var(--_dial-number-active-font-weight);opacity:1}.md-time-picker__input-area{margin-block-end:var(--md-sys-spacing-inset-xl, 24px);animation:md-time-picker-mode-in var(--_mode-swap-duration) var(--_motion-easing) both;transform-origin:center top}.md-time-picker__input-time{display:flex;align-items:flex-start;justify-content:center;gap:0}.md-time-picker__input-group{display:flex;flex-direction:column;align-items:center;gap:var(--_input-hint-gap)}.md-time-picker__input{font-family:inherit;font-size:var(--_input-font-size);font-weight:var(--_input-font-weight);line-height:1;letter-spacing:var(--md-sys-typescale-display-medium-letter-spacing, 0);background:var(--_input-bg);color:var(--_input-color);border:var(--_input-border-width) solid var(--_input-outline-color);border-radius:var(--_time-display-shape);padding-block:0;padding-inline:16px;inline-size:var(--_input-width);block-size:var(--_input-height);text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;box-sizing:border-box}.md-time-picker__input::-webkit-outer-spin-button,.md-time-picker__input::-webkit-inner-spin-button{appearance:none;margin:0}.md-time-picker__input:hover{background:color-mix(in srgb, var(--_input-color) var(--_input-hover-opacity), var(--_input-bg))}.md-time-picker__input:focus{outline:none;background:var(--_input-bg);border-color:var(--_input-active-outline-color)}.md-time-picker__input--active{background:var(--_input-active-bg);color:var(--_input-active-color);border-color:transparent}.md-time-picker__input--active:focus{background:var(--_input-active-bg);color:var(--_input-active-color);border-color:var(--_input-active-outline-color)}.md-time-picker__input--active:hover{background:color-mix( in srgb, var(--_input-active-color) var(--_input-hover-opacity), var(--_input-active-bg) )}.md-time-picker__input--error,.md-time-picker__input--error:focus{border-color:var(--_input-error-color);color:var(--_input-error-color)}.md-time-picker__input-separator{font-size:var(--_input-font-size);font-weight:var(--_input-font-weight);line-height:1;color:var(--_input-separator-color);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_input-separator-width);block-size:var(--_input-height);align-self:flex-start}.md-time-picker__input-hint{font-size:var(--md-sys-typescale-body-small-font-size, 12px);letter-spacing:var(--md-sys-typescale-body-small-letter-spacing, 0.4px);color:var(--_input-hint-color)}.md-time-picker__input--error~.md-time-picker__input-hint{color:var(--_input-error-color)}.md-time-picker__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--_footer-gap)}.md-time-picker__toggle-mode{--md-icon-button-color:var(--_toggle-icon-color);--md-icon-button-icon-color:var(--_toggle-icon-color);--md-icon-button-icon-size:var(--_toggle-icon-size);--md-icon-button-container-color:var(--_toggle-bg);--md-icon-button-container-shape:var(--_toggle-shape)}.md-time-picker__actions{display:inline-flex;align-items:center;gap:var(--_actions-gap)}.md-time-picker__action-btn{--md-button-label-color:var(--_action-color);--md-button-container-color:var(--_action-cancel-bg);--md-button-container-shape:var(--_action-shape)}.md-time-picker__action-btn--primary{--md-button-label-color:var(--_action-primary-color);--md-button-container-color:var(--_action-confirm-bg);--md-button-container-shape:var(--_action-shape)}@media (prefers-reduced-motion: reduce){.md-time-picker__scrim,.md-time-picker__dialog,.md-time-picker__dial-wrap,.md-time-picker__input-area,.md-time-picker__dial-hand,.md-time-picker__period-btn,.md-time-picker__dial-number,.md-time-picker__input{animation:none !important;transition:none !important}}.md-time-picker__sr-status{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){.md-time-picker__dialog{border:1px solid CanvasText}.md-time-picker__period,.md-time-picker__input,.md-time-picker__dial{border:1px solid CanvasText}.md-time-picker__input:hover,.md-time-picker__period-btn:hover{background:Canvas;color:CanvasText;forced-color-adjust:none}.md-time-picker__input:focus{background:Canvas;color:CanvasText;border-color:Highlight;forced-color-adjust:none}.md-time-picker__input--active,.md-time-picker__input--active:hover,.md-time-picker__input--active:focus,.md-time-picker__period-btn--active,.md-time-picker__period-btn--active:hover,.md-time-picker__dial-hand-line,.md-time-picker__dial-hand-tip,.md-time-picker__dial-center{background:Highlight;color:HighlightText;forced-color-adjust:none}.md-time-picker__input--error,.md-time-picker__input--error:focus,.md-time-picker__input--error:hover{background:Canvas;border-color:LinkText;color:LinkText;forced-color-adjust:none}.md-time-picker__period-btn:focus-visible{outline-color:Highlight}.md-time-picker__period--vertical .md-time-picker__period-btn--am{border-block-end-color:CanvasText}.md-time-picker__period--horizontal .md-time-picker__period-btn--am{border-inline-end-color:CanvasText}.md-time-picker__period-btn md-ripple{display:none}}:host-context([data-theme='dark']){--_scrim-color:var(--md-time-picker-scrim-color, rgba(0, 0, 0, 0.6))}: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 n=[];let d="";let c=0;const h=class{constructor(e){i(this,e);this.mdChange=t(this,"mdChange",7);this.mdInput=t(this,"mdInput",7);this.mdOpen=t(this,"mdOpen",7);this.mdClose=t(this,"mdClose",7);this.mdCancel=t(this,"mdCancel",7);this.mdModeChange=t(this,"mdModeChange",7);this.mdValidityChange=t(this,"mdValidityChange",5);if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this.variant="input";this.format="12h";this.value="";this.name="";this.min="";this.max="";this.required=false;this.label="Select time";this.headline="";this.headlineInputLabel="Enter time";this.headlineDialLabel="Select time";this.valueMissingLabel="Please select a time.";this.rangeUnderflowLabel="Please select a time at or after {min}.";this.rangeOverflowLabel="Please select a time at or before {max}.";this.rangeOutsideLabel="Please select a time at or after {min} or at or before {max}.";this.disabled=false;this.open=false;this.minuteStep=1;this.cancelLabel="Cancel";this.okLabel="OK";this.hideTrigger=false;this.amLabel="AM";this.pmLabel="PM";this.hourLabel="Hour";this.minuteLabel="Minute";this.toggleDialLabel="Toggle dial picker";this.toggleInputLabel="Toggle keyboard input";this.periodLabel="Period";this.periodLayout="vertical";this.orientation="vertical";this.responsive=false;this.density=0;this.isOpen=false;this.mode="dial";this.selecting="hour";this.draftHours=12;this.draftMinutes=0;this.hourInputValue="";this.minuteInputValue="";this.hourInputError=false;this.minuteInputError=false;this.viewportWidth=0;this.viewportHeight=0;this.formDisabled=false;this.committedHours=12;this.committedMinutes=0;this.committedValue="";this.defaultValue="";this.isDragging=false;this.hourInputSeeded=false;this.minuteInputSeeded=false;this.previousFocus=null;this.openSeq=0;this.uid=Math.random().toString(36).slice(2,11);this.headlineId=`md-time-picker-headline-${this.uid}`;this.hourCumulativeAngle=0;this.minuteCumulativeAngle=0;this.lastHandMode=null;this.lastValidityKey=null;this.lastInputEmitKey=-1;this.openPicker=()=>{if(this.isDisabled||this.isOpen)return;this.previousFocus=h.deepActiveElement();this.sampleViewport();this.attachOpenEnvironment();this.draftHours=this.committedHours;this.draftMinutes=this.committedMinutes;this.lastInputEmitKey=this.draftHours*60+this.draftMinutes;this.selecting="hour";this.mode=this.effectiveVariant;this.hourInputValue=String(this.displayHour);this.minuteInputValue=String(this.draftMinutes).padStart(2,"0");this.hourInputError=false;this.minuteInputError=false;this.hourInputSeeded=false;this.minuteInputSeeded=false;this.hourCumulativeAngle=0;this.minuteCumulativeAngle=0;this.lastHandMode=null;this.openSeq=++c;this.isOpen=true;this.open=true;this.mdOpen.emit();requestAnimationFrame((()=>this.focusInitial()))};this.closePicker=()=>{if(!this.isOpen)return;this.isOpen=false;this.open=false;this.detachOpenEnvironment();this.mdClose.emit();this.restoreFocusAfterClose()};this.cancel=()=>{if(!this.isOpen)return;this.draftHours=this.committedHours;this.draftMinutes=this.committedMinutes;this.mdCancel.emit();this.closePicker()};this.confirm=()=>{if(this.isDisabled)return;this.commitInputs();if(this.hourInputError||this.minuteInputError)return;this.committedHours=this.draftHours;this.committedMinutes=this.draftMinutes;const i=this.buildChangeDetail(this.draftHours,this.draftMinutes);this.committedValue=i.value;this.value=i.value;this.updateFormValue();this.mdChange.emit(i);this.closePicker()};this.setSelecting=i=>{this.selecting=i};this.togglePeriod=i=>{if(this.format==="24h")return;if(this.period===i)return;if(i==="AM"&&this.draftHours>=12)this.draftHours-=12;else if(i==="PM"&&this.draftHours<12)this.draftHours+=12;this.emitInputIfChanged();this.syncInputsFromDraft()};this.onPeriodKeyDown=i=>{if(this.format==="24h")return;const t=i.key;const e=t==="ArrowLeft"||t==="ArrowRight"||t==="ArrowUp"||t==="ArrowDown"||t==="Home"||t==="End";if(!e&&t!==" "&&t!=="Spacebar")return;i.preventDefault();let r;if(t==="Home")r="AM";else if(t==="End")r="PM";else if(t===" "||t==="Spacebar")r=this.period;else r=this.period==="AM"?"PM":"AM";this.togglePeriod(r);requestAnimationFrame((()=>{const i=this.el.shadowRoot;if(!i)return;const t=i.querySelector(r==="AM"?'[part="period-am"]':'[part="period-pm"]');t?.focus()}))};this.toggleMode=()=>{const i=this.mode;this.mode=this.mode==="dial"?"input":"dial";this.mdModeChange.emit({mode:this.mode,previousMode:i});this.selecting="hour";this.hourInputValue=String(this.displayHour);this.minuteInputValue=String(this.draftMinutes).padStart(2,"0");this.hourInputError=false;this.minuteInputError=false;this.hourInputSeeded=false;this.minuteInputSeeded=false;requestAnimationFrame((()=>{this.syncInputFields();this.focusInputSelectingAll(this.hourInputEl)}))};this.bindHourInput=i=>{if(!i){this.hourInputSeeded=false;this.hourInputEl=undefined;return}this.hourInputEl=i;if(!this.hourInputSeeded){i.value=this.hourInputValue;this.hourInputSeeded=true}};this.bindMinuteInput=i=>{if(!i){this.minuteInputSeeded=false;this.minuteInputEl=undefined;return}this.minuteInputEl=i;if(!this.minuteInputSeeded){i.value=this.minuteInputValue;this.minuteInputSeeded=true}};this.applyDialPointer=i=>{const t=this.dialPointFromEvent(i);if(!t)return;const{angle:e,distance:r,radius:s}=t;if(this.selecting==="hour"){const i=Math.round(e/30)%12;if(this.format==="12h"){const t=i===0?12:i;this.setHour24FromDisplay(t,this.period)}else{const t=r<s*.66;if(t){this.draftHours=i===0?0:12+i}else{this.draftHours=i===0?12:i}}}else{const i=Math.max(1,Math.min(30,this.minuteStep||1));let t=Math.round(e/6);t=Math.round(t/i)*i%60;this.draftMinutes=t}this.emitInputIfChanged();this.syncInputsFromDraft()};this.onDialPointerDown=i=>{if(this.isDisabled)return;i.preventDefault();this.isDragging=true;i.currentTarget?.setPointerCapture?.(i.pointerId);this.applyDialPointer(i)};this.onDialPointerMove=i=>{if(!this.isDragging)return;this.applyDialPointer(i)};this.onDialPointerUp=i=>{if(!this.isDragging)return;this.isDragging=false;i.currentTarget?.releasePointerCapture?.(i.pointerId);if(this.selecting==="hour"){this.selecting="minute";requestAnimationFrame((()=>{this.focusInputSelectingAll(this.minuteInputEl)}))}};this.onHostKeyDown=i=>{if(!this.isOpen)return;if(i.key==="Escape"){i.preventDefault();i.stopPropagation();this.cancel()}};this.commitInputs=()=>{this.applyInputsToDraft("both")};this.onHourInput=i=>{const t=i.target;const e=t.value.replace(/\D/g,"").slice(0,2);if(t.value!==e)t.value=e;this.hourInputValue=e;this.applyInputsToDraft("hour")};this.onMinuteInput=i=>{const t=i.target;const e=t.value.replace(/\D/g,"").slice(0,2);if(t.value!==e)t.value=e;this.minuteInputValue=e;this.applyInputsToDraft("minute")};this.onHourBlur=()=>{if(this.hourInputEl)this.hourInputValue=this.hourInputEl.value;this.commitInputs();if(!this.hourInputError&&parseInt(this.hourInputValue,10)===this.displayHour){this.hourInputValue=String(this.displayHour);if(this.hourInputEl)this.hourInputEl.value=this.hourInputValue}};this.onMinuteBlur=()=>{if(this.minuteInputEl)this.minuteInputValue=this.minuteInputEl.value;this.commitInputs();if(!this.minuteInputError&&parseInt(this.minuteInputValue,10)===this.draftMinutes){this.minuteInputValue=String(this.draftMinutes).padStart(2,"0");if(this.minuteInputEl)this.minuteInputEl.value=this.minuteInputValue}};this.onInputKeyDown=i=>{if(i.key==="Enter"){i.preventDefault();if(this.hourInputEl)this.hourInputValue=this.hourInputEl.value;if(this.minuteInputEl)this.minuteInputValue=this.minuteInputEl.value;this.confirm();return}if(i.key==="ArrowUp"||i.key==="ArrowDown"){const t=i.target;const e=t===this.hourInputEl||t?.classList?.contains("md-time-picker__input-hour")===true;const r=t===this.minuteInputEl||t?.classList?.contains("md-time-picker__input-minute")===true;if(!e&&!r)return;i.preventDefault();this.bumpFocusedInput(i.key==="ArrowUp"?1:-1,e?"hour":"minute")}};this.onTriggerClick=i=>{if(this.isDisabled)return;i.preventDefault();this.openPicker()};this.onTriggerKeyDown=i=>{if(this.isDisabled)return;if(i.key==="Enter"||i.key===" "||i.key==="Spacebar"){i.preventDefault();i.stopPropagation();this.openPicker()}}}componentWillLoad(){if(!this.parseValueInto(this.value)){this.value=""}else if(this.value){this.value=this.toIso(this.draftHours,this.draftMinutes)}this.committedHours=this.draftHours;this.committedMinutes=this.draftMinutes;this.committedValue=this.value;this.defaultValue=this.value;this.hourInputValue=String(this.computeDisplayHour(this.draftHours));this.minuteInputValue=String(this.draftMinutes).padStart(2,"0");if(this.responsive)this.sampleViewport();this.mode=this.effectiveVariant;if(this.open&&!this.disabled){this.isOpen=true;this.selecting="hour"}else if(this.open&&this.disabled){this.open=false}this.updateFormValue()}componentDidLoad(){this.updateValidity();if(this.isOpen){this.openSeq=++c;this.previousFocus=h.deepActiveElement();this.attachOpenEnvironment();this.mdOpen.emit();requestAnimationFrame((()=>this.focusInitial()))}}connectedCallback(){if(this.isOpen)this.attachOpenEnvironment()}disconnectedCallback(){this.detachOpenEnvironment()}formResetCallback(){this.value=this.defaultValue;this.updateFormValue()}formDisabledCallback(i){this.formDisabled=i;if(i&&this.isOpen)this.cancel()}formStateRestoreCallback(i){if(typeof i==="string")this.value=i}handleVariantChange(i){if(!this.isOpen)this.mode=i}handleValueChange(i){let t;if(i===""){this.parseValueInto("");t=""}else if(this.parseValueInto(i)){t=this.toIso(this.draftHours,this.draftMinutes)}else{this.parseValueInto("");t=""}if(t!==i){this.value=t;return}this.committedHours=this.draftHours;this.committedMinutes=this.draftMinutes;this.committedValue=i;if(this.isOpen){this.syncInputsFromDraft();this.lastInputEmitKey=this.draftHours*60+this.draftMinutes}else{this.hourInputValue=String(this.computeDisplayHour(this.draftHours));this.minuteInputValue=String(this.draftMinutes).padStart(2,"0")}this.updateFormValue()}handleConstraintChange(){this.updateValidity()}handleDisabledChange(i){if(i&&this.isOpen)this.cancel()}handleResponsiveChange(i){if(!this.isOpen)return;if(i){this.sampleViewport();this.attachViewportListener();if(this.mode==="dial"&&this.viewportHeight>0&&this.viewportHeight<h.ADAPTIVE_MIN_DIAL_HEIGHT){this.mode="input"}}else{this.detachViewportListener()}}handleOpenPropChange(i){if(i&&!this.isOpen){this.openPicker()}else if(!i&&this.isOpen){this.closePicker()}}emitValidityChange(){const i=a(this.internals);const t=`${i.valid}|${i.validationMessage}`;if(this.lastValidityKey===t)return;const e=this.lastValidityKey!==null;this.lastValidityKey=t;if(e)this.mdValidityChange.emit(i)}async show(){this.openPicker()}async hide(){this.cancel()}async checkValidity(){if(typeof this.internals?.checkValidity!=="function")return true;return this.internals.checkValidity()}async reportValidity(){if(typeof this.internals?.reportValidity!=="function")return true;return this.internals.reportValidity()}async getValidity(){const i=this.internals?.validity;if(!i)return{valid:true,validationMessage:""};return{valid:i.valid,valueMissing:i.valueMissing,rangeUnderflow:i.rangeUnderflow,rangeOverflow:i.rangeOverflow,validationMessage:this.internals.validationMessage}}parseValueInto(i){if(!i){this.draftHours=12;this.draftMinutes=0;return true}const t=/^(\d{1,2}):(\d{2})$/.exec(i);if(!t)return false;const e=parseInt(t[1],10);const r=parseInt(t[2],10);if(e<0||e>23||r<0||r>59)return false;this.draftHours=e;this.draftMinutes=r;return true}get isDisabled(){return this.disabled||this.formDisabled}parseHHMM(i){const t=/^(\d{1,2}):(\d{2})$/.exec(i||"");if(!t)return null;const e=parseInt(t[1],10);const r=parseInt(t[2],10);if(e>23||r>59)return null;return e*60+r}toIso(i,t){return`${String(i).padStart(2,"0")}:${String(t).padStart(2,"0")}`}emitInputIfChanged(){if(!this.isOpen)return;const i=this.draftHours*60+this.draftMinutes;if(i===this.lastInputEmitKey)return;this.lastInputEmitKey=i;this.mdInput.emit(this.buildChangeDetail(this.draftHours,this.draftMinutes))}buildChangeDetail(i,t){const e=this.toIso(i,t);const r=`${e}:00`;const s=new Date;s.setHours(i,t,0,0);return{value:e,iso:r,isoDateTime:s.toISOString(),date:s,hours:i,minutes:t,period:i>=12?"PM":"AM"}}get period(){return this.draftHours>=12?"PM":"AM"}computeDisplayHour(i){if(this.format==="24h")return i;if(i===0)return 12;if(i>12)return i-12;return i}get displayHour(){return this.computeDisplayHour(this.draftHours)}setHour24FromDisplay(i,t){let e;if(this.format==="24h"){e=(i%24+24)%24}else{const r=i===0?12:i;if(r===12)e=t==="AM"?0:12;else e=t==="AM"?r:r+12}this.draftHours=e}formatDisplayTime(i,t){if(this.format==="24h"){return`${String(i).padStart(2,"0")}:${String(t).padStart(2,"0")}`}const e=i>=12?this.pmLabel:this.amLabel;const r=i===0?12:i>12?i-12:i;return`${r}:${String(t).padStart(2,"0")} ${e}`}focusInitial(){const i=this.el.shadowRoot;if(!i)return;this.syncInputFields();this.focusInputSelectingAll(this.hourInputEl)}focusInputSelectingAll(i){if(!i)return;i.focus();this.selectInputContents(i)}attachOpenEnvironment(){if(typeof document==="undefined"||this.docKeyHandler)return;if(!n.includes(this))n.push(this);if(document.body){if(n.length===1){d=document.body.style.overflow}document.body.style.overflow="hidden"}this.docKeyHandler=i=>{if(!this.isOpen)return;if(!h.isTopmostOpen(this))return;if(i.key==="Escape"){i.preventDefault();i.stopImmediatePropagation();this.cancel()}else if(i.key==="Tab"){this.trapFocus(i)}};document.addEventListener("keydown",this.docKeyHandler,true);this.attachViewportListener()}detachOpenEnvironment(){if(typeof document!=="undefined"&&this.docKeyHandler){document.removeEventListener("keydown",this.docKeyHandler,true);this.docKeyHandler=undefined;const i=n.indexOf(this);if(i!==-1)n.splice(i,1);if(document.body&&n.length===0){document.body.style.overflow=d}}this.detachViewportListener()}static isTopmostOpen(i){let t=null;for(const i of n){if(!t||i.openSeq>t.openSeq)t=i}return t===i}static deepActiveElement(){if(typeof document==="undefined")return null;let i=document.activeElement;while(i?.shadowRoot?.activeElement)i=i.shadowRoot.activeElement;return i??null}static composedContains(i,t){let e=t;while(e){if(e===i)return true;e=e instanceof ShadowRoot?e.host:e.parentNode}return false}restoreFocusAfterClose(){const i=this.previousFocus;this.previousFocus=null;const t=!!i&&i.isConnected&&typeof i.focus==="function"&&(typeof document==="undefined"||i!==document.body);if(t&&!h.composedContains(this.el,i)){i.focus();const t=h.deepActiveElement();if(t&&h.composedContains(i,t))return}if(this.isDisabled)return;if(this.triggerFieldEl)this.focusTrigger()}focusTrigger(){const i=this.triggerFieldEl;if(!i)return;if(typeof i.setFocus==="function")void i.setFocus();else i.focus?.()}dialogFocusables(){const i=this.el.shadowRoot?.querySelector(".md-time-picker__dialog");if(!i)return[];const t=Array.from(i.querySelectorAll("input, button, md-button, md-icon-button, [tabindex]"));return t.filter((i=>!i.hasAttribute("disabled")&&i.getAttribute("tabindex")!=="-1"))}focusItem(i){const t=i;if(typeof t.setFocus==="function"){void t.setFocus();return}const e=i.shadowRoot?.querySelector("button, input, [tabindex]");const r=e??i;r.focus();if(r instanceof HTMLInputElement)this.selectInputContents(r)}trapFocus(i){const t=this.dialogFocusables();if(!t.length)return;const e=h.deepActiveElement();const r=e?t.findIndex((i=>h.composedContains(i,e))):-1;const s=!i.shiftKey;if(r===-1){i.preventDefault();this.focusItem(t[s?0:t.length-1]);return}if(s&&r===t.length-1){i.preventDefault();this.focusItem(t[0])}else if(!s&&r===0){i.preventDefault();this.focusItem(t[t.length-1])}}sampleViewport(){if(typeof window==="undefined")return;this.viewportWidth=window.innerWidth||0;this.viewportHeight=window.innerHeight||0}attachViewportListener(){if(!this.responsive||typeof window==="undefined")return;if(this.viewportResizeHandler)return;let i=0;this.viewportResizeHandler=()=>{if(i)cancelAnimationFrame(i);i=requestAnimationFrame((()=>{this.sampleViewport();if(this.mode==="dial"&&this.viewportHeight>0&&this.viewportHeight<h.ADAPTIVE_MIN_DIAL_HEIGHT){this.mode="input"}i=0}))};window.addEventListener("resize",this.viewportResizeHandler,{passive:true});window.addEventListener("orientationchange",this.viewportResizeHandler,{passive:true})}detachViewportListener(){if(typeof window==="undefined")return;if(!this.viewportResizeHandler)return;window.removeEventListener("resize",this.viewportResizeHandler);window.removeEventListener("orientationchange",this.viewportResizeHandler);this.viewportResizeHandler=undefined}updateFormValue(){try{this.internals?.setFormValue(this.committedValue??"")}catch{}this.updateValidity()}updateValidity(){if(typeof this.internals?.setValidity!=="function")return;const i=this.triggerFieldEl;const t=(t,e)=>{if(e&&i)this.internals.setValidity(t,e,i);else if(e)this.internals.setValidity(t,e);else this.internals.setValidity(t)};const e=this.parseHHMM(this.committedValue);const r=this.parseHHMM(this.min);const s=this.parseHHMM(this.max);const a=i=>i.replace(/\{min\}/g,this.min).replace(/\{max\}/g,this.max);try{if(this.required&&e===null){t({valueMissing:true},this.valueMissingLabel)}else if(e!==null&&r!==null&&s!==null&&r>s){if(e<r&&e>s){t({rangeUnderflow:true,rangeOverflow:true},a(this.rangeOutsideLabel))}else{t({})}}else if(e!==null&&r!==null&&e<r){t({rangeUnderflow:true},a(this.rangeUnderflowLabel))}else if(e!==null&&s!==null&&e>s){t({rangeOverflow:true},a(this.rangeOverflowLabel))}else{t({})}}catch{}this.emitValidityChange()}syncInputFields(){if(this.hourInputEl)this.hourInputEl.value=String(this.displayHour);if(this.minuteInputEl)this.minuteInputEl.value=String(this.draftMinutes).padStart(2,"0")}syncInputsFromDraft(){const i=String(this.displayHour);const t=String(this.draftMinutes).padStart(2,"0");this.hourInputValue=i;this.minuteInputValue=t;this.hourInputError=false;this.minuteInputError=false;if(this.hourInputEl&&this.hourInputEl.value!==i){this.hourInputEl.value=i;if(h.deepActiveElement()===this.hourInputEl){this.selectInputContents(this.hourInputEl)}}if(this.minuteInputEl&&this.minuteInputEl.value!==t){this.minuteInputEl.value=t;if(h.deepActiveElement()===this.minuteInputEl){this.selectInputContents(this.minuteInputEl)}}}dialPointFromEvent(i){if(!this.dialEl)return null;const t=this.dialEl.getBoundingClientRect();const e=t.left+t.width/2;const r=t.top+t.height/2;const s=i.clientX-e;const a=i.clientY-r;const o=Math.hypot(s,a);let n=Math.atan2(a,s)*(180/Math.PI);n=(n+90+360)%360;return{angle:n,distance:o,radius:t.width/2}}applyInputsToDraft(i){const t=parseInt(this.hourInputValue,10);const e=parseInt(this.minuteInputValue,10);const r=this.format==="24h"?0:1;const s=this.format==="24h"?23:12;const a=!isNaN(t)&&t>=r&&t<=s;const o=!isNaN(e)&&e>=0&&e<=59;if(i==="hour"||i==="both")this.hourInputError=!a;if(i==="minute"||i==="both")this.minuteInputError=!o;if(a&&o){this.draftMinutes=e;this.setHour24FromDisplay(t,this.period);this.emitInputIfChanged();return true}return false}get hourValueNow(){const i=parseInt(this.hourInputValue,10);return Number.isNaN(i)?this.displayHour:i}get minuteValueNow(){const i=parseInt(this.minuteInputValue,10);return Number.isNaN(i)?this.draftMinutes:i}bumpFocusedInput(i,t){if(t==="hour"){const t=this.hourInputError?this.displayHour:this.hourValueNow;if(this.format==="24h"){this.draftHours=((t+i)%24+24)%24}else{const e=t;let r=e+i;if(r>12)r=1;else if(r<1)r=12;this.setHour24FromDisplay(r,this.period)}this.hourInputError=false;this.hourInputValue=String(this.displayHour);if(this.hourInputEl){this.hourInputEl.value=this.hourInputValue;this.selectInputContents(this.hourInputEl)}}else{const t=Math.max(1,Math.min(30,this.minuteStep||1));const e=this.minuteInputError?this.draftMinutes:this.minuteValueNow;const r=Math.round(e/t)*t;this.draftMinutes=((r+i*t)%60+60)%60;this.minuteInputError=false;this.minuteInputValue=String(this.draftMinutes).padStart(2,"0");if(this.minuteInputEl){this.minuteInputEl.value=this.minuteInputValue;this.selectInputContents(this.minuteInputEl)}}this.emitInputIfChanged()}selectInputContents(i){if(typeof i.select!=="function")return;try{i.select()}catch{}}renderTrigger(){if(this.hideTrigger)return null;const i=this.committedValue?this.formatDisplayTime(this.committedHours,this.committedMinutes):"";const t=i?`${this.label}, ${i}`:this.label;return e("md-text-field",{class:{"md-time-picker__field":true,"md-time-picker__field--disabled":this.isDisabled,"md-time-picker__field--filled":!!i,"md-time-picker__field--open":this.isOpen},variant:"outlined",readOnly:true,label:this.label,value:i,disabled:this.isDisabled,required:this.required,part:"trigger","aria-haspopup":"dialog","aria-expanded":String(this.isOpen),"aria-label":t,appearFocused:this.isOpen,ref:i=>{this.triggerFieldEl=i},onClick:this.onTriggerClick,onKeyDown:this.onTriggerKeyDown},e("span",{slot:"leading-icon",class:"md-time-picker__field-icon material-symbols-outlined",part:"trigger-icon","aria-hidden":"true"},"schedule"))}get effectivePeriodLayout(){if(this.mode==="input")return"vertical";if(this.effectiveOrientation==="horizontal"&&this.mode==="dial")return"horizontal";return this.periodLayout}get effectiveVariant(){if(!this.responsive)return this.variant;if(!this.viewportHeight)return this.variant;if(this.viewportHeight<h.ADAPTIVE_MIN_DIAL_HEIGHT)return"input";return this.variant}get effectiveOrientation(){if(!this.responsive)return this.orientation;if(!this.viewportWidth||!this.viewportHeight)return this.orientation;if(this.mode!=="dial")return this.orientation;if(this.orientation==="vertical"&&this.viewportWidth>=h.ADAPTIVE_LANDSCAPE_WIDTH&&this.viewportWidth>this.viewportHeight){return"horizontal"}if(this.orientation==="horizontal"&&this.viewportWidth<h.ADAPTIVE_DEMOTE_WIDTH){return"vertical"}return this.orientation}renderPeriodToggle(){const i=this.period;const t=this.effectivePeriodLayout==="horizontal";return e("div",{class:{"md-time-picker__period":true,"md-time-picker__period--vertical":!t,"md-time-picker__period--horizontal":t},role:"radiogroup","aria-label":this.periodLabel,"aria-orientation":t?"horizontal":"vertical",onKeyDown:this.onPeriodKeyDown,part:"period-toggle"},e("button",{type:"button",class:{"md-time-picker__period-btn":true,"md-time-picker__period-btn--am":true,"md-time-picker__period-btn--active":i==="AM"},role:"radio","aria-checked":String(i==="AM"),tabindex:i==="AM"?0:-1,onClick:()=>this.togglePeriod("AM"),part:"period-am"},e("md-ripple",{disabled:this.isDisabled,part:"period-am-ripple"}),e("span",{class:"md-time-picker__period-btn-label"},this.amLabel)),e("button",{type:"button",class:{"md-time-picker__period-btn":true,"md-time-picker__period-btn--pm":true,"md-time-picker__period-btn--active":i==="PM"},role:"radio","aria-checked":String(i==="PM"),tabindex:i==="PM"?0:-1,onClick:()=>this.togglePeriod("PM"),part:"period-pm"},e("md-ripple",{disabled:this.isDisabled,part:"period-pm-ripple"}),e("span",{class:"md-time-picker__period-btn-label"},this.pmLabel)))}advanceHandAngle(i,t){if(this.lastHandMode!==i){this.lastHandMode=i;if(i==="hour"){this.hourCumulativeAngle=t;return t}this.minuteCumulativeAngle=t;return t}const e=i==="hour"?this.hourCumulativeAngle:this.minuteCumulativeAngle;const r=((t-e)%360+540)%360-180;const s=e+r;if(i==="hour")this.hourCumulativeAngle=s;else this.minuteCumulativeAngle=s;return s}renderDial(){const i=this.selecting==="hour";const t=50;const r=.8;const s=.52;let a=0;let o=r;if(i){if(this.format==="12h"){const i=this.displayHour===12?0:this.displayHour;a=i*30}else{const i=this.draftHours;if(i===0){a=0;o=s}else if(i>=1&&i<=12){a=(i===12?0:i)*30}else{a=(i-12)*30;o=s}}}else{a=this.draftMinutes*6}const n=this.advanceHandAngle(i?"hour":"minute",a);return e("div",{class:"md-time-picker__dial-wrap",part:"dial-wrap"},e("div",{class:{"md-time-picker__dial":true,"md-time-picker__dial--minute":!i,"md-time-picker__dial--24h-hour":i&&this.format==="24h"},ref:i=>this.dialEl=i,onPointerDown:this.onDialPointerDown,onPointerMove:this.onDialPointerMove,onPointerUp:this.onDialPointerUp,onPointerCancel:this.onDialPointerUp,role:"presentation",part:"dial"},e("div",{class:"md-time-picker__dial-hand",style:{transform:`rotate(${n}deg)`,["--_hand-length-dynamic"]:`${o*100}%`},"aria-hidden":"true",part:"dial-hand"},e("span",{class:"md-time-picker__dial-hand-dot","aria-hidden":"true"}),e("span",{class:"md-time-picker__dial-hand-line","aria-hidden":"true"}),e("span",{class:"md-time-picker__dial-hand-tip","aria-hidden":"true"})),e("span",{class:"md-time-picker__dial-center","aria-hidden":"true"}),i?this.renderHourNumbers(t,r,s):this.renderMinuteNumbers(t,r)))}renderHourNumbers(i,t,e){const r=[];if(this.format==="12h"){for(let i=0;i<12;i++){const t=i===0?"12":String(i);r.push({label:t,angle:i*30,inner:false,value:i===0?12:i})}}else{for(let i=0;i<12;i++){const t=i===0?"12":String(i);r.push({label:t,angle:i*30,inner:false,value:i===0?12:i})}for(let i=0;i<12;i++){const t=i===0?"00":String(12+i);r.push({label:t,angle:i*30,inner:true,value:i===0?0:12+i})}}return r.map((r=>this.renderDialNumber(r.label,r.angle,r.inner,this.isHourActive(r.value),i,t,e,r.value)))}isHourActive(i){if(this.format==="12h"){return this.displayHour===i}return this.draftHours===i}renderMinuteNumbers(i,t){const e=[];for(let i=0;i<12;i++){const t=i*5;e.push({label:String(t).padStart(2,"0"),angle:t*6,value:t})}return e.map((e=>this.renderDialNumber(e.label,e.angle,false,this.draftMinutes===e.value,i,t,t,e.value)))}renderDialNumber(i,t,r,s,a,o,n,d){const c=r?a*n:a*o;const h=(t-90)*Math.PI/180;const l=50+Math.cos(h)*c;const p=50+Math.sin(h)*c;return e("span",{class:{"md-time-picker__dial-number":true,"md-time-picker__dial-number--inner":r,"md-time-picker__dial-number--active":s},style:{left:`${l}%`,top:`${p}%`},"data-value":String(d),"aria-hidden":"true"},i)}renderInputs(i=true){const t=this.selecting==="hour";return e("div",{class:"md-time-picker__input-area",part:"input-area"},e("div",{class:"md-time-picker__input-time"},e("div",{class:"md-time-picker__input-group"},e("input",{type:"text",inputmode:"numeric",autocomplete:"off",class:{"md-time-picker__input":true,"md-time-picker__input-hour":true,"md-time-picker__input--active":t,"md-time-picker__input--error":this.hourInputError},maxLength:2,ref:this.bindHourInput,role:"spinbutton","aria-valuemin":this.format==="24h"?0:1,"aria-valuemax":this.format==="24h"?23:12,"aria-valuenow":this.hourInputError?undefined:this.hourValueNow,"aria-label":this.hourLabel,"aria-invalid":String(this.hourInputError),onInput:this.onHourInput,onFocus:()=>this.setSelecting("hour"),onBlur:this.onHourBlur,onKeyDown:this.onInputKeyDown,part:"input-hour"}),e("span",{class:"md-time-picker__input-hint"},this.hourLabel)),e("span",{class:"md-time-picker__input-separator","aria-hidden":"true"},":"),e("div",{class:"md-time-picker__input-group"},e("input",{type:"text",inputmode:"numeric",autocomplete:"off",class:{"md-time-picker__input":true,"md-time-picker__input-minute":true,"md-time-picker__input--active":!t,"md-time-picker__input--error":this.minuteInputError},maxLength:2,ref:this.bindMinuteInput,role:"spinbutton","aria-valuemin":0,"aria-valuemax":59,"aria-valuenow":this.minuteInputError?undefined:this.minuteValueNow,"aria-label":this.minuteLabel,"aria-invalid":String(this.minuteInputError),onInput:this.onMinuteInput,onFocus:()=>this.setSelecting("minute"),onBlur:this.onMinuteBlur,onKeyDown:this.onInputKeyDown,part:"input-minute"}),e("span",{class:"md-time-picker__input-hint"},this.minuteLabel)),this.format==="12h"&&i&&this.renderPeriodToggle()))}renderDialog(){if(!this.isOpen)return null;const i=this.mode==="input";const t=!i&&this.effectiveOrientation==="horizontal";const r=this.effectivePeriodLayout;const s=this.headline||(i?this.headlineInputLabel:this.headlineDialLabel);const a=!i&&this.format==="12h"&&r==="horizontal";const o=i?null:e("div",{class:"md-time-picker__time-area",part:"time-area"},this.renderInputs(!a),a&&this.renderPeriodToggle());return e("div",{class:"md-time-picker__scrim",part:"scrim",onClick:i=>{if(i.target===i.currentTarget)this.cancel()}},e("div",{class:{"md-time-picker__dialog":true,"md-time-picker__dialog--dial":!i,"md-time-picker__dialog--input":i,"md-time-picker__dialog--horizontal":t,"md-time-picker__dialog--vertical":!t},role:"dialog","aria-modal":"true","aria-labelledby":this.headlineId,part:"dialog"},e("div",{class:"md-time-picker__headline",id:this.headlineId,part:"headline"},s),e("span",{class:"md-time-picker__sr-status","aria-live":"polite"},this.selecting==="hour"?this.hourLabel:this.minuteLabel),e("div",{class:{"md-time-picker__body":true,"md-time-picker__body--horizontal":t},part:"body"},o,i?this.renderInputs():this.renderDial()),e("div",{class:"md-time-picker__footer",part:"footer"},e("md-icon-button",{class:"md-time-picker__toggle-mode",variant:"standard",size:"sm",icon:i?"schedule":"keyboard","aria-label":i?this.toggleDialLabel:this.toggleInputLabel,onMdClick:this.toggleMode,part:"toggle-mode"}),e("div",{class:"md-time-picker__actions",part:"actions"},e("md-button",{class:"md-time-picker__action-btn",variant:"text",size:"sm",onMdClick:this.cancel,part:"cancel-button"},this.cancelLabel),e("md-button",{class:"md-time-picker__action-btn md-time-picker__action-btn--primary",variant:"text",size:"sm",onMdClick:this.confirm,part:"confirm-button"},this.okLabel)))))}render(){return e(r,{key:"a99a007239478e87fd5fc131f5d160df0d09b6e5",class:{"md-time-picker":true,[`md-time-picker--${this.variant}`]:true,[`md-time-picker--format-${this.format}`]:true,"md-time-picker--open":this.isOpen,"md-time-picker--disabled":this.isDisabled},onKeyDown:this.onHostKeyDown},this.renderTrigger(),this.renderDialog())}static get formAssociated(){return true}get el(){return s(this)}static get watchers(){return{variant:[{handleVariantChange:0}],value:[{handleValueChange:0}],min:[{handleConstraintChange:0}],max:[{handleConstraintChange:0}],required:[{handleConstraintChange:0}],valueMissingLabel:[{handleConstraintChange:0}],rangeUnderflowLabel:[{handleConstraintChange:0}],rangeOverflowLabel:[{handleConstraintChange:0}],rangeOutsideLabel:[{handleConstraintChange:0}],disabled:[{handleDisabledChange:0}],responsive:[{handleResponsiveChange:0}],open:[{handleOpenPropChange:0}]}}};h.ADAPTIVE_MIN_DIAL_HEIGHT=460;h.ADAPTIVE_LANDSCAPE_WIDTH=720;h.ADAPTIVE_DEMOTE_WIDTH=620;h.style=o();export{h as md_time_picker};
2
+ //# sourceMappingURL=p-6d65fc6a.entry.js.map