@loadsmart/miranda-wc 1.123.0 → 1.124.0-alpha.2

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 (737) hide show
  1. package/dist/alert-circle-DdZgthbt-C3aCwuCY.js +6 -0
  2. package/dist/{arrow-left-DPmTgLM--CJP5fr79.js → arrow-left-BplUiX6t-yMWZDhnv.js} +7 -3
  3. package/dist/{arrow-right-Snp5H-dM-pRrHdoXz.js → arrow-right-Bef-NJNs-Cx4jkuWl.js} +7 -3
  4. package/dist/arrow-sort-down-CArKzqCV-KxLIP7-F.js +6 -0
  5. package/dist/arrow-sort-up-D5fUXkwT-De8lJSgG.js +6 -0
  6. package/dist/arrow-sort-up-down-CjB2RhIi-DlZLpCsE.js +6 -0
  7. package/dist/attention-Ccdotnvc-Bl1Xwz8_.js +6 -0
  8. package/dist/bell-CtzKqVb5-oidl5sCQ.js +6 -0
  9. package/dist/bell-cancel-BeJI0SFv-euBlVdxB.js +6 -0
  10. package/dist/bolt-GbfN9X8T-6AUiguBU.js +6 -0
  11. package/dist/calendar-beqsucrP-xvDKYOcx.js +6 -0
  12. package/dist/canada-flag-BuBF3lV3-CUPynywx.js +6 -0
  13. package/dist/{caret-down-DjP6H6nw-B8zbwrho.js → caret-down-Ca2ZjUGK-CMuCx36j.js} +7 -3
  14. package/dist/{caret-left-Cb1Yi7wc-BmUGIifr.js → caret-left-DxQpYtHP-C6Hz2Gjp.js} +7 -3
  15. package/dist/{caret-right-MWRlpM64-BZMjHM42.js → caret-right-DFuK1c_U-Dm_xW69w.js} +7 -3
  16. package/dist/caret-up-BAgtXns3-CWNhfGNZ.js +7 -0
  17. package/dist/chat-DOeufwgD-Dm-4XxVy.js +6 -0
  18. package/dist/check-DTqKfg4x-v9-7YZdO.js +6 -0
  19. package/dist/{clock-HXTwz9nQ-DwV2A5Z4.js → clock-CiArKx90-BfD_HO7e.js} +7 -3
  20. package/dist/close-DMy_6U7R-ClatA-FB.js +6 -0
  21. package/dist/comment-4KcJVigl-C6_OMOMx.js +6 -0
  22. package/dist/components/accordion/accordion-content.d.ts +0 -1
  23. package/dist/components/accordion/accordion-title.d.ts +0 -1
  24. package/dist/components/accordion/accordion.d.ts +0 -1
  25. package/dist/components/accordion/accordion.styles.d.ts +0 -1
  26. package/dist/components/accordion/index.d.ts +0 -1
  27. package/dist/components/back-button/back-button.d.ts +0 -1
  28. package/dist/components/back-button/back-button.styles.d.ts +0 -1
  29. package/dist/components/back-button/index.d.ts +0 -1
  30. package/dist/components/badge/badge.d.ts +0 -1
  31. package/dist/components/badge/badge.styles.d.ts +0 -1
  32. package/dist/components/badge/index.d.ts +0 -1
  33. package/dist/components/banner/banner-action-primary.d.ts +0 -1
  34. package/dist/components/banner/banner-action-secondary.d.ts +0 -1
  35. package/dist/components/banner/banner-actions.d.ts +0 -1
  36. package/dist/components/banner/banner-actions.styles.d.ts +0 -1
  37. package/dist/components/banner/banner-description.d.ts +0 -1
  38. package/dist/components/banner/banner-description.styles.d.ts +0 -1
  39. package/dist/components/banner/banner-icon.d.ts +0 -1
  40. package/dist/components/banner/banner-title.d.ts +0 -1
  41. package/dist/components/banner/banner-title.styles.d.ts +0 -1
  42. package/dist/components/banner/banner.d.ts +0 -1
  43. package/dist/components/banner/banner.styles.d.ts +0 -1
  44. package/dist/components/banner/index.d.ts +0 -1
  45. package/dist/components/body/body.d.ts +0 -1
  46. package/dist/components/body/body.styles.d.ts +0 -1
  47. package/dist/components/body/index.d.ts +0 -1
  48. package/dist/components/button/base-button.styles.d.ts +0 -1
  49. package/dist/components/button/button.d.ts +0 -1
  50. package/dist/components/button/button.styles.d.ts +0 -1
  51. package/dist/components/button/index.d.ts +0 -1
  52. package/dist/components/card/card-action-primary.d.ts +0 -1
  53. package/dist/components/card/card-action-secondary.d.ts +0 -1
  54. package/dist/components/card/card-action-tertiary.d.ts +0 -1
  55. package/dist/components/card/card-body.d.ts +0 -1
  56. package/dist/components/card/card-divider.d.ts +0 -1
  57. package/dist/components/card/card-footer.d.ts +0 -1
  58. package/dist/components/card/card-subtitle.d.ts +0 -1
  59. package/dist/components/card/card-title.d.ts +0 -1
  60. package/dist/components/card/card.d.ts +0 -1
  61. package/dist/components/card/card.styles.d.ts +0 -1
  62. package/dist/components/card/index.d.ts +0 -1
  63. package/dist/components/checkbox/checkbox.constants.d.ts +0 -1
  64. package/dist/components/checkbox/checkbox.d.ts +0 -1
  65. package/dist/components/checkbox/checkbox.styles.d.ts +0 -1
  66. package/dist/components/checkbox/index.d.ts +0 -1
  67. package/dist/components/close-button/close-button.d.ts +0 -1
  68. package/dist/components/close-button/close-button.styles.d.ts +0 -1
  69. package/dist/components/close-button/index.d.ts +0 -1
  70. package/dist/components/component/component.d.ts +0 -1
  71. package/dist/components/component/index.d.ts +0 -1
  72. package/dist/components/dialog/dialog-action-primary.d.ts +0 -1
  73. package/dist/components/dialog/dialog-action-secondary.d.ts +0 -1
  74. package/dist/components/dialog/dialog-action-tertiary.d.ts +0 -1
  75. package/dist/components/dialog/dialog-actions.d.ts +0 -1
  76. package/dist/components/dialog/dialog-body.d.ts +0 -1
  77. package/dist/components/dialog/dialog-body.styles.d.ts +0 -1
  78. package/dist/components/dialog/dialog-close.d.ts +0 -1
  79. package/dist/components/dialog/dialog-footer.d.ts +0 -1
  80. package/dist/components/dialog/dialog-header.d.ts +0 -1
  81. package/dist/components/dialog/dialog-header.styles.d.ts +0 -1
  82. package/dist/components/dialog/dialog.context.d.ts +0 -1
  83. package/dist/components/dialog/dialog.d.ts +0 -1
  84. package/dist/components/dialog/dialog.styles.d.ts +0 -1
  85. package/dist/components/dialog/dialog.types.d.ts +0 -1
  86. package/dist/components/dialog/index.d.ts +0 -1
  87. package/dist/components/divider/divider.d.ts +0 -1
  88. package/dist/components/divider/divider.styles.d.ts +0 -1
  89. package/dist/components/divider/index.d.ts +0 -1
  90. package/dist/components/drawer/drawer-action-primary.d.ts +0 -1
  91. package/dist/components/drawer/drawer-action-secondary.d.ts +0 -1
  92. package/dist/components/drawer/drawer-action-tertiary.d.ts +0 -1
  93. package/dist/components/drawer/drawer-actions.d.ts +0 -1
  94. package/dist/components/drawer/drawer-actions.styles.d.ts +0 -1
  95. package/dist/components/drawer/drawer-body.d.ts +0 -1
  96. package/dist/components/drawer/drawer-body.styles.d.ts +0 -1
  97. package/dist/components/drawer/drawer-close.d.ts +0 -1
  98. package/dist/components/drawer/drawer-header.d.ts +0 -1
  99. package/dist/components/drawer/drawer-header.styles.d.ts +0 -1
  100. package/dist/components/drawer/drawer.d.ts +0 -1
  101. package/dist/components/drawer/drawer.styles.d.ts +0 -1
  102. package/dist/components/drawer/drawer.types.d.ts +0 -1
  103. package/dist/components/drawer/index.d.ts +0 -1
  104. package/dist/components/dropdown/dropdown-item.d.ts +0 -1
  105. package/dist/components/dropdown/dropdown-menu.d.ts +0 -1
  106. package/dist/components/dropdown/dropdown-trigger.d.ts +0 -1
  107. package/dist/components/dropdown/dropdown.constants.d.ts +0 -1
  108. package/dist/components/dropdown/dropdown.d.ts +0 -1
  109. package/dist/components/dropdown/dropdown.styles.d.ts +0 -1
  110. package/dist/components/dropdown/index.d.ts +0 -1
  111. package/dist/components/empty-state/empty-state-action.d.ts +0 -1
  112. package/dist/components/empty-state/empty-state-header.d.ts +0 -1
  113. package/dist/components/empty-state/empty-state-illustration.d.ts +0 -1
  114. package/dist/components/empty-state/empty-state-message.d.ts +0 -1
  115. package/dist/components/empty-state/empty-state.context.d.ts +0 -1
  116. package/dist/components/empty-state/empty-state.d.ts +0 -1
  117. package/dist/components/empty-state/empty-state.styles.d.ts +0 -1
  118. package/dist/components/empty-state/empty-state.types.d.ts +0 -1
  119. package/dist/components/empty-state/empty-state.utils.d.ts +0 -1
  120. package/dist/components/empty-state/index.d.ts +0 -1
  121. package/dist/components/field/field-hint.d.ts +0 -1
  122. package/dist/components/field/field-hint.styles.d.ts +0 -1
  123. package/dist/components/field/field-label.d.ts +0 -1
  124. package/dist/components/field/field.context.d.ts +0 -1
  125. package/dist/components/field/field.d.ts +0 -1
  126. package/dist/components/field/field.types.d.ts +0 -1
  127. package/dist/components/field/index.d.ts +0 -1
  128. package/dist/components/form-control/form-control.d.ts +0 -1
  129. package/dist/components/form-control/index.d.ts +0 -1
  130. package/dist/components/header/header-actions.d.ts +0 -1
  131. package/dist/components/header/header-content.d.ts +0 -1
  132. package/dist/components/header/header-title.d.ts +0 -1
  133. package/dist/components/header/header.d.ts +0 -1
  134. package/dist/components/header/header.styles.d.ts +0 -1
  135. package/dist/components/header/index.d.ts +0 -1
  136. package/dist/components/header/sub-header.d.ts +0 -1
  137. package/dist/components/icon/index.d.ts +0 -1
  138. package/dist/components/label/index.d.ts +0 -1
  139. package/dist/components/label/label.d.ts +0 -1
  140. package/dist/components/label/label.styles.d.ts +0 -1
  141. package/dist/components/labeled-value/index.d.ts +0 -1
  142. package/dist/components/labeled-value/labeled-value-label.d.ts +0 -1
  143. package/dist/components/labeled-value/labeled-value-value.d.ts +0 -1
  144. package/dist/components/labeled-value/labeled-value.d.ts +0 -1
  145. package/dist/components/layout/base-layout/base-layout.d.ts +0 -1
  146. package/dist/components/layout/base-layout/base-layout.styles.d.ts +0 -1
  147. package/dist/components/layout/base-layout/base-layout.types.d.ts +0 -1
  148. package/dist/components/layout/base-layout/index.d.ts +0 -1
  149. package/dist/components/layout/box/box.constants.d.ts +0 -1
  150. package/dist/components/layout/box/box.d.ts +0 -1
  151. package/dist/components/layout/box/box.styles.d.ts +0 -1
  152. package/dist/components/layout/box/box.types.d.ts +0 -1
  153. package/dist/components/layout/box/index.d.ts +0 -1
  154. package/dist/components/layout/grid/grid.constants.d.ts +0 -1
  155. package/dist/components/layout/grid/grid.d.ts +0 -1
  156. package/dist/components/layout/grid/grid.styles.d.ts +0 -1
  157. package/dist/components/layout/grid/grid.types.d.ts +0 -1
  158. package/dist/components/layout/grid/index.d.ts +0 -1
  159. package/dist/components/layout/group/group.constants.d.ts +0 -1
  160. package/dist/components/layout/group/group.d.ts +0 -1
  161. package/dist/components/layout/group/group.styles.d.ts +0 -1
  162. package/dist/components/layout/group/group.types.d.ts +0 -1
  163. package/dist/components/layout/group/index.d.ts +0 -1
  164. package/dist/components/layout/index.d.ts +0 -1
  165. package/dist/components/layout/layout.constants.d.ts +0 -1
  166. package/dist/components/layout/layout.types.d.ts +0 -1
  167. package/dist/components/layout/row/column.d.ts +0 -1
  168. package/dist/components/layout/row/container.d.ts +0 -1
  169. package/dist/components/layout/row/index.d.ts +0 -1
  170. package/dist/components/layout/row/row.constants.d.ts +0 -1
  171. package/dist/components/layout/row/row.d.ts +0 -1
  172. package/dist/components/layout/row/row.styles.d.ts +0 -1
  173. package/dist/components/layout/row/row.types.d.ts +0 -1
  174. package/dist/components/layout/sidebar/index.d.ts +0 -1
  175. package/dist/components/layout/sidebar/sidebar.constants.d.ts +0 -1
  176. package/dist/components/layout/sidebar/sidebar.d.ts +0 -1
  177. package/dist/components/layout/sidebar/sidebar.styles.d.ts +0 -1
  178. package/dist/components/layout/sidebar/sidebar.types.d.ts +0 -1
  179. package/dist/components/layout/stack/index.d.ts +0 -1
  180. package/dist/components/layout/stack/stack.constants.d.ts +0 -1
  181. package/dist/components/layout/stack/stack.d.ts +0 -1
  182. package/dist/components/layout/stack/stack.styles.d.ts +0 -1
  183. package/dist/components/layout/stack/stack.types.d.ts +0 -1
  184. package/dist/components/layout/switcher/index.d.ts +0 -1
  185. package/dist/components/layout/switcher/switcher.constants.d.ts +0 -1
  186. package/dist/components/layout/switcher/switcher.d.ts +0 -1
  187. package/dist/components/layout/switcher/switcher.styles.d.ts +0 -1
  188. package/dist/components/layout/switcher/switcher.types.d.ts +0 -1
  189. package/dist/components/link/index.d.ts +0 -1
  190. package/dist/components/link/link.d.ts +0 -1
  191. package/dist/components/link/link.styles.d.ts +0 -1
  192. package/dist/components/logo-loader/index.d.ts +0 -1
  193. package/dist/components/logo-loader/logo-loader.d.ts +0 -1
  194. package/dist/components/logo-loader/logo-loader.styles.d.ts +0 -1
  195. package/dist/components/page-content/index.d.ts +0 -1
  196. package/dist/components/page-content/page-content.d.ts +0 -1
  197. package/dist/components/page-content/page-content.styles.d.ts +0 -1
  198. package/dist/components/pagination/index.d.ts +0 -1
  199. package/dist/components/pagination/pagination.d.ts +0 -1
  200. package/dist/components/pagination/pagination.styles.d.ts +0 -1
  201. package/dist/components/popover/index.d.ts +0 -1
  202. package/dist/components/popover/popover.d.ts +0 -1
  203. package/dist/components/popover/popover.helpers.d.ts +0 -1
  204. package/dist/components/popover/popover.styles.d.ts +0 -1
  205. package/dist/components/popover/popover.types.d.ts +0 -1
  206. package/dist/components/progress-bar/index.d.ts +0 -1
  207. package/dist/components/progress-bar/progress-bar.d.ts +0 -1
  208. package/dist/components/progress-bar/progress-bar.styles.d.ts +0 -1
  209. package/dist/components/progress-bar-countdown/index.d.ts +0 -1
  210. package/dist/components/progress-bar-countdown/progress-bar-countdown.d.ts +0 -1
  211. package/dist/components/radio-group/index.d.ts +1 -2
  212. package/dist/components/radio-group/radio-button.styles.d.ts +0 -1
  213. package/dist/components/radio-group/radio-group.constants.d.ts +0 -1
  214. package/dist/components/radio-group/radio-group.d.ts +0 -1
  215. package/dist/components/radio-group/radio-group.styles.d.ts +0 -1
  216. package/dist/components/radio-group/radio.d.ts +0 -1
  217. package/dist/components/section/index.d.ts +0 -1
  218. package/dist/components/section/section-title.d.ts +0 -1
  219. package/dist/components/section/section.d.ts +0 -1
  220. package/dist/components/section/section.styles.d.ts +0 -1
  221. package/dist/components/spinner-wheel/index.d.ts +0 -1
  222. package/dist/components/spinner-wheel/spinner-wheel.d.ts +0 -1
  223. package/dist/components/spinner-wheel/spinner-wheel.styles.d.ts +0 -1
  224. package/dist/components/steps/index.d.ts +0 -1
  225. package/dist/components/steps/steps-step.d.ts +0 -1
  226. package/dist/components/steps/steps.d.ts +0 -1
  227. package/dist/components/steps/steps.styles.d.ts +0 -1
  228. package/dist/components/switch/index.d.ts +0 -1
  229. package/dist/components/switch/switch.d.ts +0 -1
  230. package/dist/components/switch/switch.styles.d.ts +0 -1
  231. package/dist/components/table/index.d.ts +0 -1
  232. package/dist/components/table/table-actions.d.ts +0 -1
  233. package/dist/components/table/table-body.d.ts +0 -1
  234. package/dist/components/table/table-cell.d.ts +0 -1
  235. package/dist/components/table/table-feedback.d.ts +0 -1
  236. package/dist/components/table/table-foot.d.ts +0 -1
  237. package/dist/components/table/table-head-cell.d.ts +0 -1
  238. package/dist/components/table/table-head.d.ts +0 -1
  239. package/dist/components/table/table-row.d.ts +0 -1
  240. package/dist/components/table/table-toolbar.d.ts +0 -1
  241. package/dist/components/table/table.d.ts +0 -1
  242. package/dist/components/table/table.styles.d.ts +0 -1
  243. package/dist/components/table/table.types.d.ts +0 -1
  244. package/dist/components/tabs/index.d.ts +0 -1
  245. package/dist/components/tabs/tab-panel.d.ts +0 -1
  246. package/dist/components/tabs/tab-panel.styles.d.ts +0 -1
  247. package/dist/components/tabs/tab.d.ts +0 -1
  248. package/dist/components/tabs/tab.styles.d.ts +0 -1
  249. package/dist/components/tabs/tabs.constants.d.ts +0 -1
  250. package/dist/components/tabs/tabs.context.d.ts +0 -1
  251. package/dist/components/tabs/tabs.d.ts +0 -1
  252. package/dist/components/tabs/tabs.styles.d.ts +0 -1
  253. package/dist/components/tabs/tabs.types.d.ts +0 -1
  254. package/dist/components/tag/actionable-tag.d.ts +0 -1
  255. package/dist/components/tag/actionable-tag.styles.d.ts +0 -1
  256. package/dist/components/tag/base-tag.styles.d.ts +0 -1
  257. package/dist/components/tag/index.d.ts +0 -1
  258. package/dist/components/tag/tag.d.ts +0 -1
  259. package/dist/components/tag/tag.styles.d.ts +0 -1
  260. package/dist/components/text/index.d.ts +0 -1
  261. package/dist/components/text/text.d.ts +0 -1
  262. package/dist/components/text/text.styles.d.ts +0 -1
  263. package/dist/components/text-area/index.d.ts +0 -1
  264. package/dist/components/text-area/text-area.d.ts +0 -1
  265. package/dist/components/text-area/text-area.styles.d.ts +0 -1
  266. package/dist/components/text-field/index.d.ts +0 -1
  267. package/dist/components/text-field/text-field.d.ts +0 -1
  268. package/dist/components/text-field/text-field.styles.d.ts +0 -1
  269. package/dist/components/timeline/index.d.ts +0 -1
  270. package/dist/components/timeline/timeline-expandable-item.d.ts +0 -1
  271. package/dist/components/timeline/timeline-item-body.d.ts +0 -1
  272. package/dist/components/timeline/timeline-item-footer.d.ts +0 -1
  273. package/dist/components/timeline/timeline-item-header-subtitle.d.ts +0 -1
  274. package/dist/components/timeline/timeline-item-header-title.d.ts +0 -1
  275. package/dist/components/timeline/timeline-item-header.d.ts +0 -1
  276. package/dist/components/timeline/timeline-item-icon.d.ts +0 -1
  277. package/dist/components/timeline/timeline-item.context.d.ts +0 -1
  278. package/dist/components/timeline/timeline-item.d.ts +0 -1
  279. package/dist/components/timeline/timeline.d.ts +0 -1
  280. package/dist/components/timeline/timeline.styles.d.ts +0 -1
  281. package/dist/components/toggle-group/index.d.ts +0 -1
  282. package/dist/components/toggle-group/toggle-group.constants.d.ts +0 -1
  283. package/dist/components/toggle-group/toggle-group.d.ts +0 -1
  284. package/dist/components/toggle-group/toggle-group.styles.d.ts +0 -1
  285. package/dist/components/toggle-group/toggle.d.ts +0 -1
  286. package/dist/components/toggle-group/toggle.styles.d.ts +0 -1
  287. package/dist/components/tooltip/index.d.ts +0 -1
  288. package/dist/components/tooltip/tooltip.constants.d.ts +0 -1
  289. package/dist/components/tooltip/tooltip.d.ts +0 -1
  290. package/dist/components/tooltip/tooltip.helpers.d.ts +0 -1
  291. package/dist/components/tooltip/tooltip.styles.d.ts +0 -1
  292. package/dist/contract-JijsXbv7-DsJmWO7u.js +6 -0
  293. package/dist/controllers/boundary/boundary.controller.d.ts +0 -1
  294. package/dist/controllers/boundary/index.d.ts +0 -1
  295. package/dist/controllers/focus-manager/focus-manager.controller.d.ts +0 -1
  296. package/dist/controllers/focus-manager/index.d.ts +0 -1
  297. package/dist/controllers/keyboard-support/index.d.ts +0 -1
  298. package/dist/controllers/keyboard-support/keyboard-support.controller.d.ts +0 -1
  299. package/dist/controllers/selection/index.d.ts +0 -1
  300. package/dist/controllers/selection/selection.controller.d.ts +0 -1
  301. package/dist/dislike-Cih1_QpK-BeSx6Pcx.js +6 -0
  302. package/dist/{double-caret-left-Bf7DnYqz-DNFshAfu.js → double-caret-left-DeHygX-E-BxC3nC_j.js} +7 -3
  303. package/dist/{double-caret-right-BAchpTls-QJc_ZS4h.js → double-caret-right-BBTH6YFo-Du9-tIQt.js} +7 -3
  304. package/dist/hourglass-D9lp_dh7-CmTJJFlD.js +6 -0
  305. package/dist/indeterminate-Bne_c24_-DV9xXDrs.js +6 -0
  306. package/dist/index-D676s4q_.js +12983 -0
  307. package/dist/index.d.ts +0 -1
  308. package/dist/index.js +2 -2
  309. package/dist/info-circle-83nFrvdl-D4lDJ2wq.js +6 -0
  310. package/dist/like-CRn4xSCl-B0QpJFvm.js +6 -0
  311. package/dist/mexico-flag-f6oI30gK-Cx00j_7n.js +6 -0
  312. package/dist/mixins/polymorphic-tag/index.d.ts +0 -1
  313. package/dist/mixins/polymorphic-tag/polymorphic-tag.constants.d.ts +0 -1
  314. package/dist/mixins/polymorphic-tag/polymorphic-tag.d.ts +0 -1
  315. package/dist/mixins/polymorphic-tag/polymorphic-tag.types.d.ts +0 -1
  316. package/dist/mixins/with-id/index.d.ts +0 -1
  317. package/dist/mixins/with-id/with-id.mixin.d.ts +0 -1
  318. package/dist/pencil-CiQaNcyP-B0YYUaFP.js +6 -0
  319. package/dist/plus-BIrM3FwE-C2SINrrz.js +6 -0
  320. package/dist/question-Dbpp_5eM-r60GN6Hr.js +6 -0
  321. package/dist/send-CLjCW5dn-Czr_V3td.js +6 -0
  322. package/dist/sparkle-D0UZek70-DWnJZEiy.js +6 -0
  323. package/dist/src/styles/variables.css +1 -0
  324. package/dist/styles/index.d.ts +0 -1
  325. package/dist/styles/margin.d.ts +0 -1
  326. package/dist/styles/media.d.ts +0 -1
  327. package/dist/styles/on.d.ts +0 -1
  328. package/dist/styles/padding.d.ts +0 -1
  329. package/dist/styles/skeleton.d.ts +0 -1
  330. package/dist/styles/transition.d.ts +0 -1
  331. package/dist/styles/typography.d.ts +0 -1
  332. package/dist/telephone-BzYVQwEJ-8D0opGyn.js +6 -0
  333. package/dist/tms-ready-B8LnJiIv-DqeG7TQH.js +6 -0
  334. package/dist/tokens.d.ts +1 -0
  335. package/dist/tokens.js +30 -0
  336. package/dist/trash-BkOuyWeE-Ccbok7gL.js +6 -0
  337. package/dist/trend-down-ChV7fkmh-vHDYw1BB.js +6 -0
  338. package/dist/trend-up-CLBLuKw--5sgchdCb.js +6 -0
  339. package/dist/united-states-flag-ChPkIWKI-kz7-kaAj.js +6 -0
  340. package/dist/user-CXxUbQL5-MmF7UgiI.js +6 -0
  341. package/dist/utils/clamp/clamp.d.ts +0 -1
  342. package/dist/utils/clamp/index.d.ts +0 -1
  343. package/dist/utils/conditional.d.ts +0 -1
  344. package/dist/utils/context-root.d.ts +0 -1
  345. package/dist/utils/events.d.ts +0 -1
  346. package/dist/utils/generate-id.d.ts +0 -1
  347. package/dist/utils/get-color-token.d.ts +0 -1
  348. package/dist/utils/get-token.d.ts +0 -1
  349. package/dist/utils/range.d.ts +0 -1
  350. package/dist/utils/to-rem.d.ts +2 -2
  351. package/dist/utils/types.d.ts +0 -1
  352. package/package.json +14 -3
  353. package/dist/alert-circle-Bkgqkuzh-TnWNCDvD.js +0 -2
  354. package/dist/alert-circle-Bkgqkuzh-TnWNCDvD.js.map +0 -1
  355. package/dist/arrow-left-DPmTgLM--CJP5fr79.js.map +0 -1
  356. package/dist/arrow-right-Snp5H-dM-pRrHdoXz.js.map +0 -1
  357. package/dist/arrow-sort-down-B9_C7DlV-D-zsUAah.js +0 -2
  358. package/dist/arrow-sort-down-B9_C7DlV-D-zsUAah.js.map +0 -1
  359. package/dist/arrow-sort-up-DvUvjUvY-BisjWWCH.js +0 -2
  360. package/dist/arrow-sort-up-DvUvjUvY-BisjWWCH.js.map +0 -1
  361. package/dist/arrow-sort-up-down-CyznjDeJ-TWRyQiKU.js +0 -2
  362. package/dist/arrow-sort-up-down-CyznjDeJ-TWRyQiKU.js.map +0 -1
  363. package/dist/attention-_ld6AGVz-GEC0ymLc.js +0 -2
  364. package/dist/attention-_ld6AGVz-GEC0ymLc.js.map +0 -1
  365. package/dist/bell-BidjXBfn-DZhaBYAr.js +0 -2
  366. package/dist/bell-BidjXBfn-DZhaBYAr.js.map +0 -1
  367. package/dist/bell-cancel-DzUNiELf-Dil3v5wP.js +0 -2
  368. package/dist/bell-cancel-DzUNiELf-Dil3v5wP.js.map +0 -1
  369. package/dist/bolt-H0jVypUv-CCeNc7pO.js +0 -2
  370. package/dist/bolt-H0jVypUv-CCeNc7pO.js.map +0 -1
  371. package/dist/calendar-DpY3_ui9-CqTzZN2H.js +0 -2
  372. package/dist/calendar-DpY3_ui9-CqTzZN2H.js.map +0 -1
  373. package/dist/canada-flag-DfYGVK6H-0PtkGl4a.js +0 -2
  374. package/dist/canada-flag-DfYGVK6H-0PtkGl4a.js.map +0 -1
  375. package/dist/caret-down-DjP6H6nw-B8zbwrho.js.map +0 -1
  376. package/dist/caret-left-Cb1Yi7wc-BmUGIifr.js.map +0 -1
  377. package/dist/caret-right-MWRlpM64-BZMjHM42.js.map +0 -1
  378. package/dist/caret-up-DWNBCp20-ByMZxTeS.js +0 -3
  379. package/dist/caret-up-DWNBCp20-ByMZxTeS.js.map +0 -1
  380. package/dist/chat-jMo2F-Aj-C817KmU0.js +0 -2
  381. package/dist/chat-jMo2F-Aj-C817KmU0.js.map +0 -1
  382. package/dist/check-Bm7zfj_y-fRs68bxt.js +0 -2
  383. package/dist/check-Bm7zfj_y-fRs68bxt.js.map +0 -1
  384. package/dist/clock-HXTwz9nQ-DwV2A5Z4.js.map +0 -1
  385. package/dist/close-CeFxl_qG-BtyTMVq2.js +0 -2
  386. package/dist/close-CeFxl_qG-BtyTMVq2.js.map +0 -1
  387. package/dist/comment-DF7d2XCC-CTJ1Ews4.js +0 -2
  388. package/dist/comment-DF7d2XCC-CTJ1Ews4.js.map +0 -1
  389. package/dist/components/accordion/accordion-content.d.ts.map +0 -1
  390. package/dist/components/accordion/accordion-title.d.ts.map +0 -1
  391. package/dist/components/accordion/accordion.d.ts.map +0 -1
  392. package/dist/components/accordion/accordion.styles.d.ts.map +0 -1
  393. package/dist/components/accordion/index.d.ts.map +0 -1
  394. package/dist/components/back-button/back-button.d.ts.map +0 -1
  395. package/dist/components/back-button/back-button.styles.d.ts.map +0 -1
  396. package/dist/components/back-button/index.d.ts.map +0 -1
  397. package/dist/components/badge/badge.d.ts.map +0 -1
  398. package/dist/components/badge/badge.styles.d.ts.map +0 -1
  399. package/dist/components/badge/index.d.ts.map +0 -1
  400. package/dist/components/banner/banner-action-primary.d.ts.map +0 -1
  401. package/dist/components/banner/banner-action-secondary.d.ts.map +0 -1
  402. package/dist/components/banner/banner-actions.d.ts.map +0 -1
  403. package/dist/components/banner/banner-actions.styles.d.ts.map +0 -1
  404. package/dist/components/banner/banner-description.d.ts.map +0 -1
  405. package/dist/components/banner/banner-description.styles.d.ts.map +0 -1
  406. package/dist/components/banner/banner-icon.d.ts.map +0 -1
  407. package/dist/components/banner/banner-title.d.ts.map +0 -1
  408. package/dist/components/banner/banner-title.styles.d.ts.map +0 -1
  409. package/dist/components/banner/banner.d.ts.map +0 -1
  410. package/dist/components/banner/banner.styles.d.ts.map +0 -1
  411. package/dist/components/banner/index.d.ts.map +0 -1
  412. package/dist/components/body/body.d.ts.map +0 -1
  413. package/dist/components/body/body.styles.d.ts.map +0 -1
  414. package/dist/components/body/index.d.ts.map +0 -1
  415. package/dist/components/button/base-button.styles.d.ts.map +0 -1
  416. package/dist/components/button/button.d.ts.map +0 -1
  417. package/dist/components/button/button.styles.d.ts.map +0 -1
  418. package/dist/components/button/index.d.ts.map +0 -1
  419. package/dist/components/card/card-action-primary.d.ts.map +0 -1
  420. package/dist/components/card/card-action-secondary.d.ts.map +0 -1
  421. package/dist/components/card/card-action-tertiary.d.ts.map +0 -1
  422. package/dist/components/card/card-body.d.ts.map +0 -1
  423. package/dist/components/card/card-divider.d.ts.map +0 -1
  424. package/dist/components/card/card-footer.d.ts.map +0 -1
  425. package/dist/components/card/card-subtitle.d.ts.map +0 -1
  426. package/dist/components/card/card-title.d.ts.map +0 -1
  427. package/dist/components/card/card.d.ts.map +0 -1
  428. package/dist/components/card/card.styles.d.ts.map +0 -1
  429. package/dist/components/card/index.d.ts.map +0 -1
  430. package/dist/components/checkbox/checkbox.constants.d.ts.map +0 -1
  431. package/dist/components/checkbox/checkbox.d.ts.map +0 -1
  432. package/dist/components/checkbox/checkbox.styles.d.ts.map +0 -1
  433. package/dist/components/checkbox/index.d.ts.map +0 -1
  434. package/dist/components/close-button/close-button.d.ts.map +0 -1
  435. package/dist/components/close-button/close-button.styles.d.ts.map +0 -1
  436. package/dist/components/close-button/index.d.ts.map +0 -1
  437. package/dist/components/component/component.d.ts.map +0 -1
  438. package/dist/components/component/index.d.ts.map +0 -1
  439. package/dist/components/dialog/dialog-action-primary.d.ts.map +0 -1
  440. package/dist/components/dialog/dialog-action-secondary.d.ts.map +0 -1
  441. package/dist/components/dialog/dialog-action-tertiary.d.ts.map +0 -1
  442. package/dist/components/dialog/dialog-actions.d.ts.map +0 -1
  443. package/dist/components/dialog/dialog-body.d.ts.map +0 -1
  444. package/dist/components/dialog/dialog-body.styles.d.ts.map +0 -1
  445. package/dist/components/dialog/dialog-close.d.ts.map +0 -1
  446. package/dist/components/dialog/dialog-footer.d.ts.map +0 -1
  447. package/dist/components/dialog/dialog-header.d.ts.map +0 -1
  448. package/dist/components/dialog/dialog-header.styles.d.ts.map +0 -1
  449. package/dist/components/dialog/dialog.context.d.ts.map +0 -1
  450. package/dist/components/dialog/dialog.d.ts.map +0 -1
  451. package/dist/components/dialog/dialog.styles.d.ts.map +0 -1
  452. package/dist/components/dialog/dialog.types.d.ts.map +0 -1
  453. package/dist/components/dialog/index.d.ts.map +0 -1
  454. package/dist/components/divider/divider.d.ts.map +0 -1
  455. package/dist/components/divider/divider.styles.d.ts.map +0 -1
  456. package/dist/components/divider/index.d.ts.map +0 -1
  457. package/dist/components/drawer/drawer-action-primary.d.ts.map +0 -1
  458. package/dist/components/drawer/drawer-action-secondary.d.ts.map +0 -1
  459. package/dist/components/drawer/drawer-action-tertiary.d.ts.map +0 -1
  460. package/dist/components/drawer/drawer-actions.d.ts.map +0 -1
  461. package/dist/components/drawer/drawer-actions.styles.d.ts.map +0 -1
  462. package/dist/components/drawer/drawer-body.d.ts.map +0 -1
  463. package/dist/components/drawer/drawer-body.styles.d.ts.map +0 -1
  464. package/dist/components/drawer/drawer-close.d.ts.map +0 -1
  465. package/dist/components/drawer/drawer-header.d.ts.map +0 -1
  466. package/dist/components/drawer/drawer-header.styles.d.ts.map +0 -1
  467. package/dist/components/drawer/drawer.d.ts.map +0 -1
  468. package/dist/components/drawer/drawer.styles.d.ts.map +0 -1
  469. package/dist/components/drawer/drawer.types.d.ts.map +0 -1
  470. package/dist/components/drawer/index.d.ts.map +0 -1
  471. package/dist/components/dropdown/dropdown-item.d.ts.map +0 -1
  472. package/dist/components/dropdown/dropdown-menu.d.ts.map +0 -1
  473. package/dist/components/dropdown/dropdown-trigger.d.ts.map +0 -1
  474. package/dist/components/dropdown/dropdown.constants.d.ts.map +0 -1
  475. package/dist/components/dropdown/dropdown.d.ts.map +0 -1
  476. package/dist/components/dropdown/dropdown.styles.d.ts.map +0 -1
  477. package/dist/components/dropdown/index.d.ts.map +0 -1
  478. package/dist/components/empty-state/empty-state-action.d.ts.map +0 -1
  479. package/dist/components/empty-state/empty-state-header.d.ts.map +0 -1
  480. package/dist/components/empty-state/empty-state-illustration.d.ts.map +0 -1
  481. package/dist/components/empty-state/empty-state-message.d.ts.map +0 -1
  482. package/dist/components/empty-state/empty-state.context.d.ts.map +0 -1
  483. package/dist/components/empty-state/empty-state.d.ts.map +0 -1
  484. package/dist/components/empty-state/empty-state.styles.d.ts.map +0 -1
  485. package/dist/components/empty-state/empty-state.types.d.ts.map +0 -1
  486. package/dist/components/empty-state/empty-state.utils.d.ts.map +0 -1
  487. package/dist/components/empty-state/index.d.ts.map +0 -1
  488. package/dist/components/field/field-hint.d.ts.map +0 -1
  489. package/dist/components/field/field-hint.styles.d.ts.map +0 -1
  490. package/dist/components/field/field-label.d.ts.map +0 -1
  491. package/dist/components/field/field.context.d.ts.map +0 -1
  492. package/dist/components/field/field.d.ts.map +0 -1
  493. package/dist/components/field/field.types.d.ts.map +0 -1
  494. package/dist/components/field/index.d.ts.map +0 -1
  495. package/dist/components/form-control/form-control.d.ts.map +0 -1
  496. package/dist/components/form-control/index.d.ts.map +0 -1
  497. package/dist/components/header/header-actions.d.ts.map +0 -1
  498. package/dist/components/header/header-content.d.ts.map +0 -1
  499. package/dist/components/header/header-title.d.ts.map +0 -1
  500. package/dist/components/header/header.d.ts.map +0 -1
  501. package/dist/components/header/header.styles.d.ts.map +0 -1
  502. package/dist/components/header/index.d.ts.map +0 -1
  503. package/dist/components/header/sub-header.d.ts.map +0 -1
  504. package/dist/components/icon/index.d.ts.map +0 -1
  505. package/dist/components/label/index.d.ts.map +0 -1
  506. package/dist/components/label/label.d.ts.map +0 -1
  507. package/dist/components/label/label.styles.d.ts.map +0 -1
  508. package/dist/components/labeled-value/index.d.ts.map +0 -1
  509. package/dist/components/labeled-value/labeled-value-label.d.ts.map +0 -1
  510. package/dist/components/labeled-value/labeled-value-value.d.ts.map +0 -1
  511. package/dist/components/labeled-value/labeled-value.d.ts.map +0 -1
  512. package/dist/components/layout/base-layout/base-layout.d.ts.map +0 -1
  513. package/dist/components/layout/base-layout/base-layout.styles.d.ts.map +0 -1
  514. package/dist/components/layout/base-layout/base-layout.types.d.ts.map +0 -1
  515. package/dist/components/layout/base-layout/index.d.ts.map +0 -1
  516. package/dist/components/layout/box/box.constants.d.ts.map +0 -1
  517. package/dist/components/layout/box/box.d.ts.map +0 -1
  518. package/dist/components/layout/box/box.styles.d.ts.map +0 -1
  519. package/dist/components/layout/box/box.types.d.ts.map +0 -1
  520. package/dist/components/layout/box/index.d.ts.map +0 -1
  521. package/dist/components/layout/grid/grid.constants.d.ts.map +0 -1
  522. package/dist/components/layout/grid/grid.d.ts.map +0 -1
  523. package/dist/components/layout/grid/grid.styles.d.ts.map +0 -1
  524. package/dist/components/layout/grid/grid.types.d.ts.map +0 -1
  525. package/dist/components/layout/grid/index.d.ts.map +0 -1
  526. package/dist/components/layout/group/group.constants.d.ts.map +0 -1
  527. package/dist/components/layout/group/group.d.ts.map +0 -1
  528. package/dist/components/layout/group/group.styles.d.ts.map +0 -1
  529. package/dist/components/layout/group/group.types.d.ts.map +0 -1
  530. package/dist/components/layout/group/index.d.ts.map +0 -1
  531. package/dist/components/layout/index.d.ts.map +0 -1
  532. package/dist/components/layout/layout.constants.d.ts.map +0 -1
  533. package/dist/components/layout/layout.types.d.ts.map +0 -1
  534. package/dist/components/layout/row/column.d.ts.map +0 -1
  535. package/dist/components/layout/row/container.d.ts.map +0 -1
  536. package/dist/components/layout/row/index.d.ts.map +0 -1
  537. package/dist/components/layout/row/row.constants.d.ts.map +0 -1
  538. package/dist/components/layout/row/row.d.ts.map +0 -1
  539. package/dist/components/layout/row/row.styles.d.ts.map +0 -1
  540. package/dist/components/layout/row/row.types.d.ts.map +0 -1
  541. package/dist/components/layout/sidebar/index.d.ts.map +0 -1
  542. package/dist/components/layout/sidebar/sidebar.constants.d.ts.map +0 -1
  543. package/dist/components/layout/sidebar/sidebar.d.ts.map +0 -1
  544. package/dist/components/layout/sidebar/sidebar.styles.d.ts.map +0 -1
  545. package/dist/components/layout/sidebar/sidebar.types.d.ts.map +0 -1
  546. package/dist/components/layout/stack/index.d.ts.map +0 -1
  547. package/dist/components/layout/stack/stack.constants.d.ts.map +0 -1
  548. package/dist/components/layout/stack/stack.d.ts.map +0 -1
  549. package/dist/components/layout/stack/stack.styles.d.ts.map +0 -1
  550. package/dist/components/layout/stack/stack.types.d.ts.map +0 -1
  551. package/dist/components/layout/switcher/index.d.ts.map +0 -1
  552. package/dist/components/layout/switcher/switcher.constants.d.ts.map +0 -1
  553. package/dist/components/layout/switcher/switcher.d.ts.map +0 -1
  554. package/dist/components/layout/switcher/switcher.styles.d.ts.map +0 -1
  555. package/dist/components/layout/switcher/switcher.types.d.ts.map +0 -1
  556. package/dist/components/link/index.d.ts.map +0 -1
  557. package/dist/components/link/link.d.ts.map +0 -1
  558. package/dist/components/link/link.styles.d.ts.map +0 -1
  559. package/dist/components/logo-loader/index.d.ts.map +0 -1
  560. package/dist/components/logo-loader/logo-loader.d.ts.map +0 -1
  561. package/dist/components/logo-loader/logo-loader.styles.d.ts.map +0 -1
  562. package/dist/components/page-content/index.d.ts.map +0 -1
  563. package/dist/components/page-content/page-content.d.ts.map +0 -1
  564. package/dist/components/page-content/page-content.styles.d.ts.map +0 -1
  565. package/dist/components/pagination/index.d.ts.map +0 -1
  566. package/dist/components/pagination/pagination.d.ts.map +0 -1
  567. package/dist/components/pagination/pagination.styles.d.ts.map +0 -1
  568. package/dist/components/popover/index.d.ts.map +0 -1
  569. package/dist/components/popover/popover.d.ts.map +0 -1
  570. package/dist/components/popover/popover.helpers.d.ts.map +0 -1
  571. package/dist/components/popover/popover.styles.d.ts.map +0 -1
  572. package/dist/components/popover/popover.types.d.ts.map +0 -1
  573. package/dist/components/progress-bar/index.d.ts.map +0 -1
  574. package/dist/components/progress-bar/progress-bar.d.ts.map +0 -1
  575. package/dist/components/progress-bar/progress-bar.styles.d.ts.map +0 -1
  576. package/dist/components/progress-bar-countdown/index.d.ts.map +0 -1
  577. package/dist/components/progress-bar-countdown/progress-bar-countdown.d.ts.map +0 -1
  578. package/dist/components/radio-group/index.d.ts.map +0 -1
  579. package/dist/components/radio-group/radio-button.styles.d.ts.map +0 -1
  580. package/dist/components/radio-group/radio-group.constants.d.ts.map +0 -1
  581. package/dist/components/radio-group/radio-group.d.ts.map +0 -1
  582. package/dist/components/radio-group/radio-group.styles.d.ts.map +0 -1
  583. package/dist/components/radio-group/radio.d.ts.map +0 -1
  584. package/dist/components/section/index.d.ts.map +0 -1
  585. package/dist/components/section/section-title.d.ts.map +0 -1
  586. package/dist/components/section/section.d.ts.map +0 -1
  587. package/dist/components/section/section.styles.d.ts.map +0 -1
  588. package/dist/components/spinner-wheel/index.d.ts.map +0 -1
  589. package/dist/components/spinner-wheel/spinner-wheel.d.ts.map +0 -1
  590. package/dist/components/spinner-wheel/spinner-wheel.styles.d.ts.map +0 -1
  591. package/dist/components/steps/index.d.ts.map +0 -1
  592. package/dist/components/steps/steps-step.d.ts.map +0 -1
  593. package/dist/components/steps/steps.d.ts.map +0 -1
  594. package/dist/components/steps/steps.styles.d.ts.map +0 -1
  595. package/dist/components/switch/index.d.ts.map +0 -1
  596. package/dist/components/switch/switch.d.ts.map +0 -1
  597. package/dist/components/switch/switch.styles.d.ts.map +0 -1
  598. package/dist/components/table/index.d.ts.map +0 -1
  599. package/dist/components/table/table-actions.d.ts.map +0 -1
  600. package/dist/components/table/table-body.d.ts.map +0 -1
  601. package/dist/components/table/table-cell.d.ts.map +0 -1
  602. package/dist/components/table/table-feedback.d.ts.map +0 -1
  603. package/dist/components/table/table-foot.d.ts.map +0 -1
  604. package/dist/components/table/table-head-cell.d.ts.map +0 -1
  605. package/dist/components/table/table-head.d.ts.map +0 -1
  606. package/dist/components/table/table-row.d.ts.map +0 -1
  607. package/dist/components/table/table-toolbar.d.ts.map +0 -1
  608. package/dist/components/table/table.d.ts.map +0 -1
  609. package/dist/components/table/table.styles.d.ts.map +0 -1
  610. package/dist/components/table/table.types.d.ts.map +0 -1
  611. package/dist/components/tabs/index.d.ts.map +0 -1
  612. package/dist/components/tabs/tab-panel.d.ts.map +0 -1
  613. package/dist/components/tabs/tab-panel.styles.d.ts.map +0 -1
  614. package/dist/components/tabs/tab.d.ts.map +0 -1
  615. package/dist/components/tabs/tab.styles.d.ts.map +0 -1
  616. package/dist/components/tabs/tabs.constants.d.ts.map +0 -1
  617. package/dist/components/tabs/tabs.context.d.ts.map +0 -1
  618. package/dist/components/tabs/tabs.d.ts.map +0 -1
  619. package/dist/components/tabs/tabs.styles.d.ts.map +0 -1
  620. package/dist/components/tabs/tabs.types.d.ts.map +0 -1
  621. package/dist/components/tag/actionable-tag.d.ts.map +0 -1
  622. package/dist/components/tag/actionable-tag.styles.d.ts.map +0 -1
  623. package/dist/components/tag/base-tag.styles.d.ts.map +0 -1
  624. package/dist/components/tag/index.d.ts.map +0 -1
  625. package/dist/components/tag/tag.d.ts.map +0 -1
  626. package/dist/components/tag/tag.styles.d.ts.map +0 -1
  627. package/dist/components/text/index.d.ts.map +0 -1
  628. package/dist/components/text/text.d.ts.map +0 -1
  629. package/dist/components/text/text.styles.d.ts.map +0 -1
  630. package/dist/components/text-area/index.d.ts.map +0 -1
  631. package/dist/components/text-area/text-area.d.ts.map +0 -1
  632. package/dist/components/text-area/text-area.styles.d.ts.map +0 -1
  633. package/dist/components/text-field/index.d.ts.map +0 -1
  634. package/dist/components/text-field/text-field.d.ts.map +0 -1
  635. package/dist/components/text-field/text-field.styles.d.ts.map +0 -1
  636. package/dist/components/timeline/index.d.ts.map +0 -1
  637. package/dist/components/timeline/timeline-expandable-item.d.ts.map +0 -1
  638. package/dist/components/timeline/timeline-item-body.d.ts.map +0 -1
  639. package/dist/components/timeline/timeline-item-footer.d.ts.map +0 -1
  640. package/dist/components/timeline/timeline-item-header-subtitle.d.ts.map +0 -1
  641. package/dist/components/timeline/timeline-item-header-title.d.ts.map +0 -1
  642. package/dist/components/timeline/timeline-item-header.d.ts.map +0 -1
  643. package/dist/components/timeline/timeline-item-icon.d.ts.map +0 -1
  644. package/dist/components/timeline/timeline-item.context.d.ts.map +0 -1
  645. package/dist/components/timeline/timeline-item.d.ts.map +0 -1
  646. package/dist/components/timeline/timeline.d.ts.map +0 -1
  647. package/dist/components/timeline/timeline.styles.d.ts.map +0 -1
  648. package/dist/components/toggle-group/index.d.ts.map +0 -1
  649. package/dist/components/toggle-group/toggle-group.constants.d.ts.map +0 -1
  650. package/dist/components/toggle-group/toggle-group.d.ts.map +0 -1
  651. package/dist/components/toggle-group/toggle-group.styles.d.ts.map +0 -1
  652. package/dist/components/toggle-group/toggle.d.ts.map +0 -1
  653. package/dist/components/toggle-group/toggle.styles.d.ts.map +0 -1
  654. package/dist/components/tooltip/index.d.ts.map +0 -1
  655. package/dist/components/tooltip/tooltip.constants.d.ts.map +0 -1
  656. package/dist/components/tooltip/tooltip.d.ts.map +0 -1
  657. package/dist/components/tooltip/tooltip.helpers.d.ts.map +0 -1
  658. package/dist/components/tooltip/tooltip.styles.d.ts.map +0 -1
  659. package/dist/contract-DydsqOAl-DAdLmHfr.js +0 -2
  660. package/dist/contract-DydsqOAl-DAdLmHfr.js.map +0 -1
  661. package/dist/controllers/boundary/boundary.controller.d.ts.map +0 -1
  662. package/dist/controllers/boundary/index.d.ts.map +0 -1
  663. package/dist/controllers/focus-manager/focus-manager.controller.d.ts.map +0 -1
  664. package/dist/controllers/focus-manager/index.d.ts.map +0 -1
  665. package/dist/controllers/keyboard-support/index.d.ts.map +0 -1
  666. package/dist/controllers/keyboard-support/keyboard-support.controller.d.ts.map +0 -1
  667. package/dist/controllers/selection/index.d.ts.map +0 -1
  668. package/dist/controllers/selection/selection.controller.d.ts.map +0 -1
  669. package/dist/dislike-16-L_khx-BVHwAHhp.js +0 -2
  670. package/dist/dislike-16-L_khx-BVHwAHhp.js.map +0 -1
  671. package/dist/double-caret-left-Bf7DnYqz-DNFshAfu.js.map +0 -1
  672. package/dist/double-caret-right-BAchpTls-QJc_ZS4h.js.map +0 -1
  673. package/dist/hourglass-DBhtrLz7-BXAdVWQs.js +0 -2
  674. package/dist/hourglass-DBhtrLz7-BXAdVWQs.js.map +0 -1
  675. package/dist/indeterminate-Cg8XIjtS-Dce2mj7R.js +0 -2
  676. package/dist/indeterminate-Cg8XIjtS-Dce2mj7R.js.map +0 -1
  677. package/dist/index-CU4DhJ1z.js +0 -4350
  678. package/dist/index-CU4DhJ1z.js.map +0 -1
  679. package/dist/index.d.ts.map +0 -1
  680. package/dist/index.js.map +0 -1
  681. package/dist/info-circle-BLaYsMlc-Dh07qDI_.js +0 -2
  682. package/dist/info-circle-BLaYsMlc-Dh07qDI_.js.map +0 -1
  683. package/dist/like-DhW9AUJT-BdbtC8Od.js +0 -2
  684. package/dist/like-DhW9AUJT-BdbtC8Od.js.map +0 -1
  685. package/dist/mexico-flag-BquARyem-CfwCLTac.js +0 -2
  686. package/dist/mexico-flag-BquARyem-CfwCLTac.js.map +0 -1
  687. package/dist/mixins/polymorphic-tag/index.d.ts.map +0 -1
  688. package/dist/mixins/polymorphic-tag/polymorphic-tag.constants.d.ts.map +0 -1
  689. package/dist/mixins/polymorphic-tag/polymorphic-tag.d.ts.map +0 -1
  690. package/dist/mixins/polymorphic-tag/polymorphic-tag.types.d.ts.map +0 -1
  691. package/dist/mixins/with-id/index.d.ts.map +0 -1
  692. package/dist/mixins/with-id/with-id.mixin.d.ts.map +0 -1
  693. package/dist/pencil-C66OuUbK-rw3JvmM4.js +0 -2
  694. package/dist/pencil-C66OuUbK-rw3JvmM4.js.map +0 -1
  695. package/dist/plus-DzoOg1xK-DS-lSCGP.js +0 -2
  696. package/dist/plus-DzoOg1xK-DS-lSCGP.js.map +0 -1
  697. package/dist/question-s-7t-cJH-Dz4Jdg6j.js +0 -2
  698. package/dist/question-s-7t-cJH-Dz4Jdg6j.js.map +0 -1
  699. package/dist/send-B7K6wZP6-DwxDnYaz.js +0 -2
  700. package/dist/send-B7K6wZP6-DwxDnYaz.js.map +0 -1
  701. package/dist/sparkle-B4ClJ5v1-txbCYk5w.js +0 -2
  702. package/dist/sparkle-B4ClJ5v1-txbCYk5w.js.map +0 -1
  703. package/dist/stories/story-utils.d.ts +0 -4
  704. package/dist/stories/story-utils.d.ts.map +0 -1
  705. package/dist/styles/index.d.ts.map +0 -1
  706. package/dist/styles/margin.d.ts.map +0 -1
  707. package/dist/styles/media.d.ts.map +0 -1
  708. package/dist/styles/on.d.ts.map +0 -1
  709. package/dist/styles/padding.d.ts.map +0 -1
  710. package/dist/styles/skeleton.d.ts.map +0 -1
  711. package/dist/styles/transition.d.ts.map +0 -1
  712. package/dist/styles/typography.d.ts.map +0 -1
  713. package/dist/telephone-BPadl9uO-DoHdlepI.js +0 -2
  714. package/dist/telephone-BPadl9uO-DoHdlepI.js.map +0 -1
  715. package/dist/tms-ready-C0JaX4xB-DlxcuYtX.js +0 -2
  716. package/dist/tms-ready-C0JaX4xB-DlxcuYtX.js.map +0 -1
  717. package/dist/trash-Biqao6Hc-N0A7UyH8.js +0 -2
  718. package/dist/trash-Biqao6Hc-N0A7UyH8.js.map +0 -1
  719. package/dist/trend-down-DdA58lz4-CqGvRdyI.js +0 -2
  720. package/dist/trend-down-DdA58lz4-CqGvRdyI.js.map +0 -1
  721. package/dist/trend-up-C924ngaH-D0mShQB0.js +0 -2
  722. package/dist/trend-up-C924ngaH-D0mShQB0.js.map +0 -1
  723. package/dist/united-states-flag-DArbwVan-BGx6SMyJ.js +0 -2
  724. package/dist/united-states-flag-DArbwVan-BGx6SMyJ.js.map +0 -1
  725. package/dist/user-DTmv3J7k-Pc4dIveS.js +0 -2
  726. package/dist/user-DTmv3J7k-Pc4dIveS.js.map +0 -1
  727. package/dist/utils/clamp/clamp.d.ts.map +0 -1
  728. package/dist/utils/clamp/index.d.ts.map +0 -1
  729. package/dist/utils/conditional.d.ts.map +0 -1
  730. package/dist/utils/context-root.d.ts.map +0 -1
  731. package/dist/utils/events.d.ts.map +0 -1
  732. package/dist/utils/generate-id.d.ts.map +0 -1
  733. package/dist/utils/get-color-token.d.ts.map +0 -1
  734. package/dist/utils/get-token.d.ts.map +0 -1
  735. package/dist/utils/range.d.ts.map +0 -1
  736. package/dist/utils/to-rem.d.ts.map +0 -1
  737. package/dist/utils/types.d.ts.map +0 -1
@@ -1,4350 +0,0 @@
1
- function __classPrivateFieldGet$1(t,e,o,i){if("a"===o&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!i:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?i:"a"===o?i.call(t):i?i.value:e.get(t)}function __classPrivateFieldSet(t,e,o,i,r){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!r:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?r.call(t,o):r?r.value=o:e.set(t,o),o}"function"==typeof SuppressedError&&SuppressedError;
2
- /**
3
- * @license
4
- * Copyright 2019 Google LLC
5
- * SPDX-License-Identifier: BSD-3-Clause
6
- */
7
- const t$8=window,e$c=t$8.ShadowRoot&&(void 0===t$8.ShadyCSS||t$8.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$c=Symbol(),n$e=new WeakMap;let o$e=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==s$c)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(e$c&&void 0===t){const o=void 0!==e&&1===e.length;o&&(t=n$e.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&n$e.set(e,t))}return t}toString(){return this.cssText}};const r$c=t=>new o$e("string"==typeof t?t:t+"",void 0,s$c),S$5=(t,e)=>{e$c?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const o=document.createElement("style"),i=t$8.litNonce;void 0!==i&&o.setAttribute("nonce",i),o.textContent=e.cssText,t.appendChild(o)}))},c$5=e$c?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return r$c(e)})(t):t
8
- /**
9
- * @license
10
- * Copyright 2017 Google LLC
11
- * SPDX-License-Identifier: BSD-3-Clause
12
- */;var s$b;const e$b=window,r$b=e$b.trustedTypes,h$7=r$b?r$b.emptyScript:"",o$d=e$b.reactiveElementPolyfillSupport,n$d={toAttribute(t,e){switch(e){case Boolean:t=t?h$7:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let o=t;switch(e){case Boolean:o=null!==t;break;case Number:o=null===t?null:Number(t);break;case Object:case Array:try{o=JSON.parse(t)}catch(t){o=null}}return o}},a$8=(t,e)=>e!==t&&(e==e||t==t),l$8={attribute:!0,type:String,converter:n$d,reflect:!1,hasChanged:a$8},d$5="finalized";let u$5=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}static addInitializer(t){var e;this.finalize(),(null!==(e=this.h)&&void 0!==e?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,o)=>{const i=this._$Ep(o,e);void 0!==i&&(this._$Ev.set(i,o),t.push(i))})),t}static createProperty(t,e=l$8){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const o="symbol"==typeof t?Symbol():"__"+t,i=this.getPropertyDescriptor(t,o,e);void 0!==i&&Object.defineProperty(this.prototype,t,i)}}static getPropertyDescriptor(t,e,o){return{get(){return this[e]},set(i){const r=this[t];this[e]=i,this.requestUpdate(t,r,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||l$8}static finalize(){if(this.hasOwnProperty(d$5))return!1;this[d$5]=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const o of e)this.createProperty(o,t[o])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const t of o)e.unshift(c$5(t))}else void 0!==t&&e.push(c$5(t));return e}static _$Ep(t,e){const o=e.attribute;return!1===o?void 0:"string"==typeof o?o:"string"==typeof t?t.toLowerCase():void 0}_$Eu(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,o;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(o=t.hostConnected)||void 0===o||o.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return S$5(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$EO(t,e,o=l$8){var i;const r=this.constructor._$Ep(t,o);if(void 0!==r&&!0===o.reflect){const n=(void 0!==(null===(i=o.converter)||void 0===i?void 0:i.toAttribute)?o.converter:n$d).toAttribute(e,o.type);this._$El=t,null==n?this.removeAttribute(r):this.setAttribute(r,n),this._$El=null}}_$AK(t,e){var o;const i=this.constructor,r=i._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=i.getPropertyOptions(r),n="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(o=t.converter)||void 0===o?void 0:o.fromAttribute)?t.converter:n$d;this._$El=r,this[r]=n.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,o){let i=!0;void 0!==t&&(((o=o||this.constructor.getPropertyOptions(t)).hasChanged||a$8)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===o.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,o))):i=!1),!this.isUpdatePending&&i&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,e)=>this[e]=t)),this._$Ei=void 0);let e=!1;const o=this._$AL;try{e=this.shouldUpdate(o),e?(this.willUpdate(o),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(o)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(o)}willUpdate(t){}_$AE(t){var e;null===(e=this._$ES)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$EO(e,this[e],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};
13
- /**
14
- * @license
15
- * Copyright 2017 Google LLC
16
- * SPDX-License-Identifier: BSD-3-Clause
17
- */
18
- var t$7;u$5[d$5]=!0,u$5.elementProperties=new Map,u$5.elementStyles=[],u$5.shadowRootOptions={mode:"open"},null==o$d||o$d({ReactiveElement:u$5}),(null!==(s$b=e$b.reactiveElementVersions)&&void 0!==s$b?s$b:e$b.reactiveElementVersions=[]).push("1.6.3");const i$6=window,s$a=i$6.trustedTypes,e$a=s$a?s$a.createPolicy("lit-html",{createHTML:t=>t}):void 0,o$c="$lit$",n$c=`lit$${(Math.random()+"").slice(9)}$`,l$7="?"+n$c,h$6=`<${l$7}>`,r$a=document,u$4=()=>r$a.createComment(""),d$4=t=>null===t||"object"!=typeof t&&"function"!=typeof t,c$4=Array.isArray,v$1=t=>c$4(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),a$7="[ \t\n\f\r]",f$1=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_$3=/-->/g,m$4=/>/g,p$2=RegExp(`>|${a$7}(?:([^\\s"'>=/]+)(${a$7}*=${a$7}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),g$1=/'/g,$$1=/"/g,y$1=/^(?:script|style|textarea|title)$/i,w$1=t=>(e,...o)=>({_$litType$:t,strings:e,values:o}),x=w$1(1),b$1=w$1(2),T$1=Symbol.for("lit-noChange"),A$1=Symbol.for("lit-nothing"),E$1=new WeakMap,C$1=r$a.createTreeWalker(r$a,129,null,!1);function P$1(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==e$a?e$a.createHTML(e):e}const V$1=(t,e)=>{const o=t.length-1,i=[];let r,n=2===e?"<svg>":"",s=f$1;for(let e=0;e<o;e++){const o=t[e];let a,l,c=-1,d=0;for(;d<o.length&&(s.lastIndex=d,l=s.exec(o),null!==l);)d=s.lastIndex,s===f$1?"!--"===l[1]?s=_$3:void 0!==l[1]?s=m$4:void 0!==l[2]?(y$1.test(l[2])&&(r=RegExp("</"+l[2],"g")),s=p$2):void 0!==l[3]&&(s=p$2):s===p$2?">"===l[0]?(s=null!=r?r:f$1,c=-1):void 0===l[1]?c=-2:(c=s.lastIndex-l[2].length,a=l[1],s=void 0===l[3]?p$2:'"'===l[3]?$$1:g$1):s===$$1||s===g$1?s=p$2:s===_$3||s===m$4?s=f$1:(s=p$2,r=void 0);const h=s===p$2&&t[e+1].startsWith("/>")?" ":"";n+=s===f$1?o+h$6:c>=0?(i.push(a),o.slice(0,c)+o$c+o.slice(c)+n$c+h):o+n$c+(-2===c?(i.push(void 0),e):h)}return[P$1(t,n+(t[o]||"<?>")+(2===e?"</svg>":"")),i]};let N$1=class t{constructor({strings:e,_$litType$:o},i){let r;this.parts=[];let n=0,s=0;const a=e.length-1,l=this.parts,[c,d]=V$1(e,o);if(this.el=t.createElement(c,i),C$1.currentNode=this.el.content,2===o){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(r=C$1.nextNode())&&l.length<a;){if(1===r.nodeType){if(r.hasAttributes()){const t=[];for(const e of r.getAttributeNames())if(e.endsWith(o$c)||e.startsWith(n$c)){const o=d[s++];if(t.push(e),void 0!==o){const t=r.getAttribute(o.toLowerCase()+o$c).split(n$c),e=/([.?@])?(.*)/.exec(o);l.push({type:1,index:n,name:e[2],strings:t,ctor:"."===e[1]?H$1:"?"===e[1]?L$1:"@"===e[1]?z$1:k$1})}else l.push({type:6,index:n})}for(const e of t)r.removeAttribute(e)}if(y$1.test(r.tagName)){const t=r.textContent.split(n$c),e=t.length-1;if(e>0){r.textContent=s$a?s$a.emptyScript:"";for(let o=0;o<e;o++)r.append(t[o],u$4()),C$1.nextNode(),l.push({type:2,index:++n});r.append(t[e],u$4())}}}else if(8===r.nodeType)if(r.data===l$7)l.push({type:2,index:n});else{let t=-1;for(;-1!==(t=r.data.indexOf(n$c,t+1));)l.push({type:7,index:n}),t+=n$c.length-1}n++}}static createElement(t,e){const o=r$a.createElement("template");return o.innerHTML=t,o}};function S$4(t,e,o=t,i){var r,n,s,a;if(e===T$1)return e;let l=void 0!==i?null===(r=o._$Co)||void 0===r?void 0:r[i]:o._$Cl;const c=d$4(e)?void 0:e._$litDirective$;return(null==l?void 0:l.constructor)!==c&&(null===(n=null==l?void 0:l._$AO)||void 0===n||n.call(l,!1),void 0===c?l=void 0:(l=new c(t),l._$AT(t,o,i)),void 0!==i?(null!==(s=(a=o)._$Co)&&void 0!==s?s:a._$Co=[])[i]=l:o._$Cl=l),void 0!==l&&(e=S$4(t,l._$AS(t,e.values),l,i)),e}let M$1=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var e;const{el:{content:o},parts:i}=this._$AD,r=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:r$a).importNode(o,!0);C$1.currentNode=r;let n=C$1.nextNode(),s=0,a=0,l=i[0];for(;void 0!==l;){if(s===l.index){let e;2===l.type?e=new R$1(n,n.nextSibling,this,t):1===l.type?e=new l.ctor(n,l.name,l.strings,this,t):6===l.type&&(e=new Z$1(n,this,t)),this._$AV.push(e),l=i[++a]}s!==(null==l?void 0:l.index)&&(n=C$1.nextNode(),s++)}return C$1.currentNode=r$a,r}v(t){let e=0;for(const o of this._$AV)void 0!==o&&(void 0!==o.strings?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}},R$1=class t{constructor(t,e,o,i){var r;this.type=2,this._$AH=A$1,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=i,this._$Cp=null===(r=null==i?void 0:i.isConnected)||void 0===r||r}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===(null==t?void 0:t.nodeType)&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=S$4(this,t,e),d$4(t)?t===A$1||null==t||""===t?(this._$AH!==A$1&&this._$AR(),this._$AH=A$1):t!==this._$AH&&t!==T$1&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):v$1(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==A$1&&d$4(this._$AH)?this._$AA.nextSibling.data=t:this.$(r$a.createTextNode(t)),this._$AH=t}g(t){var e;const{values:o,_$litType$:i}=t,r="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=N$1.createElement(P$1(i.h,i.h[0]),this.options)),i);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===r)this._$AH.v(o);else{const t=new M$1(r,this),e=t.u(this.options);t.v(o),this.$(e),this._$AH=t}}_$AC(t){let e=E$1.get(t.strings);return void 0===e&&E$1.set(t.strings,e=new N$1(t)),e}T(e){c$4(this._$AH)||(this._$AH=[],this._$AR());const o=this._$AH;let i,r=0;for(const n of e)r===o.length?o.push(i=new t(this.k(u$4()),this.k(u$4()),this,this.options)):i=o[r],i._$AI(n),r++;r<o.length&&(this._$AR(i&&i._$AB.nextSibling,r),o.length=r)}_$AR(t=this._$AA.nextSibling,e){var o;for(null===(o=this._$AP)||void 0===o||o.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cp=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}},k$1=class{constructor(t,e,o,i,r){this.type=1,this._$AH=A$1,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,o.length>2||""!==o[0]||""!==o[1]?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=A$1}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,o,i){const r=this.strings;let n=!1;if(void 0===r)t=S$4(this,t,e,0),n=!d$4(t)||t!==this._$AH&&t!==T$1,n&&(this._$AH=t);else{const i=t;let s,a;for(t=r[0],s=0;s<r.length-1;s++)a=S$4(this,i[o+s],e,s),a===T$1&&(a=this._$AH[s]),n||(n=!d$4(a)||a!==this._$AH[s]),a===A$1?t=A$1:t!==A$1&&(t+=(null!=a?a:"")+r[s+1]),this._$AH[s]=a}n&&!i&&this.j(t)}j(t){t===A$1?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}},H$1=class extends k$1{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===A$1?void 0:t}};const I$1=s$a?s$a.emptyScript:"";let L$1=class extends k$1{constructor(){super(...arguments),this.type=4}j(t){t&&t!==A$1?this.element.setAttribute(this.name,I$1):this.element.removeAttribute(this.name)}},z$1=class extends k$1{constructor(t,e,o,i,r){super(t,e,o,i,r),this.type=5}_$AI(t,e=this){var o;if((t=null!==(o=S$4(this,t,e,0))&&void 0!==o?o:A$1)===T$1)return;const i=this._$AH,r=t===A$1&&i!==A$1||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,n=t!==A$1&&(i===A$1||r);r&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,o;"function"==typeof this._$AH?this._$AH.call(null!==(o=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==o?o:this.element,t):this._$AH.handleEvent(t)}},Z$1=class{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){S$4(this,t)}};const B$1=i$6.litHtmlPolyfillSupport;null==B$1||B$1(N$1,R$1),(null!==(t$7=i$6.litHtmlVersions)&&void 0!==t$7?t$7:i$6.litHtmlVersions=[]).push("2.8.0");const D$1=(t,e,o)=>{var i,r;const n=null!==(i=null==o?void 0:o.renderBefore)&&void 0!==i?i:e;let s=n._$litPart$;if(void 0===s){const t=null!==(r=null==o?void 0:o.renderBefore)&&void 0!==r?r:null;n._$litPart$=s=new R$1(e.insertBefore(u$4(),t),t,void 0,null!=o?o:{})}return s._$AI(t),s
19
- /**
20
- * @license
21
- * Copyright 2019 Google LLC
22
- * SPDX-License-Identifier: BSD-3-Clause
23
- */},t$6=window,e$9=t$6.ShadowRoot&&(void 0===t$6.ShadyCSS||t$6.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$9=Symbol(),n$b=new WeakMap;let o$b=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==s$9)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(e$9&&void 0===t){const o=void 0!==e&&1===e.length;o&&(t=n$b.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&n$b.set(e,t))}return t}toString(){return this.cssText}};const r$9=t=>new o$b("string"==typeof t?t:t+"",void 0,s$9),i$5=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,o,i)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+t[i+1]),t[0]);return new o$b(o,t,s$9)},S$3=(t,e)=>{e$9?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const o=document.createElement("style"),i=t$6.litNonce;void 0!==i&&o.setAttribute("nonce",i),o.textContent=e.cssText,t.appendChild(o)}))},c$3=e$9?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return r$9(e)})(t):t
24
- /**
25
- * @license
26
- * Copyright 2017 Google LLC
27
- * SPDX-License-Identifier: BSD-3-Clause
28
- */;var s$8;const e$8=window,r$8=e$8.trustedTypes,h$5=r$8?r$8.emptyScript:"",o$a=e$8.reactiveElementPolyfillSupport,n$a={toAttribute(t,e){switch(e){case Boolean:t=t?h$5:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let o=t;switch(e){case Boolean:o=null!==t;break;case Number:o=null===t?null:Number(t);break;case Object:case Array:try{o=JSON.parse(t)}catch(t){o=null}}return o}},a$6=(t,e)=>e!==t&&(e==e||t==t),l$6={attribute:!0,type:String,converter:n$a,reflect:!1,hasChanged:a$6},d$3="finalized";let u$3=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}static addInitializer(t){var e;this.finalize(),(null!==(e=this.h)&&void 0!==e?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,o)=>{const i=this._$Ep(o,e);void 0!==i&&(this._$Ev.set(i,o),t.push(i))})),t}static createProperty(t,e=l$6){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const o="symbol"==typeof t?Symbol():"__"+t,i=this.getPropertyDescriptor(t,o,e);void 0!==i&&Object.defineProperty(this.prototype,t,i)}}static getPropertyDescriptor(t,e,o){return{get(){return this[e]},set(i){const r=this[t];this[e]=i,this.requestUpdate(t,r,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||l$6}static finalize(){if(this.hasOwnProperty(d$3))return!1;this[d$3]=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const o of e)this.createProperty(o,t[o])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const t of o)e.unshift(c$3(t))}else void 0!==t&&e.push(c$3(t));return e}static _$Ep(t,e){const o=e.attribute;return!1===o?void 0:"string"==typeof o?o:"string"==typeof t?t.toLowerCase():void 0}_$Eu(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,o;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(o=t.hostConnected)||void 0===o||o.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return S$3(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$EO(t,e,o=l$6){var i;const r=this.constructor._$Ep(t,o);if(void 0!==r&&!0===o.reflect){const n=(void 0!==(null===(i=o.converter)||void 0===i?void 0:i.toAttribute)?o.converter:n$a).toAttribute(e,o.type);this._$El=t,null==n?this.removeAttribute(r):this.setAttribute(r,n),this._$El=null}}_$AK(t,e){var o;const i=this.constructor,r=i._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=i.getPropertyOptions(r),n="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(o=t.converter)||void 0===o?void 0:o.fromAttribute)?t.converter:n$a;this._$El=r,this[r]=n.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,o){let i=!0;void 0!==t&&(((o=o||this.constructor.getPropertyOptions(t)).hasChanged||a$6)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===o.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,o))):i=!1),!this.isUpdatePending&&i&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,e)=>this[e]=t)),this._$Ei=void 0);let e=!1;const o=this._$AL;try{e=this.shouldUpdate(o),e?(this.willUpdate(o),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(o)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(o)}willUpdate(t){}_$AE(t){var e;null===(e=this._$ES)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$EO(e,this[e],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};
29
- /**
30
- * @license
31
- * Copyright 2017 Google LLC
32
- * SPDX-License-Identifier: BSD-3-Clause
33
- */
34
- var l$5,o$9;u$3[d$3]=!0,u$3.elementProperties=new Map,u$3.elementStyles=[],u$3.shadowRootOptions={mode:"open"},null==o$a||o$a({ReactiveElement:u$3}),(null!==(s$8=e$8.reactiveElementVersions)&&void 0!==s$8?s$8:e$8.reactiveElementVersions=[]).push("1.6.3");let s$7=class extends u$3{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const o=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=o.firstChild),o}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=D$1(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1)}render(){return T$1}};s$7.finalized=!0,s$7._$litElement$=!0,null===(l$5=globalThis.litElementHydrateSupport)||void 0===l$5||l$5.call(globalThis,{LitElement:s$7});const n$9=globalThis.litElementPolyfillSupport;function redispatchEvent(t,e){!e.bubbles||t.shadowRoot&&!e.composed||e.stopPropagation();const o=Reflect.construct(e.constructor,[e.type,e]),i=t.dispatchEvent(o);return i||e.preventDefault(),i}function isInsideElement(t,e){return e.shadowRoot?t.composedPath().includes(e):null!=t.target&&e.contains(t.target)}null==n$9||n$9({LitElement:s$7}),(null!==(o$9=globalThis.litElementVersions)&&void 0!==o$9?o$9:globalThis.litElementVersions=[]).push("3.3.3");class Component extends s$7{constructor(){super(...arguments),this.emit=(t,e)=>{const o=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,...e});this.dispatchEvent(o)},this.reemit=t=>{redispatchEvent(this,t)}}}function getDefaultExportFromCjs(t){return t&&t.i&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var toSpacingCSSValue,toCSSValue$1,getToken$1,themes$1={};themes$1.LoadsmartTheme={"brand-color-brand":"20, 214, 77","brand-color-brand-accent-1":"0, 215, 215","brand-color-brand-accent-2":"132, 241, 30","border-radius-none":"0px","border-radius-s":"4px","border-radius-m":"8px","border-radius-l":"16px","border-radius-circle":"50%","border-none":0,"border-thin":"1px","border-medium":"2px","border-thick":"4px","color-background-primary":"252, 252, 255","color-background-secondary":"248, 249, 251","color-background-tertiary":"230, 237, 242","color-background-highlight":"202, 219, 221","color-background-inverted":"32, 41, 49","color-background-secondary-inverted":"61, 74, 85","color-border-input":"193, 206, 217","color-border":"230, 237, 242","color-divider":"230, 237, 242","color-brand":"20, 214, 77","color-brand-accent-1":"0, 215, 215","color-brand-accent-2":"132, 241, 30","color-primary-20":"202, 219, 221","color-primary-60":"0, 84, 84","color-primary-100":"0, 51, 51","color-accent-20":"229, 245, 255","color-accent-60":"0, 98, 159","color-accent-100":"15, 66, 97","color-neutral-0":"252, 252, 255","color-neutral-10":"248, 249, 251","color-neutral-20":"230, 237, 242","color-neutral-40":"193, 206, 217","color-neutral-60":"94, 118, 138","color-neutral-80":"92, 106, 118","color-neutral-90":"61, 74, 85","color-neutral-100":"32, 41, 49","color-success-20":"227, 247, 239","color-success-60":"3, 124, 94","color-success-100":"0, 94, 71","color-danger-20":"255, 233, 230","color-danger-60":"186, 27, 27","color-danger-100":"104, 0, 3","color-warning-20":"255, 243, 214","color-warning-60":"248, 182, 14","color-warning-100":"102, 63, 25","color-text-primary":"32, 41, 49","color-text-secondary":"61, 74, 85","color-text-tertiary":"92, 106, 118","color-text-placeholder":"94, 118, 138","color-text-disabled":"193, 206, 217","color-text-inverted":"252, 252, 255","color-text-secondary-inverted":"193, 206, 217","color-text-error":"186, 27, 27","color-text-highlight":"0, 98, 159","color-text-link":"0, 84, 84","font-family-default":"'Manrope', sans-serif","font-family-title":"'PlusJakartaSans', 'Manrope', sans-serif","font-size-1":"0.625rem","font-size-2":"0.75rem","font-size-3":"0.875rem","font-size-4":"1rem","font-size-5":"1.25rem","font-size-6":"1.625rem","font-size-7":"2.375rem","font-size-8":"3rem","font-size-9":"3.625rem","font-weight-regular":500,"font-weight-medium":600,"font-weight-bold":700,"line-height-1":"100%","line-height-2":"125%","line-height-3":"130%","line-height-4":"140%","line-height-5":"150%","line-height-6":"180%","media-screen-desktop":"1025px","media-screen-tablet":"481px","opacity-0":"0%","opacity-20":"20%","opacity-40":"40%","opacity-60":"60%","opacity-100":"100%","elevation-1":"0px 0px 2px rgba(94, 118, 138, 0.1), 0px 1px 6px 2px rgba(61, 74, 85, 0.15)","elevation-2":"0px 1px 3px rgba(94, 118, 138, 0.2), 0px 4px 8px 3px rgba(61, 74, 85, 0.15)","elevation-3":"0px 0px 4px rgba(94, 118, 138, 0.2), 0px 6px 12px 6px rgba(61, 74, 85, 0.15)","elevation-4":"0px 5px 6px 4px rgba(94, 118, 138, 0.2), 0px 8px 10px rgba(61, 74, 85, 0.1)","glow-primary":"0.0px 0.0px 4.0px 0px rgb(3, 124, 94, .5)","glow-warning":"0.0px 0.0px 4.0px 0px rgba(255, 206, 79, 1.0)","spacing-1":"4px","spacing-2":"8px","spacing-3":"12px","spacing-4":"16px","spacing-5":"20px","spacing-6":"24px","spacing-8":"32px","spacing-10":"40px","spacing-12":"48px","spacing-14":"56px","spacing-16":"64px","spacing-20":"80px","spacing-30":"120px","spacing-0-5":"2px","global-height-small":"1.75rem","global-height-default":"2.5rem","global-height-large":"3rem","platform-font-default":"'Manrope', sans-serif","platform-font-title":"'PlusJakartaSans', 'Manrope', sans-serif"};var r$7=themes$1;function t$5(t,e,o){if(o||2===arguments.length)for(var i,r=0,n=e.length;r<n;r++)!i&&r in e||(i||(i=Array.prototype.slice.call(e,0,r)),i[r]=e[r]);return t.concat(i||Array.prototype.slice.call(e))}function e$7(t,e){return t.filter((function(t){return t.startsWith(e)}))}function o$8(t,e){return t.filter((function(t){return!t.startsWith(e)}))}"function"==typeof SuppressedError&&SuppressedError;var n$8=Object.keys(r$7.LoadsmartTheme),a$5=t$5([],o$8(o$8(n$8,"brand-"),"platform-"),!0).sort((function(t,e){return t.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})}));e$7(a$5,"color-background-"),e$7(a$5,"border-radius-"),e$7(a$5,"border-"),e$7(a$5,"color-"),e$7(a$5,"elevation-"),e$7(a$5,"font-family-"),e$7(a$5,"font-size-"),e$7(a$5,"font-weight-"),e$7(a$5,"global-"),e$7(a$5,"glow-"),e$7(a$5,"line-height-"),e$7(a$5,"opacity-");var _$2=e$7(a$5,"spacing-");function K$1(t){return r$7.LoadsmartTheme[t]}function m$3(t){var e=K$1(t);return null==e?e:"--m-".concat(t)}function h$4(t,e){var o=K$1(t);return null==o?"":t.startsWith("color-")?"rgba(var(".concat(m$3(t),", ").concat(o,"), ").concat(null!=e?e:1,")"):"var(".concat(m$3(t),", ").concat(o,")")}function getToken(t){return r$9(toCSSValue$1(t))}function getColor(t,e=1){return r$9(toCSSValue$1(t,e))}function mr(t){return r$9(`\n\t\tmargin-inline-end: ${t}\n\t`)}function ml(t){return r$9(`\n\t\tmargin-inline-start: ${t}\n\t`)}function mx(t){return r$9(`\n\t\t${ml(t)};\n\t\t${mr(t)}\n\t`)}function mt(t){return r$9(`\n\t\tmargin-block-start: ${t}\n\t`)}function mb(t){return r$9(`\n\t\tmargin-block-end: ${t}\n\t`)}function my(t){return r$9(`\n\t\t${mt(t)};\n\t\t${mb(t)}\n\t`)}function m$2(t){return r$9(`\n\t\t${mx(t)};\n\t\t${my(t)}\n\t`)}function mediaDesktop(t){return r$9(`\n\t@media screen and (min-width: ${getToken$1("media-screen-desktop")}) {\n\t\t${t}\n\t}\n`)}function mediaTablet(t){return r$9(`\n\t@media screen and (min-width: ${getToken$1("media-screen-tablet")}) {\n\t\t${t}\n\t}\n`)}e$7(a$5,"media-"),t$5(["none"],_$2,!0),getToken$1=K$1,toCSSValue$1=h$4,toSpacingCSSValue=function(t,e){var o,i=e?h$4(e):"";return t&&null!==(o="none"===t?"0":h$4(t))&&void 0!==o?o:i};var toArray=function(t){return null==t?[]:Array.isArray(t)?t:[t]},toArray$1=getDefaultExportFromCjs(toArray);const pseudoClassMap={active:[":active"],disabled:[".is-disabled",":disabled"],focus:[".is-focused",":focus",":focus-visible",":focus-within"],hover:[":hover"],visited:[":visited"]};function isPseudoClass(t){return Object.keys(pseudoClassMap).includes(t)}function isNegated(t){return t.startsWith("not.")}function joinIs(t){const e=toArray$1(t).filter((t=>""!==t.trim()));return 0===e.length?"":1===e.length?e[0]:`:is(${e.join(", ")})`}function toString(t,e,o,i){let r=joinIs(t);for(const t of i)if(isNegated(t)){const e=t.slice(4);r=`${r}:not(${pseudoClassMap[e].join(", ")})`}else r=`${r}${joinIs(pseudoClassMap[t])}`;const n=joinIs(e);if(n){let t=` ${o} `;return null==o&&(t="")," "===o&&(t=o),`${r}${t}${n}`}return r}function on(t,e,o=" "){const i=[];let r=!1;const n=new Proxy(r$9(""),{get:(s,a,l)=>"cssText"===a?toString(t,e,o,i):"not"===a?(r=!r,n):isPseudoClass(a)?(i.push(r?`not.${a}`:a),r=!1,n):Reflect.get(s,a,l)});return n}function pr(t){return r$9(`\n\t\tpadding-inline-start: ${t}\n\t`)}function pl(t){return r$9(`\n\t\tpadding-inline-end: ${t}\n\t`)}function px(t){return r$9(`\n\t\t${pl(t)};\n\t\t${pr(t)}\n\t`)}function pt(t){return r$9(`\n\t\tpadding-block-start: ${t}\n\t`)}function pb(t){return r$9(`\n\t\tpadding-block-end: ${t}\n\t`)}function py(t){return r$9(`\n\t\t${pt(t)};\n\t\t${pb(t)}\n\t`)}function p$1(t){return r$9(`\n\t\t${px(t)};\n\t\t${py(t)}\n\t`)}function skeleton(){return r$9("animation: skeleton-loading 1s linear infinite alternate;")}skeleton.styles=()=>i$5`
35
- @keyframes skeleton-loading {
36
- 0% {
37
- background-color: ${getColor("color-background-tertiary")};
38
- opacity: 0.3;
39
- }
40
- 50% {
41
- background-color: ${getColor("color-background-tertiary")};
42
- opacity: 0.6;
43
- }
44
- 100% {
45
- background-color: ${getColor("color-background-tertiary")};
46
- }
47
- }
48
- `;const DEFAULT_TRANSITION_CONFIG={property:"all",delay:"0s",duration:"0.35s",easing:"ease-in-out"};function toTransition(t){const e={...DEFAULT_TRANSITION_CONFIG,...t};return r$9(`${e.property} ${e.duration} ${e.easing} ${e.delay}`)}function transition(t){const e=toArray$1(t).map((t=>toTransition(t))).join(", ");return r$9(`\n\t\ttransition: ${e}\n\t`)}const typographyVariants=["body-lg-bold","body-lg","body-md-bold-underline","body-md-bold","body-md-underline","body-md","body-sm-bold-underline","body-sm-bold","body-sm-underline","body-sm","button-lg","button-md","button-sm","chips-md","chips-sm","heading-lg-bold","heading-lg","heading-md-bold","heading-md","heading-sm-bold","heading-sm","hero-lg-bold","hero-lg","hero-md-bold","hero-md","hero-sm-bold","hero-sm","number-md","number-sm","table-header-md","table-header-sm"];function getVariant(t){switch(t){case"hero-lg-bold":return`\n\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\tline-height: ${getToken("line-height-6")};\n\t\t\t\tfont-size: ${getToken("font-size-9")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t`;case"hero-lg":return`\n\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\tline-height: ${getToken("line-height-6")};\n\t\t\t\tfont-size: ${getToken("font-size-9")};\n\t\t\t\tfont-weight: ${getToken("font-weight-regular")}\n\t\t\t`;case"hero-md-bold":return`\n\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\tline-height: ${getToken("line-height-6")};\n\t\t\t\tfont-size: ${getToken("font-size-8")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t`;case"hero-md":return`\n\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\tline-height: ${getToken("line-height-6")};\n\t\t\t\tfont-size: ${getToken("font-size-8")};\n\t\t\t\tfont-weight: ${getToken("font-weight-regular")}\n\t\t\t`;case"hero-sm-bold":return`\n\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\tline-height: ${getToken("line-height-6")};\n\t\t\t\tfont-size: ${getToken("font-size-7")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t`;case"hero-sm":return`\n\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\tline-height: ${getToken("line-height-6")};\n\t\t\t\tfont-size: ${getToken("font-size-7")};\n\t\t\t\tfont-weight: ${getToken("font-weight-regular")}\n\t\t\t`;case"heading-lg-bold":return`\n\t\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\t\tline-height: ${getToken("line-height-5")};\n\t\t\t\t\tfont-size: ${getToken("font-size-6")};\n\t\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t\t`;case"heading-lg":return`\n\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\tline-height: ${getToken("line-height-5")};\n\t\t\t\tfont-size: ${getToken("font-size-6")};\n\t\t\t\tfont-weight: ${getToken("font-weight-regular")}\n\t\t\t`;case"heading-md-bold":return`\n\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\tline-height: ${getToken("line-height-5")};\n\t\t\t\tfont-size: ${getToken("font-size-5")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t`;case"heading-md":return`\n\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\tline-height: ${getToken("line-height-5")};\n\t\t\t\tfont-size: ${getToken("font-size-5")};\n\t\t\t\tfont-weight: ${getToken("font-weight-regular")}\n\t\t\t`;case"heading-sm-bold":return`\n\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\tline-height: ${getToken("line-height-5")};\n\t\t\t\tfont-size: ${getToken("font-size-4")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t`;case"heading-sm":return`\n\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\tline-height: ${getToken("line-height-5")};\n\t\t\t\tfont-size: ${getToken("font-size-4")};\n\t\t\t\tfont-weight: ${getToken("font-weight-regular")}\n\t\t\t`;case"body-lg-bold":return`\n\t\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\t\tline-height: ${getToken("line-height-6")};\n\t\t\t\t\tfont-size: ${getToken("font-size-5")};\n\t\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t\t`;case"body-lg":return`\n\t\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\t\tline-height: ${getToken("line-height-6")};\n\t\t\t\t\tfont-size: ${getToken("font-size-5")};\n\t\t\t\t\tfont-weight: ${getToken("font-weight-regular")}\n\t\t\t\t`;case"body-md":case"number-md":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-5")};\n\t\t\t\tfont-size: ${getToken("font-size-3")};\n\t\t\t\tfont-weight: ${getToken("font-weight-regular")}\n\t\t\t`;case"body-md-underline":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-5")};\n\t\t\t\tfont-size: ${getToken("font-size-3")};\n\t\t\t\tfont-weight: ${getToken("font-weight-regular")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-md-bold":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-5")};\n\t\t\t\tfont-size: ${getToken("font-size-3")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t`;case"body-md-bold-underline":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-5")};\n\t\t\t\tfont-size: ${getToken("font-size-3")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-sm":case"number-sm":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-4")};\n\t\t\t\tfont-size: ${getToken("font-size-2")};\n\t\t\t\tfont-weight: ${getToken("font-weight-regular")}\n\t\t\t`;case"body-sm-underline":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-4")};\n\t\t\t\tfont-size: ${getToken("font-size-2")};\n\t\t\t\tfont-weight: ${getToken("font-weight-regular")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-sm-bold":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-4")};\n\t\t\t\tfont-size: ${getToken("font-size-2")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t`;case"body-sm-bold-underline":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-4")};\n\t\t\t\tfont-size: ${getToken("font-size-2")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"button-lg":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-1")};\n\t\t\t\tfont-size: ${getToken("font-size-4")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t`;case"button-md":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-1")};\n\t\t\t\tfont-size: ${getToken("font-size-3")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t`;case"button-sm":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-1")};\n\t\t\t\tfont-size: ${getToken("font-size-2")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t`;case"table-header-md":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-1")};\n\t\t\t\tfont-size: ${getToken("font-size-3")};\n\t\t\t\tfont-weight: ${getToken("font-weight-medium")};\n\t\t\t\ttext-transform: uppercase\n\t\t\t`;case"table-header-sm":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-1")};\n\t\t\t\tfont-size: ${getToken("font-size-2")};\n\t\t\t\tfont-weight: ${getToken("font-weight-regular")}\n\t\t\t`;case"chips-md":return`\n\t\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\t\tline-height: ${getToken("line-height-1")};\n\t\t\t\t\tfont-size: ${getToken("font-size-2")};\n\t\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t\t`;case"chips-sm":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-1")};\n\t\t\t\tfont-size: ${getToken("font-size-1")};\n\t\t\t\tfont-weight: ${getToken("font-weight-medium")};\n\t\t\t\ttext-transform: uppercase\n\t\t\t`;default:return""}}function typography(t){const e=r$9("\n\t\tfont-style: normal;\n\t\tfont-stretch: normal;\n\t\tletter-spacing: normal;\n\n\t\tfont-synthesis: none;\n\t\ttext-rendering: optimizeLegibility;\n\t\t-webkit-font-smoothing: antialiased;\n\t\t-moz-osx-font-smoothing: grayscale;\n\t\t-webkit-text-size-adjust: 100%;\n\t");return r$9(`${e}\n${getVariant(t)}`)}function styles$I(){return i$5`
49
- :host {
50
- background-color: ${getColor("color-background-primary")};
51
- width: 100%;
52
- }
53
-
54
- slot[name='title']::slotted(:not(m-accordion-title)),
55
- slot[name='content']::slotted(:not(m-accordion-content)) {
56
- display: none;
57
- }
58
-
59
- .m-accordion {
60
- display: flex;
61
- flex-direction: column;
62
- align-items: flex-start;
63
- border-radius: ${getToken("border-radius-s")};
64
- border: 1px solid ${getColor("color-border-input")};
65
- overflow: hidden;
66
- }
67
-
68
- .m-accordion-header {
69
- margin: 0;
70
- width: 100%;
71
- }
72
-
73
- .m-accordion-trigger {
74
- ${typography("body-md-bold")};
75
- display: flex;
76
- margin: 0;
77
- cursor: pointer;
78
- width: 100%;
79
- padding: ${getToken("spacing-3")} ${getToken("spacing-4")};
80
- color: ${getColor("color-text-primary")};
81
- outline: none;
82
- border: none;
83
- align-items: center;
84
- background-color: ${getColor("color-background-primary")};
85
- }
86
-
87
- .m-accordion-trigger:focus {
88
- background-color: ${getColor("color-background-tertiary")};
89
- }
90
-
91
- .m-accordion-trigger:hover {
92
- background-color: ${getColor("color-background-tertiary")};
93
- }
94
-
95
- .m-accordion-trigger:active {
96
- background-color: ${getColor("color-background-highlight")};
97
- }
98
-
99
- .m-accordion-trigger:disabled {
100
- background-color: ${getColor("color-background-primary")};
101
- cursor: default;
102
- color: ${getColor("color-text-disabled")};
103
- }
104
-
105
- .m-accordion-trigger:disabled m-icon {
106
- --m-icon-color: ${getColor("color-text-disabled")};
107
- }
108
-
109
- .m-accordion-trigger[aria-expanded='true']:not([disabled]) m-icon {
110
- transform: rotate(180deg);
111
- }
112
-
113
- .m-accordion-panel {
114
- height: auto;
115
- width: 100%;
116
- }
117
-
118
- @media (prefers-reduced-motion: no-preference) {
119
- .m-accordion-trigger {
120
- ${transition([{property:"background-color"}])};
121
- }
122
-
123
- m-icon {
124
- ${transition([{property:"transform"}])};
125
- }
126
-
127
- .m-accordion-panel {
128
- ${transition([{property:"height"},{property:"visibility"}])};
129
- will-change: height;
130
- }
131
- }
132
- `}function accordionTitleStyles(){return i$5`
133
- :host {
134
- display: flex;
135
- text-align: left;
136
- justify-content: center;
137
- width: 100%;
138
- }
139
-
140
- .m-accordion-text {
141
- flex: 1;
142
- padding-left: ${getToken("spacing-1")};
143
- }
144
- `}function accordionContentStyles(){return i$5`
145
- .m-accordion-content {
146
- padding: ${getToken("spacing-2")} ${getToken("spacing-4")} ${getToken("spacing-4")};
147
- }
148
- `}function __classPrivateFieldGet(t,e,o,i){if("a"===o&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!i:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?i:"a"===o?i.call(t):i?i.value:e.get(t)}"function"==typeof SuppressedError&&SuppressedError;
149
- /**
150
- * @license
151
- * Copyright 2019 Google LLC
152
- * SPDX-License-Identifier: BSD-3-Clause
153
- */
154
- const t$3$1=window,e$5$1=t$3$1.ShadowRoot&&(void 0===t$3$1.ShadyCSS||t$3$1.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$5=Symbol(),n$6=new WeakMap;let o$6=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==s$5)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(e$5$1&&void 0===t){const o=void 0!==e&&1===e.length;o&&(t=n$6.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&n$6.set(e,t))}return t}toString(){return this.cssText}};const r$5=t=>new o$6("string"==typeof t?t:t+"",void 0,s$5),S$2=(t,e)=>{e$5$1?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const o=document.createElement("style"),i=t$3$1.litNonce;void 0!==i&&o.setAttribute("nonce",i),o.textContent=e.cssText,t.appendChild(o)}))},c$2=e$5$1?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return r$5(e)})(t):t
155
- /**
156
- * @license
157
- * Copyright 2017 Google LLC
158
- * SPDX-License-Identifier: BSD-3-Clause
159
- */;var s$4$1;const e$4$1=window,r$4=e$4$1.trustedTypes,h$3=r$4?r$4.emptyScript:"",o$5=e$4$1.reactiveElementPolyfillSupport,n$5={toAttribute(t,e){switch(e){case Boolean:t=t?h$3:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let o=t;switch(e){case Boolean:o=null!==t;break;case Number:o=null===t?null:Number(t);break;case Object:case Array:try{o=JSON.parse(t)}catch(t){o=null}}return o}},a$3=(t,e)=>e!==t&&(e==e||t==t),l$3={attribute:!0,type:String,converter:n$5,reflect:!1,hasChanged:a$3},d$2="finalized";let u$2=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}static addInitializer(t){var e;this.finalize(),(null!==(e=this.h)&&void 0!==e?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,o)=>{const i=this._$Ep(o,e);void 0!==i&&(this._$Ev.set(i,o),t.push(i))})),t}static createProperty(t,e=l$3){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const o="symbol"==typeof t?Symbol():"__"+t,i=this.getPropertyDescriptor(t,o,e);void 0!==i&&Object.defineProperty(this.prototype,t,i)}}static getPropertyDescriptor(t,e,o){return{get(){return this[e]},set(i){const r=this[t];this[e]=i,this.requestUpdate(t,r,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||l$3}static finalize(){if(this.hasOwnProperty(d$2))return!1;this[d$2]=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const o of e)this.createProperty(o,t[o])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const t of o)e.unshift(c$2(t))}else void 0!==t&&e.push(c$2(t));return e}static _$Ep(t,e){const o=e.attribute;return!1===o?void 0:"string"==typeof o?o:"string"==typeof t?t.toLowerCase():void 0}_$Eu(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,o;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(o=t.hostConnected)||void 0===o||o.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return S$2(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$EO(t,e,o=l$3){var i;const r=this.constructor._$Ep(t,o);if(void 0!==r&&!0===o.reflect){const n=(void 0!==(null===(i=o.converter)||void 0===i?void 0:i.toAttribute)?o.converter:n$5).toAttribute(e,o.type);this._$El=t,null==n?this.removeAttribute(r):this.setAttribute(r,n),this._$El=null}}_$AK(t,e){var o;const i=this.constructor,r=i._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=i.getPropertyOptions(r),n="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(o=t.converter)||void 0===o?void 0:o.fromAttribute)?t.converter:n$5;this._$El=r,this[r]=n.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,o){let i=!0;void 0!==t&&(((o=o||this.constructor.getPropertyOptions(t)).hasChanged||a$3)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===o.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,o))):i=!1),!this.isUpdatePending&&i&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,e)=>this[e]=t)),this._$Ei=void 0);let e=!1;const o=this._$AL;try{e=this.shouldUpdate(o),e?(this.willUpdate(o),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(o)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(o)}willUpdate(t){}_$AE(t){var e;null===(e=this._$ES)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$EO(e,this[e],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};
160
- /**
161
- * @license
162
- * Copyright 2017 Google LLC
163
- * SPDX-License-Identifier: BSD-3-Clause
164
- */var t$2$1;u$2[d$2]=!0,u$2.elementProperties=new Map,u$2.elementStyles=[],u$2.shadowRootOptions={mode:"open"},null==o$5||o$5({ReactiveElement:u$2}),(null!==(s$4$1=e$4$1.reactiveElementVersions)&&void 0!==s$4$1?s$4$1:e$4$1.reactiveElementVersions=[]).push("1.6.3");const i$1$1=window,s$3$1=i$1$1.trustedTypes,e$3$1=s$3$1?s$3$1.createPolicy("lit-html",{createHTML:t=>t}):void 0,o$4="$lit$",n$4$1=`lit$${(Math.random()+"").slice(9)}$`,l$2$1="?"+n$4$1,h$2=`<${l$2$1}>`,r$3=document,u$1=()=>r$3.createComment(""),d$1=t=>null===t||"object"!=typeof t&&"function"!=typeof t,c$1=Array.isArray,v=t=>c$1(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),a$2="[ \t\n\f\r]",f=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_$1=/-->/g,m$1=/>/g,p=RegExp(`>|${a$2}(?:([^\\s"'>=/]+)(${a$2}*=${a$2}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),g=/'/g,$=/"/g,y=/^(?:script|style|textarea|title)$/i,w=t=>(e,...o)=>({_$litType$:t,strings:e,values:o}),b=w(2),T=Symbol.for("lit-noChange"),A=Symbol.for("lit-nothing"),E=new WeakMap,C=r$3.createTreeWalker(r$3,129,null,!1);function P(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==e$3$1?e$3$1.createHTML(e):e}const V=(t,e)=>{const o=t.length-1,i=[];let r,n=2===e?"<svg>":"",s=f;for(let e=0;e<o;e++){const o=t[e];let a,l,c=-1,d=0;for(;d<o.length&&(s.lastIndex=d,l=s.exec(o),null!==l);)d=s.lastIndex,s===f?"!--"===l[1]?s=_$1:void 0!==l[1]?s=m$1:void 0!==l[2]?(y.test(l[2])&&(r=RegExp("</"+l[2],"g")),s=p):void 0!==l[3]&&(s=p):s===p?">"===l[0]?(s=null!=r?r:f,c=-1):void 0===l[1]?c=-2:(c=s.lastIndex-l[2].length,a=l[1],s=void 0===l[3]?p:'"'===l[3]?$:g):s===$||s===g?s=p:s===_$1||s===m$1?s=f:(s=p,r=void 0);const h=s===p&&t[e+1].startsWith("/>")?" ":"";n+=s===f?o+h$2:c>=0?(i.push(a),o.slice(0,c)+o$4+o.slice(c)+n$4$1+h):o+n$4$1+(-2===c?(i.push(void 0),e):h)}return[P(t,n+(t[o]||"<?>")+(2===e?"</svg>":"")),i]};class N{constructor({strings:t,_$litType$:e},o){let i;this.parts=[];let r=0,n=0;const s=t.length-1,a=this.parts,[l,c]=V(t,e);if(this.el=N.createElement(l,o),C.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(i=C.nextNode())&&a.length<s;){if(1===i.nodeType){if(i.hasAttributes()){const t=[];for(const e of i.getAttributeNames())if(e.endsWith(o$4)||e.startsWith(n$4$1)){const o=c[n++];if(t.push(e),void 0!==o){const t=i.getAttribute(o.toLowerCase()+o$4).split(n$4$1),e=/([.?@])?(.*)/.exec(o);a.push({type:1,index:r,name:e[2],strings:t,ctor:"."===e[1]?H:"?"===e[1]?L:"@"===e[1]?z:k})}else a.push({type:6,index:r})}for(const e of t)i.removeAttribute(e)}if(y.test(i.tagName)){const t=i.textContent.split(n$4$1),e=t.length-1;if(e>0){i.textContent=s$3$1?s$3$1.emptyScript:"";for(let o=0;o<e;o++)i.append(t[o],u$1()),C.nextNode(),a.push({type:2,index:++r});i.append(t[e],u$1())}}}else if(8===i.nodeType)if(i.data===l$2$1)a.push({type:2,index:r});else{let t=-1;for(;-1!==(t=i.data.indexOf(n$4$1,t+1));)a.push({type:7,index:r}),t+=n$4$1.length-1}r++}}static createElement(t,e){const o=r$3.createElement("template");return o.innerHTML=t,o}}function S$1(t,e,o=t,i){var r,n,s,a;if(e===T)return e;let l=void 0!==i?null===(r=o._$Co)||void 0===r?void 0:r[i]:o._$Cl;const c=d$1(e)?void 0:e._$litDirective$;return(null==l?void 0:l.constructor)!==c&&(null===(n=null==l?void 0:l._$AO)||void 0===n||n.call(l,!1),void 0===c?l=void 0:(l=new c(t),l._$AT(t,o,i)),void 0!==i?(null!==(s=(a=o)._$Co)&&void 0!==s?s:a._$Co=[])[i]=l:o._$Cl=l),void 0!==l&&(e=S$1(t,l._$AS(t,e.values),l,i)),e}class M{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var e;const{el:{content:o},parts:i}=this._$AD,r=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:r$3).importNode(o,!0);C.currentNode=r;let n=C.nextNode(),s=0,a=0,l=i[0];for(;void 0!==l;){if(s===l.index){let e;2===l.type?e=new R(n,n.nextSibling,this,t):1===l.type?e=new l.ctor(n,l.name,l.strings,this,t):6===l.type&&(e=new Z(n,this,t)),this._$AV.push(e),l=i[++a]}s!==(null==l?void 0:l.index)&&(n=C.nextNode(),s++)}return C.currentNode=r$3,r}v(t){let e=0;for(const o of this._$AV)void 0!==o&&(void 0!==o.strings?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}}class R{constructor(t,e,o,i){var r;this.type=2,this._$AH=A,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=i,this._$Cp=null===(r=null==i?void 0:i.isConnected)||void 0===r||r}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===(null==t?void 0:t.nodeType)&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=S$1(this,t,e),d$1(t)?t===A||null==t||""===t?(this._$AH!==A&&this._$AR(),this._$AH=A):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):v(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==A&&d$1(this._$AH)?this._$AA.nextSibling.data=t:this.$(r$3.createTextNode(t)),this._$AH=t}g(t){var e;const{values:o,_$litType$:i}=t,r="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=N.createElement(P(i.h,i.h[0]),this.options)),i);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===r)this._$AH.v(o);else{const t=new M(r,this),e=t.u(this.options);t.v(o),this.$(e),this._$AH=t}}_$AC(t){let e=E.get(t.strings);return void 0===e&&E.set(t.strings,e=new N(t)),e}T(t){c$1(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,i=0;for(const r of t)i===e.length?e.push(o=new R(this.k(u$1()),this.k(u$1()),this,this.options)):o=e[i],o._$AI(r),i++;i<e.length&&(this._$AR(o&&o._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var o;for(null===(o=this._$AP)||void 0===o||o.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cp=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class k{constructor(t,e,o,i,r){this.type=1,this._$AH=A,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,o.length>2||""!==o[0]||""!==o[1]?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=A}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,o,i){const r=this.strings;let n=!1;if(void 0===r)t=S$1(this,t,e,0),n=!d$1(t)||t!==this._$AH&&t!==T,n&&(this._$AH=t);else{const i=t;let s,a;for(t=r[0],s=0;s<r.length-1;s++)a=S$1(this,i[o+s],e,s),a===T&&(a=this._$AH[s]),n||(n=!d$1(a)||a!==this._$AH[s]),a===A?t=A:t!==A&&(t+=(null!=a?a:"")+r[s+1]),this._$AH[s]=a}n&&!i&&this.j(t)}j(t){t===A?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class H extends k{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===A?void 0:t}}const I=s$3$1?s$3$1.emptyScript:"";class L extends k{constructor(){super(...arguments),this.type=4}j(t){t&&t!==A?this.element.setAttribute(this.name,I):this.element.removeAttribute(this.name)}}class z extends k{constructor(t,e,o,i,r){super(t,e,o,i,r),this.type=5}_$AI(t,e=this){var o;if((t=null!==(o=S$1(this,t,e,0))&&void 0!==o?o:A)===T)return;const i=this._$AH,r=t===A&&i!==A||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,n=t!==A&&(i===A||r);r&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,o;"function"==typeof this._$AH?this._$AH.call(null!==(o=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==o?o:this.element,t):this._$AH.handleEvent(t)}}class Z{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){S$1(this,t)}}const B=i$1$1.litHtmlPolyfillSupport;null==B||B(N,R),(null!==(t$2$1=i$1$1.litHtmlVersions)&&void 0!==t$2$1?t$2$1:i$1$1.litHtmlVersions=[]).push("2.8.0");const D=(t,e,o)=>{var i,r;const n=null!==(i=null==o?void 0:o.renderBefore)&&void 0!==i?i:e;let s=n._$litPart$;if(void 0===s){const t=null!==(r=null==o?void 0:o.renderBefore)&&void 0!==r?r:null;n._$litPart$=s=new R(e.insertBefore(u$1(),t),t,void 0,null!=o?o:{})}return s._$AI(t),s
165
- /**
166
- * @license
167
- * Copyright 2019 Google LLC
168
- * SPDX-License-Identifier: BSD-3-Clause
169
- */},t$1$1=window,e$2$1=t$1$1.ShadowRoot&&(void 0===t$1$1.ShadyCSS||t$1$1.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$2$1=Symbol(),n$3$1=new WeakMap;let o$3$1=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==s$2$1)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(e$2$1&&void 0===t){const o=void 0!==e&&1===e.length;o&&(t=n$3$1.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&n$3$1.set(e,t))}return t}toString(){return this.cssText}};const r$2=t=>new o$3$1("string"==typeof t?t:t+"",void 0,s$2$1),i$4=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,o,i)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+t[i+1]),t[0]);return new o$3$1(o,t,s$2$1)},S=(t,e)=>{e$2$1?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const o=document.createElement("style"),i=t$1$1.litNonce;void 0!==i&&o.setAttribute("nonce",i),o.textContent=e.cssText,t.appendChild(o)}))},c=e$2$1?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return r$2(e)})(t):t
170
- /**
171
- * @license
172
- * Copyright 2017 Google LLC
173
- * SPDX-License-Identifier: BSD-3-Clause
174
- */;var s$1$1;const e$1$1=window,r$1$1=e$1$1.trustedTypes,h$1=r$1$1?r$1$1.emptyScript:"",o$2$1=e$1$1.reactiveElementPolyfillSupport,n$2$1={toAttribute(t,e){switch(e){case Boolean:t=t?h$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let o=t;switch(e){case Boolean:o=null!==t;break;case Number:o=null===t?null:Number(t);break;case Object:case Array:try{o=JSON.parse(t)}catch(t){o=null}}return o}},a$1=(t,e)=>e!==t&&(e==e||t==t),l$1$1={attribute:!0,type:String,converter:n$2$1,reflect:!1,hasChanged:a$1},d="finalized";class u extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}static addInitializer(t){var e;this.finalize(),(null!==(e=this.h)&&void 0!==e?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,o)=>{const i=this._$Ep(o,e);void 0!==i&&(this._$Ev.set(i,o),t.push(i))})),t}static createProperty(t,e=l$1$1){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const o="symbol"==typeof t?Symbol():"__"+t,i=this.getPropertyDescriptor(t,o,e);void 0!==i&&Object.defineProperty(this.prototype,t,i)}}static getPropertyDescriptor(t,e,o){return{get(){return this[e]},set(i){const r=this[t];this[e]=i,this.requestUpdate(t,r,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||l$1$1}static finalize(){if(this.hasOwnProperty(d))return!1;this[d]=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const o of e)this.createProperty(o,t[o])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const t of o)e.unshift(c(t))}else void 0!==t&&e.push(c(t));return e}static _$Ep(t,e){const o=e.attribute;return!1===o?void 0:"string"==typeof o?o:"string"==typeof t?t.toLowerCase():void 0}_$Eu(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,o;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(o=t.hostConnected)||void 0===o||o.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return S(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$EO(t,e,o=l$1$1){var i;const r=this.constructor._$Ep(t,o);if(void 0!==r&&!0===o.reflect){const n=(void 0!==(null===(i=o.converter)||void 0===i?void 0:i.toAttribute)?o.converter:n$2$1).toAttribute(e,o.type);this._$El=t,null==n?this.removeAttribute(r):this.setAttribute(r,n),this._$El=null}}_$AK(t,e){var o;const i=this.constructor,r=i._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=i.getPropertyOptions(r),n="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(o=t.converter)||void 0===o?void 0:o.fromAttribute)?t.converter:n$2$1;this._$El=r,this[r]=n.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,o){let i=!0;void 0!==t&&(((o=o||this.constructor.getPropertyOptions(t)).hasChanged||a$1)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===o.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,o))):i=!1),!this.isUpdatePending&&i&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,e)=>this[e]=t)),this._$Ei=void 0);let e=!1;const o=this._$AL;try{e=this.shouldUpdate(o),e?(this.willUpdate(o),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(o)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(o)}willUpdate(t){}_$AE(t){var e;null===(e=this._$ES)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$EO(e,this[e],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}}
175
- /**
176
- * @license
177
- * Copyright 2017 Google LLC
178
- * SPDX-License-Identifier: BSD-3-Clause
179
- */var l$4,o$1$1;u[d]=!0,u.elementProperties=new Map,u.elementStyles=[],u.shadowRootOptions={mode:"open"},null==o$2$1||o$2$1({ReactiveElement:u}),(null!==(s$1$1=e$1$1.reactiveElementVersions)&&void 0!==s$1$1?s$1$1:e$1$1.reactiveElementVersions=[]).push("1.6.3");let s$6=class extends u{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const o=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=o.firstChild),o}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=D(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1)}render(){return T}};s$6.finalized=!0,s$6._$litElement$=!0,null===(l$4=globalThis.litElementHydrateSupport)||void 0===l$4||l$4.call(globalThis,{LitElement:s$6});const n$1$1=globalThis.litElementPolyfillSupport;null==n$1$1||n$1$1({LitElement:s$6}),(null!==(o$1$1=globalThis.litElementVersions)&&void 0!==o$1$1?o$1$1:globalThis.litElementVersions=[]).push("3.3.3");var toCSSValue,themes={LoadsmartTheme:{"brand-color-brand":"20, 214, 77","brand-color-brand-accent-1":"0, 215, 215","brand-color-brand-accent-2":"132, 241, 30","border-radius-none":"0px","border-radius-s":"4px","border-radius-m":"8px","border-radius-l":"16px","border-radius-circle":"50%","border-none":0,"border-thin":"1px","border-medium":"2px","border-thick":"4px","color-background-primary":"252, 252, 255","color-background-secondary":"248, 249, 251","color-background-tertiary":"230, 237, 242","color-background-highlight":"202, 219, 221","color-background-inverted":"32, 41, 49","color-background-secondary-inverted":"61, 74, 85","color-border-input":"193, 206, 217","color-border":"230, 237, 242","color-divider":"230, 237, 242","color-brand":"20, 214, 77","color-brand-accent-1":"0, 215, 215","color-brand-accent-2":"132, 241, 30","color-primary-20":"202, 219, 221","color-primary-60":"0, 84, 84","color-primary-100":"0, 51, 51","color-accent-20":"229, 245, 255","color-accent-60":"0, 98, 159","color-accent-100":"15, 66, 97","color-neutral-0":"252, 252, 255","color-neutral-10":"248, 249, 251","color-neutral-20":"230, 237, 242","color-neutral-40":"193, 206, 217","color-neutral-60":"94, 118, 138","color-neutral-80":"92, 106, 118","color-neutral-90":"61, 74, 85","color-neutral-100":"32, 41, 49","color-success-20":"227, 247, 239","color-success-60":"3, 124, 94","color-success-100":"0, 94, 71","color-danger-20":"255, 233, 230","color-danger-60":"186, 27, 27","color-danger-100":"104, 0, 3","color-warning-20":"255, 243, 214","color-warning-60":"248, 182, 14","color-warning-100":"102, 63, 25","color-text-primary":"32, 41, 49","color-text-secondary":"61, 74, 85","color-text-tertiary":"92, 106, 118","color-text-placeholder":"94, 118, 138","color-text-disabled":"193, 206, 217","color-text-inverted":"252, 252, 255","color-text-secondary-inverted":"193, 206, 217","color-text-error":"186, 27, 27","color-text-highlight":"0, 98, 159","color-text-link":"0, 84, 84","font-family-default":"'Manrope', sans-serif","font-family-title":"'PlusJakartaSans', 'Manrope', sans-serif","font-size-1":"0.625rem","font-size-2":"0.75rem","font-size-3":"0.875rem","font-size-4":"1rem","font-size-5":"1.25rem","font-size-6":"1.625rem","font-size-7":"2.375rem","font-size-8":"3rem","font-size-9":"3.625rem","font-weight-regular":500,"font-weight-medium":600,"font-weight-bold":700,"line-height-1":"100%","line-height-2":"125%","line-height-3":"130%","line-height-4":"140%","line-height-5":"150%","line-height-6":"180%","media-screen-desktop":"1025px","media-screen-tablet":"481px","opacity-0":"0%","opacity-20":"20%","opacity-40":"40%","opacity-60":"60%","opacity-100":"100%","elevation-1":"0px 0px 2px rgba(94, 118, 138, 0.1), 0px 1px 6px 2px rgba(61, 74, 85, 0.15)","elevation-2":"0px 1px 3px rgba(94, 118, 138, 0.2), 0px 4px 8px 3px rgba(61, 74, 85, 0.15)","elevation-3":"0px 0px 4px rgba(94, 118, 138, 0.2), 0px 6px 12px 6px rgba(61, 74, 85, 0.15)","elevation-4":"0px 5px 6px 4px rgba(94, 118, 138, 0.2), 0px 8px 10px rgba(61, 74, 85, 0.1)","glow-primary":"0.0px 0.0px 4.0px 0px rgb(3, 124, 94, .5)","glow-warning":"0.0px 0.0px 4.0px 0px rgba(255, 206, 79, 1.0)","spacing-1":"4px","spacing-2":"8px","spacing-3":"12px","spacing-4":"16px","spacing-5":"20px","spacing-6":"24px","spacing-8":"32px","spacing-10":"40px","spacing-12":"48px","spacing-14":"56px","spacing-16":"64px","spacing-20":"80px","spacing-30":"120px","spacing-0-5":"2px","global-height-small":"1.75rem","global-height-default":"2.5rem","global-height-large":"3rem","platform-font-default":"'Manrope', sans-serif","platform-font-title":"'PlusJakartaSans', 'Manrope', sans-serif"}},r$6=themes;function t$4(t,e,o){if(o||2===arguments.length)for(var i,r=0,n=e.length;r<n;r++)!i&&r in e||(i||(i=Array.prototype.slice.call(e,0,r)),i[r]=e[r]);return t.concat(i||Array.prototype.slice.call(e))}function e$6(t,e){return t.filter((function(t){return t.startsWith(e)}))}function o$7(t,e){return t.filter((function(t){return!t.startsWith(e)}))}"function"==typeof SuppressedError&&SuppressedError;var n$7=Object.keys(r$6.LoadsmartTheme),a$4=t$4([],o$7(o$7(n$7,"brand-"),"platform-"),!0).sort((function(t,e){return t.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})}));e$6(a$4,"color-background-"),e$6(a$4,"border-radius-"),e$6(a$4,"border-"),e$6(a$4,"color-"),e$6(a$4,"elevation-"),e$6(a$4,"font-family-"),e$6(a$4,"font-size-"),e$6(a$4,"font-weight-"),e$6(a$4,"global-"),e$6(a$4,"glow-"),e$6(a$4,"line-height-"),e$6(a$4,"opacity-");var _=e$6(a$4,"spacing-");function K(t){return r$6.LoadsmartTheme[t]}function m(t){var e=K(t);return null==e?e:"--m-".concat(t)}function h(t,e){var o=K(t);return null==o?"":t.startsWith("color-")?"rgba(var(".concat(m(t),", ").concat(o,"), ").concat(null!=e?e:1,")"):"var(".concat(m(t),", ").concat(o,")")}function styles$H(){return[i$4`
180
- :host {
181
- --m-icon-size: 16px;
182
- --m-icon-color: ${r$2(toCSSValue("color-text-primary"))};
183
-
184
- display: inline-flex;
185
- align-items: center;
186
- justify-content: center;
187
-
188
- inline-size: var(--m-icon-size);
189
- block-size: var(--m-icon-size);
190
- }
191
-
192
- svg {
193
- transition: color 0.35s ease-in-out 0s, fill 0.35s ease-in-out 0s;
194
-
195
- inline-size: var(--m-icon-size);
196
- block-size: var(--m-icon-size);
197
-
198
- color: var(--m-icon-color);
199
- fill: var(--m-icon-color);
200
- }
201
- `]}e$6(a$4,"media-"),t$4(["none"],_,!0),toCSSValue=h;const icons=new Map([["alert-circle",()=>import("./alert-circle-Bkgqkuzh-TnWNCDvD.js")],["arrow-left",()=>import("./arrow-left-DPmTgLM--CJP5fr79.js")],["arrow-right",()=>import("./arrow-right-Snp5H-dM-pRrHdoXz.js")],["arrow-sort-down",()=>import("./arrow-sort-down-B9_C7DlV-D-zsUAah.js")],["arrow-sort-up",()=>import("./arrow-sort-up-DvUvjUvY-BisjWWCH.js")],["arrow-sort-up-down",()=>import("./arrow-sort-up-down-CyznjDeJ-TWRyQiKU.js")],["attention",()=>import("./attention-_ld6AGVz-GEC0ymLc.js")],["bell",()=>import("./bell-BidjXBfn-DZhaBYAr.js")],["bell-cancel",()=>import("./bell-cancel-DzUNiELf-Dil3v5wP.js")],["bolt",()=>import("./bolt-H0jVypUv-CCeNc7pO.js")],["calendar",()=>import("./calendar-DpY3_ui9-CqTzZN2H.js")],["canada-flag",()=>import("./canada-flag-DfYGVK6H-0PtkGl4a.js")],["caret-down",()=>import("./caret-down-DjP6H6nw-B8zbwrho.js")],["caret-left",()=>import("./caret-left-Cb1Yi7wc-BmUGIifr.js")],["caret-right",()=>import("./caret-right-MWRlpM64-BZMjHM42.js")],["caret-up",()=>import("./caret-up-DWNBCp20-ByMZxTeS.js")],["check",()=>import("./check-Bm7zfj_y-fRs68bxt.js")],["clock",()=>import("./clock-HXTwz9nQ-DwV2A5Z4.js")],["close",()=>import("./close-CeFxl_qG-BtyTMVq2.js")],["comment",()=>import("./comment-DF7d2XCC-CTJ1Ews4.js")],["contract",()=>import("./contract-DydsqOAl-DAdLmHfr.js")],["dislike",()=>import("./dislike-16-L_khx-BVHwAHhp.js")],["double-caret-left",()=>import("./double-caret-left-Bf7DnYqz-DNFshAfu.js")],["double-caret-right",()=>import("./double-caret-right-BAchpTls-QJc_ZS4h.js")],["hourglass",()=>import("./hourglass-DBhtrLz7-BXAdVWQs.js")],["indeterminate",()=>import("./indeterminate-Cg8XIjtS-Dce2mj7R.js")],["info-circle",()=>import("./info-circle-BLaYsMlc-Dh07qDI_.js")],["like",()=>import("./like-DhW9AUJT-BdbtC8Od.js")],["mexico-flag",()=>import("./mexico-flag-BquARyem-CfwCLTac.js")],["pencil",()=>import("./pencil-C66OuUbK-rw3JvmM4.js")],["plus",()=>import("./plus-DzoOg1xK-DS-lSCGP.js")],["send",()=>import("./send-B7K6wZP6-DwxDnYaz.js")],["sparkle",()=>import("./sparkle-B4ClJ5v1-txbCYk5w.js")],["question",()=>import("./question-s-7t-cJH-Dz4Jdg6j.js")],["telephone",()=>import("./telephone-BPadl9uO-DoHdlepI.js")],["tms-ready",()=>import("./tms-ready-C0JaX4xB-DlxcuYtX.js")],["trash",()=>import("./trash-Biqao6Hc-N0A7UyH8.js")],["trend-down",()=>import("./trend-down-DdA58lz4-CqGvRdyI.js")],["trend-up",()=>import("./trend-up-C924ngaH-D0mShQB0.js")],["united-states-flag",()=>import("./united-states-flag-DArbwVan-BGx6SMyJ.js")],["user",()=>import("./user-DTmv3J7k-Pc4dIveS.js")],["chat",()=>import("./chat-jMo2F-Aj-C817KmU0.js")]]),AVAILABLE_ICONS=[...icons.keys()];var _Icon_loadIcon,_Accordion_instances,_Accordion_accordionTrigger_get,_Accordion_accordionPanel_get,_Accordion_accordionContent_get,_Accordion_handleExpand,_Accordion_toggle,_Accordion_handleTransition;class Icon extends s$6{static get properties(){return{name:{type:String},size:{type:String},color:{type:String},loading:{state:!0}}}constructor(){super(),this.icon=null,_Icon_loadIcon.set(this,(async()=>{icons.has(this.name);try{this.icon=null;const{default:t}=await icons.get(this.name)();this.icon=t}catch{}finally{this.requestUpdate()}})),this.icon=null}connectedCallback(){super.connectedCallback(),__classPrivateFieldGet(this,_Icon_loadIcon,"f").call(this)}update(t){super.update(t),t.has("name")&&__classPrivateFieldGet(this,_Icon_loadIcon,"f").call(this)}updated(t){super.updated(t),t.has("size")&&null!=this.size&&this.style.setProperty("--m-icon-size",`${parseInt(String(this.size),10)||16}px`),t.has("color")&&null!=this.color&&this.style.setProperty("--m-icon-color",toCSSValue(this.color))}render(){return null!=this.name&&icons.has(this.name)&&null!=this.icon?this.icon:A}}_Icon_loadIcon=new WeakMap,Icon.styles=[styles$H()],window.customElements.define("m-icon",Icon);class Accordion extends Component{static get properties(){return{disabled:{type:Boolean,reflect:!0},expanded:{type:Boolean,reflect:!0}}}constructor(){super(),_Accordion_instances.add(this),_Accordion_handleTransition.set(this,(()=>{this.expanded&&!this.disabled&&(__classPrivateFieldGet$1(this,_Accordion_instances,"a",_Accordion_accordionPanel_get).style.height="auto")})),this.disabled=!1,this.expanded=!1,this.resizeObserver=new ResizeObserver((t=>{this.panelHeight=t[0].target.scrollHeight}))}firstUpdated(){__classPrivateFieldGet$1(this,_Accordion_instances,"a",_Accordion_accordionContent_get).style.transition="visibility 0.35s",__classPrivateFieldGet$1(this,_Accordion_instances,"a",_Accordion_accordionContent_get).setAttribute("role","region"),this.resizeObserver.observe(__classPrivateFieldGet$1(this,_Accordion_instances,"a",_Accordion_accordionPanel_get)),__classPrivateFieldGet$1(this,_Accordion_instances,"a",_Accordion_accordionPanel_get).addEventListener("transitionend",__classPrivateFieldGet$1(this,_Accordion_handleTransition,"f"))}update(t){super.update(t),(t.has("expanded")||t.has("disabled"))&&__classPrivateFieldGet$1(this,_Accordion_instances,"m",_Accordion_handleExpand).call(this)}disconnectedCallback(){super.disconnectedCallback(),__classPrivateFieldGet$1(this,_Accordion_instances,"a",_Accordion_accordionPanel_get).removeEventListener("transitionend",__classPrivateFieldGet$1(this,_Accordion_handleTransition,"f")),this.resizeObserver.disconnect()}render(){return x`
202
- <article class="m-accordion">
203
- <h3 class="m-accordion-header">
204
- <button
205
- id="accordion-trigger"
206
- class="m-accordion-trigger"
207
- @click="${__classPrivateFieldGet$1(this,_Accordion_instances,"m",_Accordion_toggle)}"
208
- ?disabled=${Boolean(this.disabled)}
209
- aria-controls="section"
210
- tabindex="0"
211
- type="button"
212
- >
213
- <slot name="title"></slot>
214
- <m-icon name="caret-down"></m-icon>
215
- </button>
216
- </h3>
217
- <section
218
- id="section"
219
- class="m-accordion-panel"
220
- aria-labelledby="accordion-trigger"
221
- >
222
- <slot name="content"></slot>
223
- </section>
224
- </article>
225
- `}}_Accordion_handleTransition=new WeakMap,_Accordion_instances=new WeakSet,_Accordion_accordionTrigger_get=function(){return this.renderRoot.querySelector(".m-accordion-trigger")},_Accordion_accordionPanel_get=function(){return this.renderRoot.querySelector(".m-accordion-panel")},_Accordion_accordionContent_get=function(){return this.querySelector("m-accordion-content")},_Accordion_handleExpand=function(){__classPrivateFieldGet$1(this,_Accordion_instances,"a",_Accordion_accordionTrigger_get).setAttribute("aria-expanded",`${this.expanded&&!this.disabled}`),__classPrivateFieldGet$1(this,_Accordion_instances,"a",_Accordion_accordionPanel_get).style.height=`${this.panelHeight}px`,this.expanded&&!this.disabled?__classPrivateFieldGet$1(this,_Accordion_instances,"a",_Accordion_accordionContent_get).style.visibility="visible":setTimeout((()=>{__classPrivateFieldGet$1(this,_Accordion_instances,"a",_Accordion_accordionPanel_get).style.height="0px",__classPrivateFieldGet$1(this,_Accordion_instances,"a",_Accordion_accordionContent_get).style.visibility="hidden"}))},_Accordion_toggle=function(){this.expanded=!this.expanded,this.emit("m-toggle",{detail:{name:"accordion",value:this.expanded}})},Accordion.styles=[styles$I()],window.customElements.define("m-accordion",Accordion);class AccordionTitle extends Component{static get properties(){return{slot:{type:String,reflect:!0}}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","button"),this.slot="title"}render(){return x`
226
- <slot name="leading"></slot>
227
- <div class="m-accordion-text"><slot></slot></div>
228
- `}}AccordionTitle.styles=[accordionTitleStyles()],window.customElements.define("m-accordion-title",AccordionTitle);class AccordionContent extends s$7{static get properties(){return{slot:{type:String,reflect:!0}}}connectedCallback(){super.connectedCallback(),this.slot="content"}render(){return x`<div class="m-accordion-content"><slot></slot></div>`}}function styles$G(){return i$5`
229
- :host {
230
- display: block;
231
- }
232
- `}
233
- /**
234
- * @license
235
- * Copyright 2020 Google LLC
236
- * SPDX-License-Identifier: BSD-3-Clause
237
- */AccordionContent.styles=[accordionContentStyles()],window.customElements.define("m-accordion-content",AccordionContent);const e$5=Symbol.for(""),l$2=t=>{if((null==t?void 0:t.r)===e$5)return null==t?void 0:t._$litStatic$},o$3=t=>({_$litStatic$:t,r:e$5}),i$3=(t,...e)=>({_$litStatic$:e.reduce(((e,o,i)=>e+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(o)+t[i+1]),t[0]),r:e$5}),s$4=new Map,a=t=>(e,...o)=>{const i=o.length;let r,n;const s=[],a=[];let l,c=0,d=!1;for(;c<i;){for(l=e[c];c<i&&void 0!==(n=o[c],r=l$2(n));)l+=r+e[++c],d=!0;c!==i&&a.push(n),s.push(l),c++}if(c===i&&s.push(e[i]),d){const t=s.join("$$lit$$");void 0===(e=s$4.get(t))&&(s.raw=s,s$4.set(t,e=s)),o=a}return t(e,...o)},n$4=a(x),l$1=t=>null!=t?t:A$1
238
- /**
239
- * @license
240
- * Copyright 2017 Google LLC
241
- * SPDX-License-Identifier: BSD-3-Clause
242
- */,t$3={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e$4=t=>(...e)=>({_$litDirective$:t,values:e});
243
- /**
244
- * @license
245
- * Copyright 2018 Google LLC
246
- * SPDX-License-Identifier: BSD-3-Clause
247
- */let i$2=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,o){this._$Ct=t,this._$AM=e,this._$Ci=o}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};
248
- /**
249
- * @license
250
- * Copyright 2018 Google LLC
251
- * SPDX-License-Identifier: BSD-3-Clause
252
- */const o$2=e$4(class extends i$2{constructor(t){var e;if(super(t),t.type!==t$3.ATTRIBUTE||"class"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){var o,i;if(void 0===this.it){this.it=new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!(null===(o=this.nt)||void 0===o?void 0:o.has(t))&&this.it.add(t);return this.render(e)}const r=t.element.classList;this.it.forEach((t=>{t in e||(r.remove(t),this.it.delete(t))}));for(const t in e){const o=!!e[t];o===this.it.has(t)||(null===(i=this.nt)||void 0===i?void 0:i.has(t))||(o?(r.add(t),this.it.add(t)):(r.remove(t),this.it.delete(t)))}return T$1}});var _FormControl_form,_FormControl_updateAssignedForm,_Button_instances,_Button_element_get,_Button_isDisabled,_Button_getRole,_Button_setDisabled,_Button_setTabIndex,_Button_handleClick,_Button_isLink,_Badge_instances,_Badge_counter_get,_Badge_formatCounter;class FormControl extends s$7{constructor(){super(...arguments),_FormControl_form.set(this,void 0),this.getForm=()=>__classPrivateFieldGet$1(this,_FormControl_form,"f"),_FormControl_updateAssignedForm.set(this,(()=>{if(this.hasAttribute("form")){const t=this.getRootNode(),e=this.getAttribute("form");__classPrivateFieldSet(this,_FormControl_form,t.getElementById(e),"f")}else __classPrivateFieldSet(this,_FormControl_form,this.closest("form"),"f")}))}static get properties(){return{form:{type:String,reflect:!0}}}updated(t){super.updated(t),(t.has("form")||null==__classPrivateFieldGet$1(this,_FormControl_form,"f"))&&__classPrivateFieldGet$1(this,_FormControl_updateAssignedForm,"f").call(this)}}function styles$F(){return i$5`
253
- :host {
254
- --m-button-background-color: transparent;
255
- --m-button-base-size: ${getToken("global-height-default")};
256
- --m-button-border-color: ${getColor("color-neutral-90")};
257
- --m-button-border-radius: ${getToken("border-radius-s")};
258
- --m-button-color: ${getColor("color-text-secondary")};
259
- --m-button-outline-color: ${getColor("color-primary-100")};
260
- --m-button-outline-offset: 2px;
261
- --m-button-padding-x: ${getToken("spacing-4")};
262
- --m-button-padding-y: ${getToken("spacing-3")};
263
- /**
264
- * Useful when overriding via host :slotted query.
265
- */
266
- --m-button-font-size: ${getToken("font-size-3")};
267
- }
268
-
269
- :host([size='small']) {
270
- --m-button-base-size: ${getToken("global-height-small")};
271
- }
272
-
273
- :host([size='large']) {
274
- --m-button-base-size: ${getToken("global-height-large")};
275
- }
276
-
277
- :host([variant|='icon']) {
278
- --m-button-border-radius: ${getToken("border-radius-circle")};
279
-
280
- min-inline-size: var(--m-button-base-size);
281
- inline-size: var(--m-button-base-size);
282
- }
283
-
284
- :host {
285
- display: inline-block;
286
- min-block-size: var(--m-button-base-size);
287
- block-size: var(--m-button-base-size);
288
- border-radius: var(--m-button-border-radius);
289
- }
290
-
291
- .button {
292
- ${transition([{property:"color"},{property:"background-color"},{property:"border-color"}])};
293
-
294
- ${typography("button-md")};
295
- font-size: var(--m-button-font-size);
296
-
297
- cursor: pointer;
298
- position: relative;
299
-
300
- display: flex;
301
- align-items: center;
302
- justify-content: center;
303
- overflow: hidden;
304
-
305
- block-size: 100%;
306
- inline-size: 100%;
307
- box-sizing: border-box;
308
-
309
- text-decoration: none;
310
-
311
- gap: ${getToken("spacing-1")};
312
-
313
- padding-inline: var(--m-button-padding-x);
314
- padding-block: var(--m-button-padding-y);
315
-
316
- background-color: var(--m-button-background-color);
317
- color: var(--m-button-color);
318
- border: 1px solid var(--m-button-border-color);
319
-
320
- border-radius: var(--m-button-border-radius);
321
- }
322
-
323
- ${on(".button").disabled} {
324
- cursor: default;
325
- }
326
-
327
- ${on(".button","*").disabled} {
328
- pointer-events: none;
329
- }
330
-
331
- ${on(".button").not.disabled.focus} {
332
- outline: 1px solid var(--m-button-outline-color);
333
- outline-offset: var(--m-button-outline-offset);
334
- }
335
-
336
- ${on(".button").not.disabled.hover} {
337
- --m-button-background-color: ${getColor("color-background-inverted")};
338
- --m-button-border-color: ${getColor("color-background-inverted")};
339
- --m-button-color: ${getColor("color-text-inverted")};
340
- }
341
-
342
- ::slotted(*) {
343
- display: inline-flex;
344
- align-items: center;
345
-
346
- ${p$1(0)};
347
- ${m$2(0)};
348
-
349
- pointer-events: none;
350
- }
351
-
352
- slot[name='leading']::slotted(span),
353
- slot[name='trailing']::slotted(span) {
354
- justify-content: center;
355
- }
356
- `}function styles$E(){return[styles$F(),i$5`
357
- .button.is-loading:not(.-icon, .-icon-secondary) *:not(.loader) {
358
- visibility: hidden;
359
- }
360
-
361
- .button.-primary {
362
- --m-button-background-color: ${getColor("color-primary-60")};
363
- --m-button-border-color: ${getColor("color-primary-60")};
364
- --m-button-color: ${getColor("color-text-inverted")};
365
- }
366
-
367
- ${on(".button.-primary").disabled} {
368
- --m-button-background-color: ${getColor("color-primary-20")};
369
- --m-button-border-color: ${getColor("color-primary-20")};
370
- }
371
-
372
- ${on(".button.-primary").not.disabled.focus} {
373
- --m-button-border-color: ${getColor("color-primary-60")};
374
- --m-button-outline-color: ${getColor("color-primary-60")};
375
- }
376
-
377
- ${on(".button.-primary").not.disabled.hover},
378
- ${on(".button.-primary").not.disabled.active} {
379
- --m-button-background-color: ${getColor("color-primary-100")};
380
- --m-button-border-color: ${getColor("color-primary-100")};
381
- }
382
-
383
- .button.-primary.is-loading {
384
- --m-button-background-color: ${getColor("color-primary-60")};
385
- --m-button-border-color: ${getColor("color-primary-60")};
386
- --m-button-color: ${getColor("color-text-inverted")};
387
- }
388
-
389
- .button.-secondary {
390
- --m-button-background-color: transparent;
391
- --m-button-border-color: ${getColor("color-primary-100")};
392
- --m-button-color: ${getColor("color-primary-100")};
393
- }
394
-
395
- ${on(".button.-secondary").disabled} {
396
- --m-button-border-color: ${getColor("color-text-disabled")};
397
- --m-button-color: ${getColor("color-text-disabled")};
398
- }
399
-
400
- ${on(".button.-secondary").not.disabled.focus} {
401
- --m-button-border-color: ${getColor("color-primary-100")};
402
- --m-button-color: ${getColor("color-primary-100")};
403
-
404
- --m-button-outline-color: ${getColor("color-primary-60")};
405
- }
406
-
407
- ${on(".button.-secondary").not.disabled.hover},
408
- ${on(".button.-secondary").not.disabled.active} {
409
- --m-button-background-color: ${getColor("color-background-tertiary")};
410
- --m-button-border-color: ${getColor("color-primary-60")};
411
- --m-button-color: ${getColor("color-primary-60")};
412
- }
413
-
414
- .button.-secondary.is-loading {
415
- --m-button-background-color: transparent;
416
-
417
- --m-button-border-color: ${getColor("color-primary-100")};
418
- --m-button-color: ${getColor("color-primary-100")};
419
- }
420
-
421
- .button.-tertiary {
422
- --m-button-background-color: transparent;
423
- --m-button-border-color: transparent;
424
- --m-button-color: ${getColor("color-primary-100")};
425
- }
426
-
427
- ${on(".button.-tertiary").disabled} {
428
- --m-button-color: ${getColor("color-text-disabled")};
429
- }
430
-
431
- ${on(".button.-tertiary").not.disabled.focus} {
432
- --m-button-color: ${getColor("color-primary-100")};
433
- --m-button-outline-color: ${getColor("color-primary-60")};
434
- }
435
-
436
- ${on(".button.-tertiary").not.disabled.hover} {
437
- --m-button-background-color: ${getColor("color-background-tertiary")};
438
- --m-button-border-color: ${getColor("color-background-tertiary")};
439
- --m-button-color: ${getColor("color-primary-60")};
440
- }
441
-
442
- ${on(".button.-tertiary").not.disabled.active} {
443
- --m-button-background-color: ${getColor("color-neutral-20")};
444
- --m-button-border-color: ${getColor("color-neutral-20")};
445
- --m-button-color: ${getColor("color-primary-60")};
446
- }
447
-
448
- .button.-tertiary.is-loading {
449
- --m-button-background-color: transparent;
450
- --m-button-border-color: transparent;
451
- --m-button-color: ${getColor("color-primary-100")};
452
- }
453
-
454
- .button.-warning {
455
- --m-button-background-color: ${getColor("color-warning-60")};
456
- --m-button-border-color: ${getColor("color-warning-60")};
457
- --m-button-color: ${getColor("color-text-primary")};
458
- }
459
-
460
- ${on(".button.-warning").disabled} {
461
- --m-button-background-color: ${getColor("color-warning-20")};
462
- --m-button-border-color: ${getColor("color-warning-20")};
463
- --m-button-color: ${getColor("color-text-inverted")};
464
- }
465
-
466
- ${on(".button.-warning").not.disabled.focus} {
467
- --m-button-background-color: ${getColor("color-warning-60")};
468
- --m-button-outline-color: ${getColor("color-warning-60")};
469
- }
470
-
471
- ${on(".button.-warning").not.disabled.hover},
472
- ${on(".button.-warning").not.disabled.active} {
473
- --m-button-background-color: ${getColor("color-warning-100")};
474
- --m-button-border-color: ${getColor("color-warning-100")};
475
- --m-button-color: ${getColor("color-text-inverted")};
476
- }
477
-
478
- .button.-warning.is-loading {
479
- --m-button-background-color: ${getColor("color-warning-60")};
480
- --m-button-border-color: ${getColor("color-warning-60")};
481
- --m-button-color: ${getColor("color-text-primary")};
482
- }
483
-
484
- .button.-danger {
485
- --m-button-background-color: ${getColor("color-danger-60")};
486
- --m-button-border-color: ${getColor("color-danger-60")};
487
- --m-button-color: ${getColor("color-text-inverted")};
488
- }
489
-
490
- ${on(".button.-danger").disabled} {
491
- --m-button-background-color: ${getColor("color-danger-20")};
492
- --m-button-border-color: ${getColor("color-danger-20")};
493
- }
494
-
495
- ${on(".button.-danger").not.disabled.focus} {
496
- --m-button-background-color: ${getColor("color-danger-60")};
497
- --m-button-outline-color: ${getColor("color-danger-60")};
498
- }
499
-
500
- ${on(".button.-danger").not.disabled.hover},
501
- ${on(".button.-danger").not.disabled.active} {
502
- --m-button-background-color: ${getColor("color-danger-100")};
503
- --m-button-border-color: ${getColor("color-danger-100")};
504
- }
505
-
506
- .button.-danger.is-loading {
507
- --m-button-background-color: ${getColor("color-danger-60")};
508
- --m-button-border-color: ${getColor("color-danger-60")};
509
- --m-button-color: ${getColor("color-text-inverted")};
510
- }
511
-
512
- .button.-icon,
513
- .button.-icon-secondary {
514
- --m-button-color: ${getColor("color-neutral-90")};
515
- --m-button-padding-x: ${getToken("spacing-1")};
516
- --m-button-padding-y: ${getToken("spacing-1")};
517
- }
518
-
519
- .button.-icon {
520
- --m-button-background-color: ${getColor("color-background-tertiary")};
521
- --m-button-border-color: ${getColor("color-background-tertiary")};
522
- }
523
-
524
- .button.-icon-secondary {
525
- --m-button-background-color: transparent;
526
- --m-button-border-color: transparent;
527
- }
528
-
529
- .button.-icon slot[name='leading']::slotted(*),
530
- .button.-icon slot[name='trailing']::slotted(*),
531
- .button.-icon-secondary slot[name='leading']::slotted(*),
532
- .button.-icon-secondary slot[name='trailing']::slotted(*) {
533
- display: none;
534
- }
535
-
536
- ${on([".button.-icon",".button.-icon-secondary"]).disabled} {
537
- --m-button-color: ${getColor("color-neutral-40")};
538
- }
539
-
540
- ${on(".button.-icon").disabled} {
541
- --m-button-background-color: ${getColor("color-neutral-20")};
542
- --m-button-border-color: ${getColor("color-neutral-20")};
543
- }
544
-
545
- ${on(".button.-icon-secondary").disabled} {
546
- --m-button-background-color: transparent;
547
- --m-button-border-color: transparent;
548
- }
549
-
550
- ${on([".button.-icon",".button.-icon-secondary"]).not.disabled.focus} {
551
- --m-button-color: ${getColor("color-primary-60")};
552
- --m-button-outline-color: ${getColor("color-primary-60")};
553
- }
554
-
555
- ${on(".button.-icon").not.disabled.focus} {
556
- --m-button-background-color: ${getColor("color-neutral-20")};
557
- }
558
-
559
- ${on(".button.-icon-secondary").not.disabled.focus} {
560
- --m-button-background-color: transparent;
561
- }
562
-
563
- ${on([".button.-icon",".button.-icon-secondary"]).not.disabled.hover},
564
- ${on([".button.-icon",".button.-icon-secondary"]).not.disabled.active} {
565
- --m-button-color: ${getColor("color-primary-60")};
566
- }
567
-
568
- ${on(".button.-icon").not.disabled.hover},
569
- ${on(".button.-icon").not.disabled.active} {
570
- --m-button-background-color: ${getColor("color-background-highlight")};
571
- --m-button-border-color: ${getColor("color-background-highlight")};
572
- }
573
-
574
- ${on(".button.-icon-secondary").not.disabled.hover},
575
- ${on(".button.-icon-secondary").not.disabled.active} {
576
- --m-button-background-color: transparent;
577
- --m-button-border-color: transparent;
578
- }
579
-
580
- .button.-small {
581
- --m-button-padding-y: ${getToken("spacing-2")};
582
-
583
- ${typography("button-sm")};
584
- }
585
-
586
- .button.-large {
587
- --m-button-padding-y: ${getToken("spacing-4")};
588
-
589
- ${typography("button-lg")};
590
- }
591
-
592
- /* TODO: to be removed when the loading dots component is ready */
593
- .loader {
594
- position: absolute;
595
- inset: 0;
596
-
597
- display: flex;
598
- align-items: center;
599
- justify-content: center;
600
-
601
- pointer-events: none;
602
- }
603
- `]}_FormControl_form=new WeakMap,_FormControl_updateAssignedForm=new WeakMap;class Button extends FormControl{get tag(){const t=__classPrivateFieldGet$1(this,_Button_instances,"m",_Button_isLink).call(this)?"a":"button";return i$3`${o$3(t)}`}static get properties(){return{...FormControl.properties,role:{type:String,reflect:!0},loading:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0},size:{type:String,reflect:!0},type:{type:String},href:{type:String,reflect:!0},target:{type:String},download:{type:String}}}constructor(){super(),_Button_instances.add(this),_Button_isDisabled.set(this,(()=>Boolean(this.disabled)||Boolean(this.loading))),_Button_getRole.set(this,(()=>__classPrivateFieldGet$1(this,_Button_instances,"m",_Button_isLink).call(this)?"link":"button")),_Button_setDisabled.set(this,(()=>{const t=__classPrivateFieldGet$1(this,_Button_isDisabled,"f").call(this);this.setAttribute("aria-disabled",String(t))})),_Button_setTabIndex.set(this,(()=>{this.disabled?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex")})),_Button_handleClick.set(this,(t=>{if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();"submit"!==this.type?"reset"===this.type&&this.getForm()?.reset():this.getForm()?.requestSubmit()})),this.disabled=!1,this.loading=!1,this.size="default",this.type="button",this.variant="secondary",this.target="_self"}connectedCallback(){super.connectedCallback(),this.setAttribute("role",__classPrivateFieldGet$1(this,_Button_getRole,"f").call(this)),this.addEventListener("click",__classPrivateFieldGet$1(this,_Button_handleClick,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",__classPrivateFieldGet$1(this,_Button_handleClick,"f"))}willUpdate(t){super.willUpdate(t),t.has("href")&&this.setAttribute("role",__classPrivateFieldGet$1(this,_Button_getRole,"f").call(this)),__classPrivateFieldGet$1(this,_Button_setTabIndex,"f").call(this)}updated(t){super.updated(t),(t.has("disabled")||t.has("loading"))&&__classPrivateFieldGet$1(this,_Button_setDisabled,"f").call(this)}render(){const t=__classPrivateFieldGet$1(this,_Button_instances,"m",_Button_isLink).call(this);return n$4`
604
- <${this.tag}
605
- class=${o$2({button:!0,"-primary":"primary"===this.variant,"-secondary":"secondary"===this.variant,"-tertiary":"tertiary"===this.variant,"-warning":"warning"===this.variant,"-danger":"danger"===this.variant,"-icon":"icon"===this.variant,"-icon-secondary":"icon-secondary"===this.variant,"-small":"small"===this.size,"-default":"default"===this.size,"-large":"large"===this.size,"is-loading":Boolean(this.loading),"is-disabled":__classPrivateFieldGet$1(this,_Button_isDisabled,"f").call(this)})}
606
- type=${t?A$1:this.type}
607
- ?disabled="${t?A$1:__classPrivateFieldGet$1(this,_Button_isDisabled,"f").call(this)}"
608
- aria-disabled=${this.disabled&&t?"true":"false"}
609
- role=${l$1(this.role)}
610
- href=${t?this.href:A$1}
611
- target=${t?l$1(this.target):A$1}
612
- download=${t?l$1(this.download):A$1}
613
- rel=${t&&"_blank"===this.target?"noreferrer noopener":A$1}
614
- >
615
- <!-- TODO: Replace this with the loading dots component as soon as it is ready. -->
616
- ${this.loading&&!["icon","icon-secondary"].includes(this.variant)?n$4`<span class="loader">&#x25cf;&#x25cf;&#x25cf;</span>`:A$1}
617
- <slot name="leading"></slot>
618
- <slot></slot>
619
- <slot name="trailing"></slot>
620
- </${this.tag}>
621
- `}focus(t){__classPrivateFieldGet$1(this,_Button_instances,"a",_Button_element_get)?.focus(t)}}_Button_isDisabled=new WeakMap,_Button_getRole=new WeakMap,_Button_setDisabled=new WeakMap,_Button_setTabIndex=new WeakMap,_Button_handleClick=new WeakMap,_Button_instances=new WeakSet,_Button_element_get=function(){return this.renderRoot?.querySelector(".button")??null},_Button_isLink=function(){return Boolean(this.href)},Button.styles=[styles$E()],window.customElements.define("m-button",Button);class BackButton extends s$7{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="back-button"}render(){return x`
622
- <m-button variant="icon" size="default">
623
- <m-icon name="arrow-left"></m-icon>
624
- </m-button>
625
- `}}function styles$D(){return i$5`
626
- :host {
627
- --m-host-size: 24px;
628
- --m-badge-size: 12px;
629
- --m-badge-border-radius: ${getToken("border-radius-circle")};
630
-
631
- display: inline-flex;
632
- position: relative;
633
- inline-size: var(--m-host-size);
634
- block-size: var(--m-host-size);
635
- }
636
-
637
- :host([size='small']) {
638
- --m-host-size: 16px;
639
- --m-badge-size: 8px;
640
- }
641
-
642
- .badge {
643
- display: flex;
644
- position: absolute;
645
- top: 0;
646
- inline-size: var(--m-badge-size);
647
- block-size: var(--m-badge-size);
648
- align-items: center;
649
- justify-content: center;
650
- color: ${getColor("color-text-inverted")};
651
- background-color: ${getColor("color-text-error")};
652
- font-size: ${getToken("font-size-1")};
653
- border-radius: var(--m-badge-border-radius);
654
- }
655
-
656
- :host([placement='top-left']) .badge {
657
- right: calc(100% - var(--m-badge-size) / 2);
658
- }
659
-
660
- :host([placement='top-right']) .badge {
661
- left: calc(100% - var(--m-badge-size) / 2);
662
- }
663
-
664
- .badge.-hidden {
665
- display: none;
666
- }
667
-
668
- :host([size='default']) .badge.-large-badge {
669
- inline-size: 18px;
670
- --m-badge-border-radius: ${getToken("border-radius-m")};
671
- }
672
-
673
- :host([size='default']) .badge.-extra-large-badge {
674
- inline-size: 24px;
675
- --m-badge-border-radius: ${getToken("border-radius-m")};
676
- }
677
- `}BackButton.styles=[styles$G()],window.customElements.define("m-back-button",BackButton);class Badge extends s$7{static get properties(){return{counter:{type:Number,reflect:!0},placement:{type:String,reflect:!0},size:{type:String,reflect:!0}}}constructor(){super(),_Badge_instances.add(this),this.counter=1,this.placement="top-right",this.size="default"}render(){return x`
678
- <slot></slot>
679
- <span
680
- class=${o$2({badge:!0,"-hidden":__classPrivateFieldGet$1(this,_Badge_instances,"a",_Badge_counter_get)<=0,"-large-badge":__classPrivateFieldGet$1(this,_Badge_instances,"a",_Badge_counter_get)>=10&&__classPrivateFieldGet$1(this,_Badge_instances,"a",_Badge_counter_get)<100,"-extra-large-badge":__classPrivateFieldGet$1(this,_Badge_instances,"a",_Badge_counter_get)>=100})}
681
- >${__classPrivateFieldGet$1(this,_Badge_instances,"m",_Badge_formatCounter).call(this)}</span
682
- >
683
- `}}_Badge_instances=new WeakSet,_Badge_counter_get=function(){return"number"!=typeof this.counter||Number.isNaN(this.counter)||this.counter<0?0:this.counter},_Badge_formatCounter=function(){return"default"===this.size?__classPrivateFieldGet$1(this,_Badge_instances,"a",_Badge_counter_get)>99?"99+":__classPrivateFieldGet$1(this,_Badge_instances,"a",_Badge_counter_get):A$1},Badge.styles=[styles$D()],window.customElements.define("m-badge",Badge);class BannerActionPrimary extends Button{constructor(){super(),this.size="small"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","primary-action")}}window.customElements.define("m-banner-action-primary",BannerActionPrimary);class BannerActionSecondary extends Button{constructor(){super(),this.variant="tertiary",this.size="small"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","secondary-action")}}function styles$C(){return i$5`
684
- :host {
685
- display: flex;
686
- justify-content: flex-end;
687
- gap: ${getToken("spacing-2")};
688
- }
689
- `}window.customElements.define("m-banner-action-secondary",BannerActionSecondary);class BannerActions extends s$7{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","actions")}render(){return x`
690
- <slot name="secondary-action"></slot>
691
- <slot name="primary-action"></slot>
692
- `}}function styles$B(){return i$5`
693
- :host {
694
- ${typography("body-md")};
695
- color: ${getColor("color-text-secondary")};
696
- }
697
- `}BannerActions.styles=[styles$C()],window.customElements.define("m-banner-actions",BannerActions);class BannerDescription extends s$7{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","description")}render(){return x`<slot></slot>`}}BannerDescription.styles=[styles$B()],window.customElements.define("m-banner-description",BannerDescription);class BannerIcon extends s$7{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","icon")}render(){return x`<slot></slot>`}}function styles$A(){return i$5`
698
- :host {
699
- ${typography("body-md-bold")};
700
- color: ${getColor("color-text-secondary")};
701
- }
702
- `}window.customElements.define("m-banner-icon",BannerIcon);class BannerTitle extends s$7{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","title")}render(){return x`<slot></slot>`}}function styles$z(){return i$5`
703
- :host {
704
- display: block;
705
- width: 100%;
706
- }
707
-
708
- :host([dismissed]) {
709
- display: none;
710
- }
711
-
712
- .banner {
713
- background-color: var(
714
- --m-banner-background-color,
715
- ${getColor("color-background-secondary")}
716
- );
717
- border: var(--m-banner-border, 1px solid ${getColor("color-border-input")});
718
- border-radius: var(--m-banner-border-radius, ${getToken("border-radius-m")});
719
- padding-inline: var(--m-banner-padding-x, ${getToken("spacing-6")});
720
- padding-block: var(--m-banner-padding-y, ${getToken("spacing-4")});
721
- display: flex;
722
- flex-wrap: wrap;
723
- justify-content: flex-end;
724
- gap: ${getToken("spacing-6")};
725
- }
726
-
727
- .banner.-success {
728
- --m-banner-background-color: ${getColor("color-success-20")};
729
- --m-banner-border: 1px solid ${getColor("color-success-20")};
730
- --m-banner-icon-color: ${getColor("color-success-60")};
731
- }
732
-
733
- .banner.-warning {
734
- --m-banner-background-color: ${getColor("color-warning-20")};
735
- --m-banner-border: 1px solid ${getColor("color-warning-20")};
736
- --m-banner-icon-color: ${getColor("color-warning-100")};
737
- }
738
-
739
- .banner.-danger {
740
- --m-banner-background-color: ${getColor("color-danger-20")};
741
- --m-banner-border: 1px solid ${getColor("color-danger-20")};
742
- --m-banner-icon-color: ${getColor("color-danger-60")};
743
- }
744
-
745
- .banner.-with-description {
746
- flex-direction: column;
747
- }
748
-
749
- .wrapper {
750
- display: flex;
751
- gap: ${getToken("spacing-6")};
752
- align-items: center;
753
- flex-grow: 1;
754
- }
755
-
756
- slot[name='icon'] > m-icon,
757
- slot[name='icon']::slotted(*) {
758
- --m-icon-color: var(--m-banner-icon-color, ${getColor("color-neutral-90")});
759
- --m-icon-size: var(--m-banner-icon-size, 24px);
760
-
761
- fill: var(--m-banner-icon-color, ${getColor("color-neutral-90")});
762
- block-size: var(--m-banner-icon-size, 24px);
763
- inline-size: var(--m-banner-icon-size, 24px);
764
- }
765
-
766
- .content {
767
- display: flex;
768
- flex-direction: column;
769
- flex-grow: 1;
770
- gap: ${getToken("spacing-1")};
771
- }
772
- `}BannerTitle.styles=[styles$A()],window.customElements.define("m-banner-title",BannerTitle);var _KeyboardSupportController_handleKeyUp,_CloseButton_instances,_CloseButton_controllers,_CloseButton_button_get,_CloseButton_handleClick,indexFlGcVSBB={BASE_PIXELS:16,toRem:function(t,e=16){return parseInt(String(t),10)/e+"rem"}},e$3=indexFlGcVSBB,toRem$1=e$3.toRem,rem=getDefaultExportFromCjs(toRem$1);function toRem(t,e){return r$9(rem(t,e))}function styles$y(){return i$5`
773
- :host {
774
- /**
775
- * TODO: name is misleading here.
776
- * rename to --m-close-button-background-color
777
- */
778
- --m-close-button-color: transparent;
779
- --m-close-button-icon-color: ${getColor("color-text-primary")};
780
- --m-close-button-outline-color: ${getColor("color-primary-100")};
781
- --m-close-button-outline-offset: 2px;
782
-
783
- display: inline-flex;
784
-
785
- align-items: center;
786
- justify-content: center;
787
-
788
- width: var(--button-size);
789
- height: var(--button-size);
790
- min-width: var(--button-size);
791
- min-height: var(--button-size);
792
-
793
- cursor: pointer;
794
-
795
- ${m$2(0)};
796
- ${p$1(0)};
797
-
798
- background-color: var(--m-close-button-color);
799
- border: none;
800
- border-radius: 50%;
801
-
802
- ${transition([{property:"background-color"}])};
803
- }
804
-
805
- :host([hidden]) {
806
- display: none;
807
- }
808
-
809
- :host([size='small']) {
810
- --button-size: ${toRem("12px")};
811
- --icon-size: ${toRem("8px")};
812
- }
813
-
814
- :host([size='default']) {
815
- --button-size: ${toRem("16px")};
816
- --icon-size: ${toRem("12px")};
817
- }
818
-
819
- :host([size='large']) {
820
- --button-size: ${toRem("20px")};
821
- --icon-size: ${toRem("16px")};
822
- }
823
-
824
- :host([inverted]) {
825
- --m-close-button-color: transparent;
826
- --m-close-button-icon-color: ${getColor("color-text-inverted")};
827
- }
828
-
829
- m-icon {
830
- --m-icon-size: var(--icon-size);
831
- --m-icon-color: var(--m-close-button-icon-color);
832
- }
833
-
834
- :host(:not([disabled]):focus) {
835
- outline: 1px solid var(--m-close-button-outline-color);
836
- outline-offset: var(--m-close-button-outline-offset);
837
- }
838
-
839
- :host(:not([disabled]):hover) {
840
- --m-close-button-color: ${getColor("color-text-primary")};
841
- --m-close-button-icon-color: ${getColor("color-text-inverted")};
842
- }
843
-
844
- :host([inverted]:not([disabled]):hover) {
845
- --m-close-button-color: ${getColor("color-text-inverted")};
846
- --m-close-button-icon-color: ${getColor("color-text-primary")};
847
- }
848
-
849
- :host([disabled]) {
850
- --m-close-button-icon-color: ${getColor("color-text-disabled")};
851
-
852
- cursor: default;
853
- pointer-events: none;
854
- }
855
-
856
- :host([disabled]) * {
857
- pointer-events: none;
858
- user-select: none;
859
- }
860
- `}function getShortcutKey(t){return[t.alt?"alt":"",t.ctrl?"ctrl":"",t.meta?"cmd":"",t.shift?"shift":"",t.key.toLowerCase()].filter(Boolean).join("+")}class KeyboardSupportController{constructor(t,e,o){this.keymap=new Map,_KeyboardSupportController_handleKeyUp.set(this,(t=>{const e=getShortcutKey({key:t.key,meta:t.metaKey,shift:t.shiftKey,ctrl:t.ctrlKey,alt:t.altKey});if(this.keymap.has(e)){this.keymap.get(e)(t)}else;})),this.keymap=new Map(toArray$1(e).reduce(((t,{shortcut:e,handler:o})=>t.concat(toArray$1(e).map((t=>[getShortcutKey(t),o])))),[])),this.getEventTarget=o?.getEventTarget??(()=>t),(this.host=t).addController(this)}async hostConnected(){this.getEventTarget(this.host).addEventListener("keyup",__classPrivateFieldGet$1(this,_KeyboardSupportController_handleKeyUp,"f"))}hostDisconnected(){this.getEventTarget(this.host).removeEventListener("keyup",__classPrivateFieldGet$1(this,_KeyboardSupportController_handleKeyUp,"f"))}}_KeyboardSupportController_handleKeyUp=new WeakMap;class CloseButton extends Component{static get properties(){return{controls:{type:String},disabled:{type:Boolean,reflect:!0},inverted:{type:Boolean,reflect:!0},label:{type:String},size:{type:String,reflect:!0}}}constructor(){super(),_CloseButton_instances.add(this),_CloseButton_controllers.set(this,void 0),_CloseButton_handleClick.set(this,(()=>{this.disabled||this.emit("m-close")})),this.disabled=!1,this.inverted=!1,this.label="Close",this.size="default",__classPrivateFieldSet(this,_CloseButton_controllers,{keyboard:new KeyboardSupportController(this,[{shortcut:[{key:"Enter"},{key:" "}],handler:t=>{const{target:e}=t;e&&__classPrivateFieldGet$1(this,_CloseButton_handleClick,"f").call(this)}}])},"f")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","button"),this.controls&&this.setAttribute("aria-controls",this.controls),this.addEventListener("click",__classPrivateFieldGet$1(this,_CloseButton_handleClick,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",__classPrivateFieldGet$1(this,_CloseButton_handleClick,"f"))}update(t){super.update(t),t.has("label")&&!this.hasAttribute("aria-label")&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label")),t.has("disabled")&&(this.disabled?(this.setAttribute("aria-disabled","true"),this.setAttribute("tabindex","-1")):(this.setAttribute("tabindex","0"),this.removeAttribute("aria-disabled")))}render(){return x`<m-icon name="close"></m-icon>`}focus(t){__classPrivateFieldGet$1(this,_CloseButton_instances,"a",_CloseButton_button_get)?.focus(t)}}_CloseButton_controllers=new WeakMap,_CloseButton_handleClick=new WeakMap,_CloseButton_instances=new WeakSet,_CloseButton_button_get=function(){return this.renderRoot.querySelector("button")??null},CloseButton.styles=[styles$y()],window.customElements.define("m-close-button",CloseButton);const HTML_TAGS=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","label","legend","li","link","main","map","mark","menu","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","slot","small","source","span","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr"],PolymorphicTagMixin=({superClass:t,allowedTags:e=HTML_TAGS,fallbackTag:o="div"})=>class extends t{static get properties(){return{as:{type:String}}}attributeChangedCallback(t,i,r){super.attributeChangedCallback(t,i,r),"as"===t&&(null!==r&&e.includes(r)?this.as=r:this.as=o)}get tag(){return i$3`${o$3(this.as)}`}};function styles$x(){return i$5`
861
- :host {
862
- --m-text-color: ${getColor("color-text-primary")};
863
- --m-text-display: inline-block;
864
- --m-text-max-width: initial;
865
- --m-text-padding: 0;
866
- --m-text-margin: 0;
867
-
868
- display: contents;
869
- }
870
-
871
- .m-text {
872
- ${transition([{property:"color"}])};
873
-
874
- ${typography()};
875
-
876
- color: var(--m-text-color);
877
- display: var(--m-text-display);
878
- padding: var(--m-text-padding);
879
- margin: var(--m-text-margin);
880
- }
881
-
882
- .-body-lg-bold {
883
- ${typography("body-lg-bold")};
884
- }
885
-
886
- .-body-lg {
887
- ${typography("body-lg")};
888
- }
889
-
890
- .-body-md-bold-underline {
891
- ${typography("body-md-bold-underline")};
892
- }
893
-
894
- .-body-md-bold {
895
- ${typography("body-md-bold")};
896
- }
897
-
898
- .-body-md-underline {
899
- ${typography("body-md-underline")};
900
- }
901
-
902
- .-body-md {
903
- ${typography("body-md")};
904
- }
905
-
906
- .-body-sm-bold-underline {
907
- ${typography("body-sm-bold-underline")};
908
- }
909
-
910
- .-body-sm-bold {
911
- ${typography("body-sm-bold")};
912
- }
913
-
914
- .-body-sm-underline {
915
- ${typography("body-sm-underline")};
916
- }
917
-
918
- .-body-sm {
919
- ${typography("body-sm")};
920
- }
921
-
922
- .-button-lg {
923
- ${typography("button-lg")};
924
- }
925
-
926
- .-button-md {
927
- ${typography("button-md")};
928
- }
929
-
930
- .-button-sm {
931
- ${typography("button-sm")};
932
- }
933
-
934
- .-chips-md {
935
- ${typography("chips-md")};
936
- }
937
-
938
- .-chips-sm {
939
- ${typography("chips-sm")};
940
- }
941
-
942
- .-heading-lg-bold {
943
- ${typography("heading-lg-bold")};
944
- }
945
-
946
- .-heading-lg {
947
- ${typography("heading-lg")};
948
- }
949
-
950
- .-heading-md-bold {
951
- ${typography("heading-md-bold")};
952
- }
953
-
954
- .-heading-md {
955
- ${typography("heading-md")};
956
- }
957
-
958
- .-heading-sm-bold {
959
- ${typography("heading-sm-bold")};
960
- }
961
-
962
- .-heading-sm {
963
- ${typography("heading-sm")};
964
- }
965
-
966
- .-hero-lg-bold {
967
- ${typography("hero-lg-bold")};
968
- }
969
-
970
- .-hero-lg {
971
- ${typography("hero-lg")};
972
- }
973
-
974
- .-hero-md-bold {
975
- ${typography("hero-md-bold")};
976
- }
977
-
978
- .-hero-md {
979
- ${typography("hero-md")};
980
- }
981
-
982
- .-hero-sm-bold {
983
- ${typography("hero-sm-bold")};
984
- }
985
-
986
- .-hero-sm {
987
- ${typography("hero-sm")};
988
- }
989
-
990
- .-number-md {
991
- ${typography("number-md")};
992
- }
993
-
994
- .-number-sm {
995
- ${typography("number-sm")};
996
- }
997
-
998
- .-table-header-md {
999
- ${typography("table-header-md")};
1000
- }
1001
-
1002
- .-table-header-sm {
1003
- ${typography("table-header-sm")};
1004
- }
1005
-
1006
- .-ellipsized {
1007
- overflow: hidden;
1008
- text-overflow: ellipsis;
1009
- white-space: nowrap;
1010
- max-width: var(--m-text-max-width);
1011
- }
1012
- `}class Text extends(PolymorphicTagMixin({superClass:s$7,allowedTags:["h1","h2","h3","h4","h5","h6","p","span"],fallbackTag:"span"})){static get properties(){return{color:{type:String,reflect:!0},ellipsized:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0}}}constructor(){super(),this.as="span",this.ellipsized=!1,this.variant="body-md"}update(t){super.update(t),t.has("color")&&this.color&&this.style.setProperty("--m-text-color",toCSSValue$1(this.color))}render(){return n$4`
1013
- <${this.tag}
1014
- class=${o$2({"m-text":!0,"-body-lg-bold":"body-lg-bold"===this.variant,"-body-lg":"body-lg"===this.variant,"-body-md-bold-underline":"body-md-bold-underline"===this.variant,"-body-md-bold":"body-md-bold"===this.variant,"-body-md-underline":"body-md-underline"===this.variant,"-body-md":"body-md"===this.variant,"-body-sm-bold-underline":"body-sm-bold-underline"===this.variant,"-body-sm-bold":"body-sm-bold"===this.variant,"-body-sm-underline":"body-sm-underline"===this.variant,"-body-sm":"body-sm"===this.variant,"-button-lg":"button-lg"===this.variant,"-button-md":"button-md"===this.variant,"-button-sm":"button-sm"===this.variant,"-chips-md":"chips-md"===this.variant,"-chips-sm":"chips-sm"===this.variant,"-heading-lg-bold":"heading-lg-bold"===this.variant,"-heading-lg":"heading-lg"===this.variant,"-heading-md-bold":"heading-md-bold"===this.variant,"-heading-md":"heading-md"===this.variant,"-heading-sm-bold":"heading-sm-bold"===this.variant,"-heading-sm":"heading-sm"===this.variant,"-hero-lg-bold":"hero-lg-bold"===this.variant,"-hero-lg":"hero-lg"===this.variant,"-hero-md-bold":"hero-md-bold"===this.variant,"-hero-md":"hero-md"===this.variant,"-hero-sm-bold":"hero-sm-bold"===this.variant,"-hero-sm":"hero-sm"===this.variant,"-number-md":"number-md"===this.variant,"-number-sm":"number-sm"===this.variant,"-table-header-md":"table-header-md"===this.variant,"-table-header-sm":"table-header-sm"===this.variant,"-ellipsized":Boolean(this.ellipsized)})}
1015
- >
1016
- <slot></slot>
1017
- </${this.tag}>
1018
- `}}var _Banner_primaryAction,_Banner_handleDismissClick;function getIcon(t){switch(t){case"success":return"check";case"warning":case"danger":return"attention";default:return"info-circle"}}function getPrimaryActionVariant(t){switch(t){case"warning":return"warning";case"danger":return"danger";default:return"primary"}}Text.styles=[styles$x()],window.customElements.define("m-text",Text);class Banner extends Component{static get properties(){return{variant:{type:String},dismissible:{type:Boolean},dismissed:{type:Boolean,reflect:!0}}}constructor(){super(),_Banner_primaryAction.set(this,void 0),_Banner_handleDismissClick.set(this,(()=>{this.dismissed=!0,this.emit("m-dismiss",{composed:!0})})),this.variant="neutral",this.dismissible=!1,this.dismissed=!1}get primaryAction(){return null==__classPrivateFieldGet$1(this,_Banner_primaryAction,"f")&&__classPrivateFieldSet(this,_Banner_primaryAction,this.querySelector("m-banner-action-primary"),"f"),__classPrivateFieldGet$1(this,_Banner_primaryAction,"f")}updated(t){super.updated(t),t.has("variant")&&null!=this.primaryAction&&(this.primaryAction.variant=getPrimaryActionVariant(this.variant))}render(){if(this.dismissed)return A$1;const t=null!=this.querySelector("*[slot='description']"),e=null!=this.querySelector("*[slot='actions']"),o=x`
1019
- <m-close-button
1020
- id="close"
1021
- label="Dismiss"
1022
- @click=${__classPrivateFieldGet$1(this,_Banner_handleDismissClick,"f")}
1023
- ></m-close-button>
1024
- `;return x`
1025
- <div
1026
- class=${o$2({banner:!0,"-success":"success"===this.variant,"-warning":"warning"===this.variant,"-danger":"danger"===this.variant,"-with-description":t})}
1027
- >
1028
- <div class="wrapper">
1029
- <slot name="icon">
1030
- <m-icon name="${getIcon(this.variant)}"></m-icon>
1031
- </slot>
1032
- <div class="content">
1033
- <slot name="title"></slot>
1034
- <slot name="description"></slot>
1035
- </div>
1036
- ${this.dismissible&&!e?o:A$1}
1037
- </div>
1038
- <slot name="actions"></slot>
1039
- </div>
1040
- `}}function styles$w(){return i$5`
1041
- :host {
1042
- display: block;
1043
- box-sizing: border-box;
1044
- width: 100%;
1045
- }
1046
- .body-wrapper {
1047
- padding: ${getToken("spacing-4")};
1048
-
1049
- slot[name='page-body']::slotted(*) {
1050
- max-width: 1280px;
1051
- margin: auto;
1052
- }
1053
- }
1054
-
1055
- ${mediaDesktop(i$5`
1056
- .body-wrapper {
1057
- padding: ${getToken("spacing-6")};
1058
- }
1059
- `)}
1060
- `}_Banner_primaryAction=new WeakMap,_Banner_handleDismissClick=new WeakMap,Banner.styles=[styles$z()],window.customElements.define("m-banner",Banner);class Body extends s$7{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="page-body"}render(){return n$4`<div class="body-wrapper"><slot></slot></div>`}}Body.styles=[styles$w()],window.customElements.define("m-body",Body);
1061
- /**
1062
- * @license
1063
- * Copyright 2018 Google LLC
1064
- * SPDX-License-Identifier: BSD-3-Clause
1065
- */
1066
- const i$1="important",n$3=" !"+i$1,o$1=e$4(class extends i$2{constructor(t){var e;if(super(t),t.type!==t$3.ATTRIBUTE||"style"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce(((e,o)=>{const i=t[o];return null==i?e:e+`${o=o.includes("-")?o:o.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`}),"")}update(t,[e]){const{style:o}=t.element;if(void 0===this.ht){this.ht=new Set;for(const t in e)this.ht.add(t);return this.render(e)}this.ht.forEach((t=>{null==e[t]&&(this.ht.delete(t),t.includes("-")?o.removeProperty(t):o[t]="")}));for(const t in e){const i=e[t];if(null!=i){this.ht.add(t);const e="string"==typeof i&&i.endsWith(n$3);t.includes("-")||e?o.setProperty(t,e?i.slice(0,-11):i,e?i$1:""):o[t]=i}}return T$1}});function cardStyles(){return i$5`
1067
- :host {
1068
- --m-card-background-color: ${getColor("color-background-primary")};
1069
- --m-card-padding: ${getToken("spacing-6")};
1070
- --m-card-body-padding: var(--m-card-padding);
1071
- --m-card-border-default: solid 1px ${getColor("color-border")};
1072
- --m-card-border-top: var(--m-card-border-default);
1073
- --m-card-border-left: var(--m-card-border-default);
1074
- --m-card-border-bottom: var(--m-card-border-default);
1075
- --m-card-border-right: var(--m-card-border-default);
1076
- --m-card-border-radius: ${getToken("border-radius-s")};
1077
- }
1078
-
1079
- .m-card {
1080
- position: relative;
1081
- display: flex;
1082
- flex-direction: row;
1083
-
1084
- background-color: var(--m-card-background-color);
1085
- border-radius: var(--m-card-border-radius);
1086
- border-top: var(--m-card-border-top);
1087
- border-left: var(--m-card-border-left);
1088
- border-bottom: var(--m-card-border-bottom);
1089
- border-right: var(--m-card-border-right);
1090
- }
1091
-
1092
- .m-card-flag {
1093
- position: absolute;
1094
- top: -1px;
1095
- bottom: -1px;
1096
- left: -1px;
1097
- display: block;
1098
-
1099
- box-sizing: border-box;
1100
- border: 1px solid var(--m-card-flag-color);
1101
- background-color: var(--m-card-flag-color);
1102
- width: ${getToken("border-thick")};
1103
- border-top-left-radius: ${getToken("border-radius-s")};
1104
- border-top-right-radius: 0;
1105
- border-bottom-right-radius: 0;
1106
- border-bottom-left-radius: ${getToken("border-radius-s")};
1107
- }
1108
-
1109
- .m-card-content {
1110
- display: flex;
1111
- flex: 1;
1112
- flex-direction: column;
1113
- }
1114
-
1115
- ::slotted(m-divider) {
1116
- --m-divider-margin-top: ${getToken("spacing-4")};
1117
- }
1118
-
1119
- .m-title-wrapper {
1120
- padding: var(--m-card-padding);
1121
- }
1122
-
1123
- .hidden {
1124
- display: none;
1125
- }
1126
-
1127
- .m-title-wrapper > m-stack {
1128
- flex: 1;
1129
- }
1130
-
1131
- .m-collapse-trigger {
1132
- ${typography("body-md-bold")};
1133
- display: flex;
1134
- margin: 0;
1135
- cursor: pointer;
1136
- color: ${getColor("color-text-primary")};
1137
- outline: none;
1138
- border: none;
1139
- align-items: center;
1140
- background-color: ${getColor("color-background-primary")};
1141
- }
1142
-
1143
- .m-collapsed-content {
1144
- display: none;
1145
- }
1146
-
1147
- .m-collapse-trigger[aria-expanded='true'] m-icon {
1148
- transform: rotate(180deg);
1149
- }
1150
-
1151
- @media (prefers-reduced-motion: no-preference) {
1152
- m-icon {
1153
- ${transition([{property:"transform"}])};
1154
- }
1155
- }
1156
- `}function cardBodyStyles(){return i$5`
1157
- .m-card-body {
1158
- padding: var(--m-card-body-padding);
1159
- }
1160
- `}function cardSubtitleStyles(){return i$5`
1161
- :host {
1162
- --m-card-subtitle-margin-top: ${getToken("spacing-2")};
1163
- }
1164
-
1165
- .m-card-subtitle {
1166
- ${typography("body-md")};
1167
-
1168
- margin-block-start: var(--m-card-subtitle-margin-top);
1169
-
1170
- color: ${getColor("color-text-tertiary")};
1171
- }
1172
- `}function cardTitleStyles(){return i$5`
1173
- .m-card-title {
1174
- ${typography("heading-sm-bold")};
1175
- color: ${getColor("color-text-primary")};
1176
- }
1177
-
1178
- slot[name='leading']::slotted(*) {
1179
- display: inline-flex;
1180
- flex-flow: row nowrap;
1181
- align-items: center;
1182
- justify-content: center;
1183
- pointer-events: none;
1184
- margin-inline-end: ${getToken("spacing-1")};
1185
- }
1186
- `}function cardDividerStyles(){return i$5`
1187
- :host {
1188
- --m-divider-margin-top: 0;
1189
- }
1190
- `}const ALIGN_ITEMS_VALUES=["baseline","center","flex-start","flex-end","stretch"],JUSTIFY_CONTENT_VALUES=["center","flex-start","flex-end","space-between","space-around","space-evenly"];var _BaseLayout_setOrRemoveProperty;class BaseLayout extends s$7{constructor(){super(...arguments),_BaseLayout_setOrRemoveProperty.set(this,((t,e)=>{e?this.style.setProperty(t,toSpacingCSSValue(e)):this.style.removeProperty(t)}))}static get properties(){return{padding:{type:String},paddingX:{type:String,attribute:"padding-x"},paddingY:{type:String,attribute:"padding-y"},paddingT:{type:String,attribute:"padding-t"},paddingB:{type:String,attribute:"padding-b"},paddingL:{type:String,attribute:"padding-l"},paddingR:{type:String,attribute:"padding-r"}}}getCSSPropertiesPrefix(){return"layout"}update(t){super.update(t);const e=this.getCSSPropertiesPrefix();t.has("padding")&&this.style.setProperty(`--m-${e}-padding`,toSpacingCSSValue(this.padding)),t.has("paddingX")&&__classPrivateFieldGet$1(this,_BaseLayout_setOrRemoveProperty,"f").call(this,`--m-${e}-padding-x`,this.paddingX),t.has("paddingY")&&__classPrivateFieldGet$1(this,_BaseLayout_setOrRemoveProperty,"f").call(this,`--m-${e}-padding-y`,this.paddingY),t.has("paddingT")&&__classPrivateFieldGet$1(this,_BaseLayout_setOrRemoveProperty,"f").call(this,`--m-${e}-padding-t`,this.paddingT),t.has("paddingB")&&__classPrivateFieldGet$1(this,_BaseLayout_setOrRemoveProperty,"f").call(this,`--m-${e}-padding-b`,this.paddingB),t.has("paddingL")&&__classPrivateFieldGet$1(this,_BaseLayout_setOrRemoveProperty,"f").call(this,`--m-${e}-padding-l`,this.paddingL),t.has("paddingR")&&__classPrivateFieldGet$1(this,_BaseLayout_setOrRemoveProperty,"f").call(this,`--m-${e}-padding-r`,this.paddingR)}render(){return x`<slot></slot>`}}function getBaseLayoutStyles(t){return i$5`
1191
- :host {
1192
- /** reset layout custom properties to avoid inheritance */
1193
- --m-${r$9(t)}-padding-x: initial;
1194
- --m-${r$9(t)}-padding-y: initial;
1195
- --m-${r$9(t)}-padding-t: initial;
1196
- --m-${r$9(t)}-padding-r: initial;
1197
- --m-${r$9(t)}-padding-b: initial;
1198
- --m-${r$9(t)}-padding-l: initial;
1199
- --m-${r$9(t)}-padding: initial;
1200
-
1201
- padding-block-start: var(
1202
- --m-${r$9(t)}-padding-t,
1203
- var(
1204
- --m-${r$9(t)}-padding-y,
1205
- var(--m-${r$9(t)}-padding, 0)
1206
- )
1207
- );
1208
- padding-block-end: var(
1209
- --m-${r$9(t)}-padding-b,
1210
- var(
1211
- --m-${r$9(t)}-padding-y,
1212
- var(--m-${r$9(t)}-padding, 0)
1213
- )
1214
- );
1215
- padding-inline-start: var(
1216
- --m-${r$9(t)}-padding-l,
1217
- var(
1218
- --m-${r$9(t)}-padding-x,
1219
- var(--m-${r$9(t)}-padding, 0)
1220
- )
1221
- );
1222
- padding-inline-end: var(
1223
- --m-${r$9(t)}-padding-r,
1224
- var(
1225
- --m-${r$9(t)}-padding-x,
1226
- var(--m-${r$9(t)}-padding, 0)
1227
- )
1228
- );
1229
- }
1230
- `}_BaseLayout_setOrRemoveProperty=new WeakMap;const defaultBoxProps={padding:"spacing-4",borderRadius:"border-radius-s",borderWidth:"border-none",borderColor:"color-border",textAlign:"left"};function boxStyles(){return i$5`
1231
- :host {
1232
- --m-box-padding: ${getToken(defaultBoxProps.padding)};
1233
- --m-box-background-color: transparent;
1234
- --m-box-border-radius: ${getToken(defaultBoxProps.borderRadius)};
1235
- --m-box-border-width: ${getToken(defaultBoxProps.borderWidth)};
1236
- --m-box-border-color: ${getColor(defaultBoxProps.borderColor)};
1237
- --m-box-text-align: ${r$9(defaultBoxProps.textAlign)};
1238
-
1239
- box-sizing: border-box;
1240
-
1241
- background-color: var(--m-box-background-color);
1242
- border-radius: var(--m-box-border-radius);
1243
- border-style: solid;
1244
- border-width: var(--m-box-border-width);
1245
- border-color: var(--m-box-border-color);
1246
- text-align: var(--m-box-text-align);
1247
- display: block;
1248
- }
1249
- `}class Box extends BaseLayout{static get properties(){return{...super.properties,backgroundColor:{type:String,attribute:"background-color"},borderRadius:{type:String,attribute:"border-radius"},borderWidth:{type:String,attribute:"border-width"},borderColor:{type:String,attribute:"border-color"},textAlign:{type:String,attribute:"text-align"}}}getCSSPropertiesPrefix(){return Box.CSSPropertiesPrefix}update(t){super.update(t),t.has("backgroundColor")&&this.style.setProperty("--m-box-background-color",(this.backgroundColor&&toCSSValue$1(this.backgroundColor))??"transparent"),t.has("borderRadius")&&this.style.setProperty("--m-box-border-radius",(this.borderRadius&&toCSSValue$1(this.borderRadius))??toCSSValue$1(defaultBoxProps.borderRadius)),t.has("borderWidth")&&this.style.setProperty("--m-box-border-width",(this.borderWidth&&toCSSValue$1(this.borderWidth))??toCSSValue$1(defaultBoxProps.borderWidth)),t.has("borderColor")&&this.style.setProperty("--m-box-border-color",(this.borderColor&&toCSSValue$1(this.borderColor))??toCSSValue$1(defaultBoxProps.borderColor)),t.has("textAlign")&&this.style.setProperty("--m-box-text-align",this.textAlign||defaultBoxProps.textAlign)}render(){return x`<slot></slot>`}}Box.CSSPropertiesPrefix="box",Box.styles=[getBaseLayoutStyles(Box.CSSPropertiesPrefix),boxStyles()],window.customElements.define("m-box",Box);const defaultGroupProps={gap:"spacing-4",align:"stretch",justify:"flex-start"};function groupStyles(){return i$5`
1250
- :host {
1251
- --m-group-gap: ${getToken(defaultGroupProps.gap)};
1252
- --m-group-align: ${r$9(defaultGroupProps.align)};
1253
- --m-group-justify: ${r$9(defaultGroupProps.justify)};
1254
-
1255
- display: flex;
1256
- flex-wrap: wrap;
1257
- gap: var(--m-group-gap);
1258
- align-items: var(--m-group-align);
1259
- justify-content: var(--m-group-justify);
1260
- }
1261
- `}class Group extends BaseLayout{static get properties(){return{...super.properties,gap:{type:String},align:{type:String},justify:{type:String}}}getCSSPropertiesPrefix(){return Group.CSSPropertiesPrefix}update(t){super.update(t),t.has("gap")&&this.style.setProperty("--m-group-gap",toSpacingCSSValue(this.gap,defaultGroupProps.gap)),t.has("align")&&this.style.setProperty("--m-group-align",this.align||defaultGroupProps.align),t.has("justify")&&this.style.setProperty("--m-group-justify",this.justify||defaultGroupProps.justify)}render(){return x`<slot></slot>`}}Group.CSSPropertiesPrefix="group",Group.styles=[getBaseLayoutStyles(Group.CSSPropertiesPrefix),groupStyles()],window.customElements.define("m-group",Group);const defaultStackProps={gap:"spacing-4",align:"stretch",justify:"flex-start"};function stackStyles(){return i$5`
1262
- :host {
1263
- --m-stack-gap: ${getToken(defaultStackProps.gap)};
1264
- --m-stack-align: ${r$9(defaultStackProps.align)};
1265
- --m-stack-justify: ${r$9(defaultStackProps.justify)};
1266
-
1267
- display: flex;
1268
- flex-direction: column;
1269
-
1270
- row-gap: var(--m-stack-gap);
1271
- align-items: var(--m-stack-align);
1272
- justify-content: var(--m-stack-justify);
1273
- }
1274
- `}class Stack extends BaseLayout{static get properties(){return{...super.properties,gap:{type:String},align:{type:String},justify:{type:String}}}getCSSPropertiesPrefix(){return Stack.CSSPropertiesPrefix}update(t){super.update(t),t.has("gap")&&this.style.setProperty("--m-stack-gap",toSpacingCSSValue(this.gap,defaultStackProps.gap)),t.has("align")&&this.style.setProperty("--m-stack-align",this.align||defaultStackProps.align),t.has("justify")&&this.style.setProperty("--m-stack-justify",this.justify||defaultStackProps.justify)}render(){return x`<slot></slot>`}}Stack.CSSPropertiesPrefix="stack",Stack.styles=[getBaseLayoutStyles(Stack.CSSPropertiesPrefix),stackStyles()],window.customElements.define("m-stack",Stack);const defaultGridProps={gap:"spacing-4",minColumnWidth:getToken$1("spacing-30")};function gridStyles(){return i$5`
1275
- :host {
1276
- --m-grid-gap: ${getToken(defaultGridProps.gap)};
1277
- --m-grid-min-column-width: ${r$9(defaultGridProps.minColumnWidth)};
1278
-
1279
- display: grid;
1280
-
1281
- row-gap: var(--m-grid-row-gap, var(--m-grid-gap));
1282
- column-gap: var(--m-grid-column-gap, var(--m-grid-gap));
1283
-
1284
- grid-template-columns: repeat(
1285
- auto-fit,
1286
- minmax(min(var(--m-grid-min-column-width), 100%), 1fr)
1287
- );
1288
- }
1289
- `}class Grid extends BaseLayout{static get properties(){return{...super.properties,gap:{type:String},rowGap:{type:String,attribute:"row-gap"},columnGap:{type:String,attribute:"column-gap"},minColumnWidth:{type:String,attribute:"min-column-width"}}}getCSSPropertiesPrefix(){return Grid.CSSPropertiesPrefix}update(t){super.update(t),t.has("gap")&&this.style.setProperty("--m-grid-gap",toSpacingCSSValue(this.gap,defaultGridProps.gap)),t.has("rowGap")&&(this.rowGap?this.style.setProperty("--m-grid-row-gap",toSpacingCSSValue(this.rowGap)):this.style.removeProperty("--m-grid-row-gap")),t.has("columnGap")&&(this.columnGap?this.style.setProperty("--m-grid-column-gap",toSpacingCSSValue(this.columnGap)):this.style.removeProperty("--m-grid-column-gap")),t.has("minColumnWidth")&&this.style.setProperty("--m-grid-min-column-width",this.minColumnWidth||defaultGridProps.minColumnWidth)}render(){return x`<slot></slot>`}}Grid.CSSPropertiesPrefix="grid",Grid.styles=[getBaseLayoutStyles(Grid.CSSPropertiesPrefix),gridStyles()],window.customElements.define("m-grid",Grid);const defaultSidebarProps={gap:"spacing-4",sideWidth:"auto",minContentWidth:"50%",reversed:!1};function getFlexDirectionValue(t){return t?"row-reverse":"row"}function sidebarStyles(){return i$5`
1290
- :host {
1291
- --m-sidebar-gap: ${getToken(defaultSidebarProps.gap)};
1292
- --m-sidebar-flex-direction: ${r$9(getFlexDirectionValue(defaultSidebarProps.reversed))};
1293
- --m-sidebar-side-width: ${r$9(defaultSidebarProps.sideWidth)};
1294
- --m-sidebar-min-content-width: ${r$9(defaultSidebarProps.minContentWidth)};
1295
-
1296
- display: flex;
1297
- flex-wrap: wrap;
1298
- flex-direction: var(--m-sidebar-flex-direction);
1299
-
1300
- gap: var(--m-sidebar-gap);
1301
- }
1302
-
1303
- slot[name='sidebar']::slotted(*) {
1304
- flex-basis: var(--m-sidebar-side-width);
1305
- flex-grow: 1;
1306
- }
1307
-
1308
- slot[name='content']::slotted(*) {
1309
- flex-basis: 0;
1310
- flex-grow: 999;
1311
- min-width: var(--m-sidebar-min-content-width);
1312
- }
1313
- `}class Sidebar extends BaseLayout{static get properties(){return{...super.properties,gap:{type:String},sideWidth:{type:String,attribute:"side-width"},minContentWidth:{type:String,attribute:"min-content-width"},reversed:{type:Boolean}}}constructor(){super(),this.gap=defaultSidebarProps.gap,this.sideWidth=defaultSidebarProps.sideWidth,this.minContentWidth=defaultSidebarProps.minContentWidth,this.reversed=defaultSidebarProps.reversed}getCSSPropertiesPrefix(){return Sidebar.CSSPropertiesPrefix}update(t){super.update(t),t.has("gap")&&this.style.setProperty("--m-sidebar-gap",toSpacingCSSValue(this.gap,defaultSidebarProps.gap)),t.has("sideWidth")&&this.style.setProperty("--m-sidebar-side-width",this.sideWidth||defaultSidebarProps.sideWidth),t.has("minContentWidth")&&this.style.setProperty("--m-sidebar-min-content-width",this.minContentWidth||defaultSidebarProps.minContentWidth),t.has("reversed")&&this.style.setProperty("--m-sidebar-flex-direction",getFlexDirectionValue(this.reversed))}render(){return x`
1314
- <slot name="sidebar"></slot>
1315
- <slot name="content"></slot>
1316
- `}}Sidebar.CSSPropertiesPrefix="sidebar",Sidebar.styles=[getBaseLayoutStyles(Sidebar.CSSPropertiesPrefix),sidebarStyles()],window.customElements.define("m-sidebar",Sidebar);const defaultSwitcherProps={gap:"spacing-4",threshold:"10rem"};function switcherStyles(){return i$5`
1317
- :host {
1318
- --m-switcher-gap: ${getToken(defaultSwitcherProps.gap)};
1319
- --m-switcher-threshold: ${r$9(defaultSwitcherProps.threshold)};
1320
-
1321
- display: flex;
1322
- flex-wrap: wrap;
1323
-
1324
- row-gap: var(--m-switcher-row-gap, var(--m-switcher-gap));
1325
- column-gap: var(--m-switcher-column-gap, var(--m-switcher-gap));
1326
- }
1327
-
1328
- ::slotted(*) {
1329
- flex-basis: calc((var(--m-switcher-threshold) - 100%) * 999);
1330
- flex-grow: 1;
1331
- }
1332
- `}class Switcher extends BaseLayout{static get properties(){return{...super.properties,gap:{type:String},rowGap:{type:String,attribute:"row-gap"},columnGap:{type:String,attribute:"column-gap"},threshold:{type:String},limit:{type:Number}}}getCSSPropertiesPrefix(){return Switcher.CSSPropertiesPrefix}update(t){super.update(t),t.has("gap")&&this.style.setProperty("--m-switcher-gap",toSpacingCSSValue(this.gap,defaultSwitcherProps.gap)),t.has("rowGap")&&(this.rowGap?this.style.setProperty("--m-switcher-row-gap",toSpacingCSSValue(this.rowGap)):this.style.removeProperty("--m-switcher-row-gap")),t.has("columnGap")&&(this.columnGap?this.style.setProperty("--m-switcher-column-gap",toSpacingCSSValue(this.columnGap)):this.style.removeProperty("--m-switcher-column-gap")),t.has("threshold")&&this.style.setProperty("--m-switcher-threshold",this.threshold||defaultSwitcherProps.threshold)}render(){const t=this.limit?x`
1333
- <style>
1334
- ::slotted(*:nth-last-child(n + ${this.limit+1})) {
1335
- flex-basis: 100%;
1336
- }
1337
- ::slotted(*:nth-last-child(n + ${this.limit+1}) ~ *) {
1338
- flex-basis: 100%;
1339
- }
1340
- </style>
1341
- `:"";return x`
1342
- ${t}
1343
- <slot></slot>
1344
- `}}function range(t,e){return Array.from({length:(e-t)/1+1},((e,o)=>t+1*o))}Switcher.CSSPropertiesPrefix="switcher",Switcher.styles=[getBaseLayoutStyles(Switcher.CSSPropertiesPrefix),switcherStyles()],window.customElements.define("m-switcher",Switcher);const COLUMNS=4,defaultRowProps={gap:"spacing-4"};function generateSlicedStyles(t){return r$9(range(1,COLUMNS).map((e=>`\n\t\t\t\t:host {\n flex: 1 1 0%;\n max-inline-size: ${100*e/COLUMNS}%;\n\t\t\t\t}\n\n\t\t\t\t:host([${t}="${e}"]) {\n flex: 0 0 ${100*e/COLUMNS}%;\n max-inline-size: ${100*e/COLUMNS}%;\n\t\t\t\t}\n\n\t\t\t\t:host([offset-${t}="${e}"]) {\n margin-inline-start: ${100*e/COLUMNS}%;\n\t\t\t\t}\n\t\t\t`)).join("\n"))}function containerStyles(){return i$5`
1345
- :host {
1346
- --m-column-gap: ${getToken(defaultRowProps.gap)};
1347
- --m-row-gap: ${getToken(defaultRowProps.gap)};
1348
-
1349
- display: block;
1350
- box-sizing: border-box;
1351
-
1352
- inline-size: 100%;
1353
- padding-inline: calc(var(--m-column-gap) / -2);
1354
- padding-block: 0;
1355
- margin-inline: auto;
1356
- margin-block: 0;
1357
- }
1358
- `}function rowStyles(){return i$5`
1359
- :host {
1360
- display: flex;
1361
- flex-wrap: wrap;
1362
- margin-inline: calc(var(--m-column-gap) / -2);
1363
- box-sizing: border-box;
1364
-
1365
- row-gap: var(--m-row-gap);
1366
- }
1367
-
1368
- :host(:not(:first-of-type)) {
1369
- margin-block: var(--m-row-gap);
1370
- }
1371
- `}function columnStyles(){return i$5`
1372
- :host {
1373
- position: relative;
1374
- inline-size: 100%;
1375
- min-block-size: 1px;
1376
- padding-inline: calc(var(--m-column-gap) / 2);
1377
-
1378
- box-sizing: border-box;
1379
- }
1380
-
1381
- ${generateSlicedStyles("sm")}
1382
-
1383
- ${mediaTablet(generateSlicedStyles("md"))}
1384
-
1385
- ${mediaDesktop(generateSlicedStyles("lg"))}
1386
- `}class Container extends s$7{render(){return x`<slot name="row"></slot>`}}Container.CSSPropertiesPrefix="container",Container.styles=[containerStyles()],window.customElements.define("m-container",Container);class Row extends s$7{static get properties(){return{...super.properties,gap:{type:String},columnGap:{type:String,attribute:"column-gap"},rowGap:{type:String,attribute:"row-gap"}}}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","row")}update(t){if(super.update(t),t.has("gap")){const t=toSpacingCSSValue(this.gap,defaultRowProps.gap);this.style.setProperty("--m-row-gap",t),this.style.setProperty("--m-column-gap",t)}t.has("rowGap")&&(this.rowGap?this.style.setProperty("--m-row-gap",toSpacingCSSValue(this.rowGap)):this.style.removeProperty("--m-row-gap")),t.has("columnGap")&&(this.columnGap?this.style.setProperty("--m-column-gap",toSpacingCSSValue(this.columnGap)):this.style.removeProperty("--m-column-gap"))}render(){return x`<slot name="column"></slot>`}}Row.CSSPropertiesPrefix="row",Row.styles=[rowStyles()],window.customElements.define("m-row",Row);class Column extends s$7{static get properties(){return{...super.properties,sm:{type:String,reflect:!0},md:{type:String,reflect:!0},lg:{type:String,reflect:!0},offsetSm:{type:String,reflect:!0,attribute:"offset-sm"},offsetMd:{type:String,reflect:!0,attribute:"offset-md"},offsetLg:{type:String,reflect:!0,attribute:"offset-lg"}}}connectedCallback(){super.connectedCallback(),this.slot="column"}update(t){t.has("sm")&&(this.md=this.md??this.sm,this.lg=this.lg??this.md),t.has("md")&&(this.lg=this.lg??this.md),this.offsetSm=this.offsetSm??void 0,t.has("offsetSm")&&(this.offsetMd=this.offsetMd??this.offsetSm,this.offsetLg=this.offsetLg??this.offsetMd),t.has("offsetMd")&&(this.offsetLg=this.offsetLg??this.offsetMd),super.update(t)}render(){return x`<slot></slot>`}}var _Card_instances,_Card_toggle;Column.CSSPropertiesPrefix="column",Column.styles=[columnStyles()],window.customElements.define("m-column",Column);const defaultFlagColor="color-background-inverted";class Card extends Component{static get properties(){return{flagged:{type:Boolean},flagColor:{type:String,attribute:"flag-color"},collapsible:{type:Boolean},collapsed:{type:Boolean,reflect:!0},initialCollapsed:{type:Boolean,attribute:"initial-collapsed"}}}constructor(){super(),_Card_instances.add(this),this.flagged=!1,this.flagColor=defaultFlagColor,this.collapsible=!1,this.collapsed=!1,this.initialCollapsed=!1}toggleCollapse(){__classPrivateFieldGet$1(this,_Card_instances,"m",_Card_toggle).call(this)}isExpanded(){if(this.collapsible)return this.collapsed?"false":"true"}firstUpdated(){this.collapsed=Boolean(this.initialCollapsed);const t=this.querySelector("m-card-title"),e=this.querySelector("m-card-subtitle"),o=this.renderRoot.querySelector(".m-title-wrapper");o&&(t||e?o.classList.remove("hidden"):o.classList.add("hidden"))}render(){return x`
1387
- <div
1388
- class="m-card"
1389
- style="${o$1({"--m-card-flag-color":toCSSValue$1(this.flagColor)})}"
1390
- >
1391
- ${this.flagged?x`<span class="m-card-flag"></span>`:A$1}
1392
- <div class="m-card-content">
1393
- <m-group justify="space-between" class="m-title-wrapper">
1394
- <m-stack gap="spacing-1">
1395
- <slot name="title"></slot>
1396
- <slot name="subtitle"></slot>
1397
- </m-stack>
1398
- ${this.collapsible?x`<button
1399
- title="toggle card collapse"
1400
- id="collapse-trigger"
1401
- class="m-collapse-trigger"
1402
- @click="${__classPrivateFieldGet$1(this,_Card_instances,"m",_Card_toggle)}"
1403
- aria-expanded="${l$1(this.isExpanded())}"
1404
- type="button"
1405
- >
1406
- <m-icon
1407
- aria-label="toggle card collapse"
1408
- name="caret-down"
1409
- ></m-icon>
1410
- </button>`:A$1}
1411
- </m-group>
1412
- ${this.collapsed?A$1:x`<slot name="divider"></slot>`}
1413
- <m-stack
1414
- class="${o$2({"m-collapsed-content":!!this.collapsed,"m-card-content":!this.collapsed})}"
1415
- gap="none"
1416
- >
1417
- <slot name="body"></slot>
1418
- <slot name="footer"></slot>
1419
- </m-stack>
1420
- </div>
1421
- </div>
1422
- `}}_Card_instances=new WeakSet,_Card_toggle=function(){this.collapsible&&(this.collapsed=!this.collapsed,this.emit("m-toggle",{detail:{name:"card",value:this.collapsed}}))},Card.styles=[cardStyles()],window.customElements.define("m-card",Card);class CardBody extends s$7{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="body"}render(){return x`
1423
- <div class="m-card-body">
1424
- <slot></slot>
1425
- </div>
1426
- `}}CardBody.styles=[cardBodyStyles()],window.customElements.define("m-card-body",CardBody);class CardSubtitle extends s$7{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="subtitle"}render(){return x`
1427
- <div class="m-card-subtitle">
1428
- <slot></slot>
1429
- </div>
1430
- `}}CardSubtitle.styles=[cardSubtitleStyles()],window.customElements.define("m-card-subtitle",CardSubtitle);class CardTitle extends s$7{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="title"}render(){return x`
1431
- <div class="m-card-title">
1432
- <slot name="leading"></slot>
1433
- <slot></slot>
1434
- </div>
1435
- `}}function styles$v(){return i$5`
1436
- .m-divider {
1437
- border: 0;
1438
- border-block-end: solid 1px ${getColor("color-divider")};
1439
- margin-block-start: var(
1440
- --m-divider-margin-top,
1441
- var(--m-divider-margin-y, 0)
1442
- );
1443
- margin-block-end: var(
1444
- --m-divider-margin-bottom,
1445
- var(--m-divider-margin-y, 0)
1446
- );
1447
- }
1448
- `}CardTitle.styles=[cardTitleStyles()],window.customElements.define("m-card-title",CardTitle);class Divider extends s$7{render(){return x`<hr class="m-divider" />`}}Divider.styles=[styles$v()],window.customElements.define("m-divider",Divider);class CardDivider extends Divider{constructor(){super(),this.slot="divider"}}CardDivider.styles=[...Divider.styles,cardDividerStyles()],CardDivider.properties={slot:{attribute:!0,type:String,reflect:!0}},window.customElements.define("m-card-divider",CardDivider);class CardFooter extends s$7{static get properties(){return{slot:{type:String,reflect:!0},gap:{type:String},align:{type:String},justify:{type:String}}}constructor(){super(),this.slot="footer",this.gap="spacing-2",this.align="stretch",this.justify="flex-start"}render(){return x`<div class="m-card-footer">
1449
- <m-card-divider></m-card-divider>
1450
- <m-group
1451
- gap=${this.gap}
1452
- align=${this.align}
1453
- justify=${this.justify}
1454
- padding-x="spacing-6"
1455
- padding-y="spacing-6"
1456
- >
1457
- <slot></slot>
1458
- </m-group>
1459
- </div>`}}window.customElements.define("m-card-footer",CardFooter);class CardActionPrimary extends Button{constructor(){super(),this.type="button",this.variant="primary"}}window.customElements.define("m-card-action-primary",CardActionPrimary);class CardActionSecondary extends Button{constructor(){super(),this.type="button",this.variant="secondary"}}window.customElements.define("m-card-action-secondary",CardActionSecondary);class CardActionTertiary extends Button{constructor(){super(),this.type="button",this.variant="tertiary"}}window.customElements.define("m-card-action-tertiary",CardActionTertiary);const baseTransitionConfig={delay:"0s",duration:"0.35s",easing:"ease-in-out"};function styles$u(){return i$5`
1460
- ${on(".check-input-label").not.disabled.focus} {
1461
- border-radius: 2px;
1462
- outline: 1px solid ${getColor("color-primary-60")};
1463
- }
1464
-
1465
- .check-input-label {
1466
- ${typography("body-md")};
1467
-
1468
- gap: ${getToken("spacing-1")};
1469
- align-items: center;
1470
- display: inline-flex;
1471
- padding: 4px 2px;
1472
- position: relative;
1473
- }
1474
-
1475
- .check-input-label,
1476
- .check-input {
1477
- cursor: pointer;
1478
- }
1479
-
1480
- .check-input {
1481
- --checkbox-input-size: ${getToken("font-size-4")};
1482
-
1483
- color: ${getColor("color-text-tertiary")};
1484
- width: var(--checkbox-input-size);
1485
- height: var(--checkbox-input-size);
1486
- background: ${getColor("color-background-primary")};
1487
- appearance: none;
1488
- outline: none;
1489
- border-style: solid;
1490
- border-radius: ${getToken("border-radius-s")};
1491
- border-color: ${getColor("color-border-input")};
1492
- border-width: ${getToken("border-thin")};
1493
- margin: 0;
1494
- flex-grow: 0;
1495
- flex-shrink: 0;
1496
- flex-basis: var(--checkbox-input-size);
1497
- ${transition([{property:"border",...baseTransitionConfig},{property:"background",...baseTransitionConfig}])};
1498
- }
1499
-
1500
- .check-input:indeterminate,
1501
- .check-input:checked {
1502
- background: ${getColor("color-primary-60")};
1503
- border-color: ${getColor("color-primary-60")};
1504
- }
1505
-
1506
- ${on(".check-input").disabled} {
1507
- background: ${getColor("color-background-tertiary")};
1508
- cursor: not-allowed;
1509
- }
1510
-
1511
- ${on(".check-input:indeterminate").disabled},
1512
- ${on(".check-input:checked").disabled} {
1513
- background: ${getColor("color-primary-20")};
1514
- border-color: ${getColor("color-primary-20")};
1515
- }
1516
-
1517
- ${on(".check-input:indeterminate").not.disabled.hover},
1518
- ${on(".check-input:checked").not.disabled.hover} {
1519
- background: ${getColor("color-primary-100")};
1520
- border-color: ${getColor("color-primary-100")};
1521
- }
1522
-
1523
- ${on(".check-input").not.disabled.hover} {
1524
- border-color: ${getColor("color-primary-100")};
1525
- }
1526
-
1527
- :host([disabled]) .check-input-label {
1528
- cursor: not-allowed;
1529
- color: ${getColor("color-text-disabled")};
1530
- }
1531
-
1532
- .check-icon,
1533
- .indeterminate-icon {
1534
- --m-icon-size: 1em;
1535
- --m-icon-color: ${getColor("color-text-inverted")};
1536
-
1537
- position: absolute;
1538
-
1539
- pointer-events: none;
1540
- border-width: ${getToken("border-thin")};
1541
- border-style: solid;
1542
- border-color: transparent;
1543
- border-radius: ${getToken("border-radius-s")};
1544
- display: none;
1545
- }
1546
-
1547
- .check-input:checked:not(:indeterminate) ~ .check-icon,
1548
- .check-input:indeterminate:not(:checked) ~ .indeterminate-icon {
1549
- display: inline-flex;
1550
- }
1551
- `}const CHANGE_EVENT="m-change";var _Checkbox_instances,_Checkbox_setAttributes,_Checkbox_handleChange;class Checkbox extends s$7{static get properties(){return{name:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0},indeterminate:{type:Boolean,reflect:!0}}}constructor(){super(),_Checkbox_instances.add(this),_Checkbox_handleChange.set(this,(t=>{const e=t.target,o=new CustomEvent("m-change",{cancelable:!1,composed:!1,bubbles:!0,detail:{checked:e.checked,indeterminate:e.indeterminate}});this.dispatchEvent(o),this.checked=e.checked,this.indeterminate=e.indeterminate})),this.name=void 0,this.disabled=!1,this.checked=!1,this.indeterminate=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","checkbox")}disconnectedCallback(){super.connectedCallback()}firstUpdated(){this.input=this.renderRoot.querySelector("input"),this.label=this.renderRoot.querySelector("label")}updated(){__classPrivateFieldGet$1(this,_Checkbox_instances,"m",_Checkbox_setAttributes).call(this)}render(){return x`
1552
- <label for="${l$1(this.id)}" class="check-input-label">
1553
- <input
1554
- id="${l$1(this.id)}"
1555
- name="${l$1(this.name)}"
1556
- type="checkbox"
1557
- class="check-input"
1558
- ?disabled="${this.disabled}"
1559
- ?checked="${this.checked}"
1560
- @change=${__classPrivateFieldGet$1(this,_Checkbox_handleChange,"f")}
1561
- />
1562
- <m-icon name="check" class="check-icon"></m-icon>
1563
- <m-icon name="indeterminate" class="indeterminate-icon"></m-icon>
1564
- <slot name="leading"></slot>
1565
- <slot></slot>
1566
- </label>
1567
- `}focus(t){this.input?.focus(t)}}_Checkbox_handleChange=new WeakMap,_Checkbox_instances=new WeakSet,_Checkbox_setAttributes=function(){this.setAttribute("aria-disabled",String(this.disabled??!1)),this.setAttribute("aria-checked",this.indeterminate?"mixed":String(this.checked??!1)),this.input.indeterminate=this.indeterminate,this.input.checked=this.checked},Checkbox.styles=[styles$u()],window.customElements.define("m-checkbox",Checkbox);
1568
- /**
1569
- * @license
1570
- * Copyright 2021 Google LLC
1571
- * SPDX-License-Identifier: BSD-3-Clause
1572
- */
1573
- let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=e,this.subscribe=o??!1}};
1574
- /**
1575
- * @license
1576
- * Copyright 2021 Google LLC
1577
- * SPDX-License-Identifier: BSD-3-Clause
1578
- */function n$2(t){return t}
1579
- /**
1580
- * @license
1581
- * Copyright 2021 Google LLC
1582
- * SPDX-License-Identifier: BSD-3-Clause
1583
- */let s$2=class{constructor(t,e,o,i){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(t,e)=>{this.unsubscribe&&(this.unsubscribe!==e&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=t,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(t,e)),this.unsubscribe=e},this.host=t,void 0!==e.context){const t=e;this.context=t.context,this.callback=t.callback,this.subscribe=t.subscribe??!1}else this.context=e,this.callback=o,this.subscribe=i??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new s$3(this.context,this.t,this.subscribe))}},s$1=class{get value(){return this.o}set value(t){this.setValue(t)}setValue(t,e=!1){const o=e||!Object.is(t,this.o);this.o=t,o&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(const[t,{disposer:e}]of this.subscriptions)t(this.o,e)},void 0!==t&&(this.value=t)}addCallback(t,e,o){if(!o)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:e});const{disposer:i}=this.subscriptions.get(t);t(this.value,i)}clearCallbacks(){this.subscriptions.clear()}},e$2=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}};
1584
- /**
1585
- * @license
1586
- * Copyright 2021 Google LLC
1587
- * SPDX-License-Identifier: BSD-3-Clause
1588
- */class i extends s$1{constructor(t,e,o){super(void 0!==e.context?e.initialValue:o),this.onContextRequest=t=>{const e=t.composedPath()[0];t.context===this.context&&e!==this.host&&(t.stopPropagation(),this.addCallback(t.callback,e,t.subscribe))},this.onProviderRequest=t=>{const e=t.composedPath()[0];if(t.context!==this.context||e===this.host)return;const o=new Set;for(const[t,{consumerHost:e}]of this.subscriptions)o.has(t)||(o.add(t),e.dispatchEvent(new s$3(this.context,t,!0)));t.stopPropagation()},this.host=t,void 0!==e.context?this.context=e.context:this.context=e,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new e$2(this.context))}}
1589
- /**
1590
- * @license
1591
- * Copyright 2021 Google LLC
1592
- * SPDX-License-Identifier: BSD-3-Clause
1593
- */let t$2=class{constructor(){this.pendingContextRequests=new Map,this.onContextProvider=t=>{const e=this.pendingContextRequests.get(t.context);if(void 0===e)return;this.pendingContextRequests.delete(t.context);const{requests:o}=e;for(const{elementRef:e,callbackRef:i}of o){const o=e.deref(),r=i.deref();void 0===o||void 0===r||o.dispatchEvent(new s$3(t.context,r,!0))}},this.onContextRequest=t=>{if(!0!==t.subscribe)return;const e=t.composedPath()[0],o=t.callback;let i=this.pendingContextRequests.get(t.context);void 0===i&&this.pendingContextRequests.set(t.context,i={callbacks:new WeakMap,requests:[]});let r=i.callbacks.get(e);void 0===r&&i.callbacks.set(e,r=new WeakSet),r.has(o)||(r.add(o),i.requests.push({elementRef:new WeakRef(e),callbackRef:new WeakRef(o)}))}}attach(t){t.addEventListener("context-request",this.onContextRequest),t.addEventListener("context-provider",this.onContextProvider)}detach(t){t.removeEventListener("context-request",this.onContextRequest),t.removeEventListener("context-provider",this.onContextProvider)}};var waitForAnimations_1=async function(t,e){const o=t.getAnimations(e).map((({finished:t})=>t));await Promise.allSettled(o)};let isAttached=!1;function attachContextRoot(){if(isAttached)return;(new t$2).attach(document.body),isAttached=!0}const dialogContext=n$2(Symbol("dialog"));function styles$t(){return i$5`
1594
- :host {
1595
- --margin: ${getToken("spacing-6")};
1596
- --padding: ${getToken("spacing-6")};
1597
- --gap: ${getToken("spacing-6")};
1598
- }
1599
-
1600
- slot::slotted(*) {
1601
- padding-inline: var(--padding);
1602
- padding-block: calc(var(--gap) / 2);
1603
- }
1604
-
1605
- dialog {
1606
- box-sizing: border-box;
1607
- padding: calc(var(--padding) - (var(--gap) / 2)) 0;
1608
- border: none;
1609
- border-radius: ${getToken("border-radius-m")};
1610
- background-color: ${getColor("color-background-primary")};
1611
- box-shadow: ${getToken("elevation-4")};
1612
- width: auto;
1613
- max-height: calc(100% - var(--margin));
1614
-
1615
- ${transition([{property:"max-width"}])};
1616
- }
1617
-
1618
- dialog[open] {
1619
- display: flex;
1620
- flex-direction: column;
1621
- }
1622
-
1623
- dialog.-size-small {
1624
- max-width: min(${toRem("400px")}, calc(100vw - var(--margin)));
1625
- }
1626
-
1627
- dialog.-size-medium {
1628
- max-width: min(${toRem("600px")}, calc(100% - var(--margin)));
1629
- }
1630
-
1631
- dialog.-size-large {
1632
- max-width: min(${toRem("800px")}, calc(100% - var(--margin)));
1633
- }
1634
-
1635
- dialog.-size-extra-large {
1636
- max-width: min(${toRem("1000px")}, calc(100% - var(--margin)));
1637
- }
1638
-
1639
- dialog::backdrop {
1640
- background-color: ${getColor("color-background-secondary-inverted",.4)};
1641
- }
1642
-
1643
- @media (prefers-reduced-motion: no-preference) {
1644
- dialog[open] {
1645
- animation: show-dialog 0.25s ease forwards;
1646
- }
1647
-
1648
- dialog.is-hiding {
1649
- animation: hide-dialog 0.25s ease forwards;
1650
- }
1651
-
1652
- dialog[open]::backdrop {
1653
- animation: show-backdrop 0.25s ease forwards;
1654
- }
1655
-
1656
- dialog.is-hiding::backdrop {
1657
- animation: hide-backdrop 0.25s ease forwards;
1658
- }
1659
- }
1660
-
1661
- @keyframes show-dialog {
1662
- from {
1663
- opacity: 0;
1664
- transform: translateY(250px);
1665
- }
1666
- }
1667
-
1668
- @keyframes hide-dialog {
1669
- to {
1670
- opacity: 0;
1671
- transform: scale(0.75);
1672
- }
1673
- }
1674
-
1675
- @keyframes show-backdrop {
1676
- from {
1677
- opacity: 0;
1678
- }
1679
- }
1680
-
1681
- @keyframes hide-backdrop {
1682
- to {
1683
- opacity: 0;
1684
- }
1685
- }
1686
- `}var _Dialog_instances,_Dialog_contextProvider,_Dialog_dialog_get,_Dialog_toggleVisibility,_Dialog_emitLifecycleEvent,_Dialog_emitCloseEvent,_Dialog_handleClick,_Dialog_handleCancel;attachContextRoot();class Dialog extends Component{static get properties(){return{open:{type:Boolean,reflect:!0},size:{type:String,reflect:!0},variant:{type:String,reflect:!0}}}constructor(){super(),_Dialog_instances.add(this),_Dialog_contextProvider.set(this,new i(this,dialogContext,{variant:"neutral"})),this.open=!1,this.size="small",this.variant="neutral"}render(){return x`
1687
- <dialog
1688
- class="${o$2({"-size-small":"small"===this.size||!this.size,"-size-medium":"medium"===this.size,"-size-large":"large"===this.size,"-size-extra-large":"extra-large"===this.size})}"
1689
- @click=${__classPrivateFieldGet$1(this,_Dialog_instances,"m",_Dialog_handleClick)}
1690
- @cancel=${__classPrivateFieldGet$1(this,_Dialog_instances,"m",_Dialog_handleCancel)}
1691
- >
1692
- <slot name="header"></slot>
1693
- <slot name="body"></slot>
1694
- <slot name="footer"></slot>
1695
- <slot name="actions"></slot>
1696
- </dialog>
1697
- `}updated(t){super.updated(t),t.has("variant")&&__classPrivateFieldGet$1(this,_Dialog_contextProvider,"f").setValue({variant:this.variant??"neutral"}),t.has("open")&&__classPrivateFieldGet$1(this,_Dialog_instances,"m",_Dialog_toggleVisibility).call(this,t.get("open"))}show(){this.open=!0}hide(){this.open=!1}}_Dialog_contextProvider=new WeakMap,_Dialog_instances=new WeakSet,_Dialog_dialog_get=function(){return this.renderRoot?.querySelector("dialog")},_Dialog_toggleVisibility=async function(t){const e=__classPrivateFieldGet$1(this,_Dialog_instances,"a",_Dialog_dialog_get);e&&(!t&&this.open?(this.style.display="block",__classPrivateFieldGet$1(this,_Dialog_instances,"m",_Dialog_emitLifecycleEvent).call(this,"m-opening"),e.showModal(),await waitForAnimations_1(e),__classPrivateFieldGet$1(this,_Dialog_instances,"m",_Dialog_emitLifecycleEvent).call(this,"m-opened")):t&&!this.open?(__classPrivateFieldGet$1(this,_Dialog_instances,"m",_Dialog_emitLifecycleEvent).call(this,"m-closing"),e.classList.add("is-hiding"),await waitForAnimations_1(e),e.classList.remove("is-hiding"),e.close(),__classPrivateFieldGet$1(this,_Dialog_instances,"m",_Dialog_emitLifecycleEvent).call(this,"m-closed"),this.style.display="none"):null!=t||this.open||(this.style.display="none"))},_Dialog_emitLifecycleEvent=function(t){this.emit(t,{cancelable:!1,bubbles:!1})},_Dialog_emitCloseEvent=function(){this.open&&this.emit("m-close")},_Dialog_handleClick=function(t){const e=t.target instanceof HTMLDialogElement,o=__classPrivateFieldGet$1(this,_Dialog_instances,"a",_Dialog_dialog_get)?.getBoundingClientRect();if(e&&o){(t.clientY<o.top||t.clientY>o.bottom||t.clientX<o.left||t.clientX>o.right)&&(t.preventDefault(),t.stopPropagation(),__classPrivateFieldGet$1(this,_Dialog_instances,"m",_Dialog_emitCloseEvent).call(this))}},_Dialog_handleCancel=function(t){t.preventDefault(),__classPrivateFieldGet$1(this,_Dialog_instances,"m",_Dialog_emitCloseEvent).call(this)},Dialog.styles=[styles$t()],window.customElements.define("m-dialog",Dialog);const DIALOG_SIZES=["small","medium","large","extra-large"],DIALOG_VARIANTS=["neutral","success","warning","danger"];var _DialogActionPrimary_contextCallback,_DialogHeader_instances,_DialogHeader_context,_DialogHeader_icon_get,_Drawer_instances,_Drawer_dialog_get,_Drawer_toggleVisibility,_Drawer_emitLifecycleEvent,_Drawer_emitCloseEvent,_Drawer_handleClick,_Drawer_handleCancel;class DialogActionPrimary extends Button{constructor(){super(),_DialogActionPrimary_contextCallback.set(this,(t=>{switch(t.variant){case"danger":this.variant="danger";break;case"warning":this.variant="warning";break;default:this.variant="primary"}})),this.type="button",this.variant="primary",this.context=new s$2(this,{context:dialogContext,callback:__classPrivateFieldGet$1(this,_DialogActionPrimary_contextCallback,"f"),subscribe:!0})}}_DialogActionPrimary_contextCallback=new WeakMap,window.customElements.define("m-dialog-action-primary",DialogActionPrimary);class DialogActionSecondary extends Button{constructor(){super(),this.type="button",this.variant="secondary"}}window.customElements.define("m-dialog-action-secondary",DialogActionSecondary);class DialogActionTertiary extends Button{constructor(){super(),this.type="button",this.variant="tertiary"}}window.customElements.define("m-dialog-action-tertiary",DialogActionTertiary);class DialogActions extends Group{constructor(){super(),this.align="center",this.gap="spacing-3",this.justify="flex-end"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","actions")}}function styles$s(){return i$5`
1698
- :host {
1699
- overflow-y: auto;
1700
- overscroll-behavior: contain;
1701
-
1702
- ${typography("body-md")};
1703
- }
1704
- `}window.customElements.define("m-dialog-actions",DialogActions);class DialogBody extends s$7{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","body")}render(){return x`<slot></slot>`}}DialogBody.styles=[styles$s()],window.customElements.define("m-dialog-body",DialogBody);class DialogClose extends CloseButton{constructor(){super(),this.size="large"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","close")}}window.customElements.define("m-dialog-close",DialogClose);class DialogFooter extends s$7{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","footer")}render(){return x`<slot></slot>`}}function styles$r(){return i$5`
1705
- h1 {
1706
- margin: 0;
1707
- padding: 0;
1708
-
1709
- ${typography("heading-md-bold")};
1710
- }
1711
- `}window.customElements.define("m-dialog-footer",DialogFooter);class DialogHeader extends Component{constructor(){super(),_DialogHeader_instances.add(this),_DialogHeader_context.set(this,void 0),__classPrivateFieldSet(this,_DialogHeader_context,new s$2(this,{context:dialogContext,subscribe:!0}),"f")}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","header")}render(){return x`
1712
- <m-group gap="spacing-6" align="center">
1713
- <m-group gap="spacing-1" align="center" style="flex-grow: 1;">
1714
- ${__classPrivateFieldGet$1(this,_DialogHeader_instances,"a",_DialogHeader_icon_get)}
1715
- <h1><slot></slot></h1>
1716
- </m-group>
1717
- <slot name="close"></slot>
1718
- </m-group>
1719
- `}}function styles$q(){return i$5`
1720
- :host {
1721
- --padding: ${getToken("spacing-6")};
1722
- --m-drawer-header-border: none;
1723
- --m-drawer-actions-border: none;
1724
- --m-drawer-body-padding-block: 0;
1725
- --m-drawer-background-color: ${getColor("color-background-primary")};
1726
- }
1727
-
1728
- :host([divided]) {
1729
- --m-drawer-header-border: 1px solid ${getColor("color-divider")};
1730
- --m-drawer-actions-border: 1px solid ${getColor("color-divider")};
1731
- --m-drawer-body-padding-block: var(--padding);
1732
- --m-drawer-background-color: ${getColor("color-background-secondary")};
1733
- }
1734
-
1735
- :host([size='small']) dialog {
1736
- max-width: ${toRem("416px")};
1737
- }
1738
-
1739
- :host([size='medium']) dialog {
1740
- max-width: 640px;
1741
- }
1742
-
1743
- :host([size='large']) dialog {
1744
- max-width: 760px;
1745
- }
1746
-
1747
- dialog {
1748
- box-sizing: border-box;
1749
- padding: 0;
1750
- border: none;
1751
- background-color: var(--m-drawer-background-color);
1752
- box-shadow: ${getToken("elevation-4")};
1753
- width: 100%;
1754
- height: 100%;
1755
- max-height: 100%;
1756
- position: fixed;
1757
- top: 0;
1758
- right: 0;
1759
- left: auto;
1760
- margin: 0;
1761
-
1762
- ${transition([{property:"max-width"}])};
1763
- }
1764
-
1765
- dialog[open] {
1766
- display: flex;
1767
- flex-direction: column;
1768
- }
1769
-
1770
- dialog::backdrop {
1771
- background-color: ${getColor("color-background-secondary-inverted",.4)};
1772
- }
1773
-
1774
- @media (prefers-reduced-motion: no-preference) {
1775
- dialog[open] {
1776
- animation: show-dialog 0.25s ease forwards;
1777
- }
1778
-
1779
- dialog.is-hiding {
1780
- animation: hide-dialog 0.25s ease forwards;
1781
- }
1782
-
1783
- dialog[open]::backdrop {
1784
- animation: show-backdrop 0.25s ease forwards;
1785
- }
1786
-
1787
- dialog.is-hiding::backdrop {
1788
- animation: hide-backdrop 0.25s ease forwards;
1789
- }
1790
- }
1791
-
1792
- @keyframes show-dialog {
1793
- from {
1794
- opacity: 0;
1795
- transform: translateX(250px);
1796
- }
1797
- }
1798
-
1799
- @keyframes hide-dialog {
1800
- to {
1801
- opacity: 0;
1802
- transform: translateX(250px);
1803
- }
1804
- }
1805
-
1806
- @keyframes show-backdrop {
1807
- from {
1808
- opacity: 0;
1809
- }
1810
- }
1811
-
1812
- @keyframes hide-backdrop {
1813
- to {
1814
- opacity: 0;
1815
- }
1816
- }
1817
- `}_DialogHeader_context=new WeakMap,_DialogHeader_instances=new WeakSet,_DialogHeader_icon_get=function(){const{value:t}=__classPrivateFieldGet$1(this,_DialogHeader_context,"f");let e,o;switch(t?.variant){case"danger":e="attention",o="color-danger-60";break;case"warning":e="alert-circle",o="color-warning-60";break;case"success":e="check",o="color-success-60";break;default:return A$1}return x`
1818
- <m-icon name=${e} color=${o} size="24" aria-hidden="true"></m-icon>
1819
- `},DialogHeader.styles=[styles$r()],window.customElements.define("m-dialog-header",DialogHeader),attachContextRoot();class Drawer extends Component{static get properties(){return{open:{type:Boolean,reflect:!0},size:{type:String,reflect:!0},divided:{type:Boolean,reflect:!0}}}constructor(){super(),_Drawer_instances.add(this),this.open=!1,this.size="small",this.divided=!1}render(){return x`
1820
- <dialog @click=${__classPrivateFieldGet$1(this,_Drawer_instances,"m",_Drawer_handleClick)} @cancel=${__classPrivateFieldGet$1(this,_Drawer_instances,"m",_Drawer_handleCancel)}>
1821
- <slot name="header"></slot>
1822
- <slot name="body"></slot>
1823
- <slot name="actions"></slot>
1824
- </dialog>
1825
- `}updated(t){super.updated(t),t.has("open")&&__classPrivateFieldGet$1(this,_Drawer_instances,"m",_Drawer_toggleVisibility).call(this,t.get("open"))}show(){this.open=!0}hide(){this.open=!1}}_Drawer_instances=new WeakSet,_Drawer_dialog_get=function(){return this.renderRoot?.querySelector("dialog")},_Drawer_toggleVisibility=async function(t){const e=__classPrivateFieldGet$1(this,_Drawer_instances,"a",_Drawer_dialog_get);e&&(!t&&this.open?(this.style.display="block",__classPrivateFieldGet$1(this,_Drawer_instances,"m",_Drawer_emitLifecycleEvent).call(this,"m-opening"),e.showModal(),await waitForAnimations_1(e),__classPrivateFieldGet$1(this,_Drawer_instances,"m",_Drawer_emitLifecycleEvent).call(this,"m-opened")):t&&!this.open?(__classPrivateFieldGet$1(this,_Drawer_instances,"m",_Drawer_emitLifecycleEvent).call(this,"m-closing"),e.classList.add("is-hiding"),await waitForAnimations_1(e),e.classList.remove("is-hiding"),e.close(),__classPrivateFieldGet$1(this,_Drawer_instances,"m",_Drawer_emitLifecycleEvent).call(this,"m-closed"),this.style.display="none"):null!=t||this.open||(this.style.display="none"))},_Drawer_emitLifecycleEvent=function(t){this.emit(t,{cancelable:!1,bubbles:!1})},_Drawer_emitCloseEvent=function(){this.open&&this.emit("m-close")},_Drawer_handleClick=function(t){const e=t.target instanceof HTMLDialogElement,o=__classPrivateFieldGet$1(this,_Drawer_instances,"a",_Drawer_dialog_get)?.getBoundingClientRect();if(e&&o){(t.clientY<o.top||t.clientY>o.bottom||t.clientX<o.left||t.clientX>o.right)&&(t.preventDefault(),t.stopPropagation(),__classPrivateFieldGet$1(this,_Drawer_instances,"m",_Drawer_emitCloseEvent).call(this))}},_Drawer_handleCancel=function(t){t.preventDefault(),__classPrivateFieldGet$1(this,_Drawer_instances,"m",_Drawer_emitCloseEvent).call(this)},Drawer.styles=[styles$q()],window.customElements.define("m-drawer",Drawer);const DRAWER_SIZES=["small","medium","large"];class DrawerActionPrimary extends Button{constructor(){super(),this.variant="primary"}}window.customElements.define("m-drawer-action-primary",DrawerActionPrimary);class DrawerActionSecondary extends Button{constructor(){super(),this.variant="secondary"}}window.customElements.define("m-drawer-action-secondary",DrawerActionSecondary);class DrawerActionTertiary extends Button{constructor(){super(),this.variant="tertiary"}}function styles$p(){return i$5`
1826
- :host {
1827
- margin-top: auto;
1828
- padding-inline: var(--padding);
1829
- padding-block: var(--padding);
1830
- background-color: ${getColor("color-background-primary")};
1831
- border-top: var(--m-drawer-actions-border);
1832
- }
1833
- `}window.customElements.define("m-drawer-action-tertiary",DrawerActionTertiary);class DrawerActions extends Group{constructor(){super(),this.align="center",this.gap="spacing-3",this.justify="flex-end"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","actions")}}function styles$o(){return i$5`
1834
- :host {
1835
- overflow-y: auto;
1836
- overscroll-behavior: contain;
1837
- padding-inline: var(--padding);
1838
- padding-block: var(--m-drawer-body-padding-block);
1839
-
1840
- ${typography("body-md")};
1841
- }
1842
- `}DrawerActions.styles=[...Group.styles,styles$p()],window.customElements.define("m-drawer-actions",DrawerActions);class DrawerBody extends s$7{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","body")}render(){return x`<slot></slot>`}}DrawerBody.styles=[styles$o()],window.customElements.define("m-drawer-body",DrawerBody);class DrawerClose extends CloseButton{constructor(){super(),this.size="large"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","close")}}function styles$n(){return i$5`
1843
- :host {
1844
- padding-inline: var(--padding);
1845
- padding-block: var(--padding);
1846
- background-color: ${getColor("color-background-primary")};
1847
- border-bottom: var(--m-drawer-header-border);
1848
- }
1849
-
1850
- h1 {
1851
- margin: 0;
1852
- padding: 0;
1853
-
1854
- ${typography("heading-md-bold")};
1855
- }
1856
- `}window.customElements.define("m-drawer-close",DrawerClose);class DrawerHeader extends Component{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="header"}render(){return x`
1857
- <m-group gap="spacing-6" align="center">
1858
- <m-group gap="spacing-1" align="center" style="flex-grow: 1;">
1859
- <slot name="leading"></slot>
1860
- <h1><slot></slot></h1>
1861
- </m-group>
1862
- <slot name="close"></slot>
1863
- </m-group>
1864
- `}}DrawerHeader.styles=[styles$n()],window.customElements.define("m-drawer-header",DrawerHeader);const sides=["top","right","bottom","left"],min=Math.min,max=Math.max,round=Math.round,floor=Math.floor,createCoords=t=>({x:t,y:t}),oppositeSideMap={left:"right",right:"left",bottom:"top",top:"bottom"},oppositeAlignmentMap={start:"end",end:"start"};function clamp$1(t,e,o){return max(t,min(e,o))}function evaluate(t,e){return"function"==typeof t?t(e):t}function getSide(t){return t.split("-")[0]}function getAlignment(t){return t.split("-")[1]}function getOppositeAxis(t){return"x"===t?"y":"x"}function getAxisLength(t){return"y"===t?"height":"width"}function getSideAxis(t){return["top","bottom"].includes(getSide(t))?"y":"x"}function getAlignmentAxis(t){return getOppositeAxis(getSideAxis(t))}function getAlignmentSides(t,e,o){void 0===o&&(o=!1);const i=getAlignment(t),r=getAlignmentAxis(t),n=getAxisLength(r);let s="x"===r?i===(o?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[n]>e.floating[n]&&(s=getOppositePlacement(s)),[s,getOppositePlacement(s)]}function getExpandedPlacements(t){const e=getOppositePlacement(t);return[getOppositeAlignmentPlacement(t),e,getOppositeAlignmentPlacement(e)]}function getOppositeAlignmentPlacement(t){return t.replace(/start|end/g,(t=>oppositeAlignmentMap[t]))}function getSideList(t,e,o){const i=["left","right"],r=["right","left"],n=["top","bottom"],s=["bottom","top"];switch(t){case"top":case"bottom":return o?e?r:i:e?i:r;case"left":case"right":return e?n:s;default:return[]}}function getOppositeAxisPlacements(t,e,o,i){const r=getAlignment(t);let n=getSideList(getSide(t),"start"===o,i);return r&&(n=n.map((t=>t+"-"+r)),e&&(n=n.concat(n.map(getOppositeAlignmentPlacement)))),n}function getOppositePlacement(t){return t.replace(/left|right|bottom|top/g,(t=>oppositeSideMap[t]))}function expandPaddingObject(t){return{top:0,right:0,bottom:0,left:0,...t}}function getPaddingObject(t){return"number"!=typeof t?expandPaddingObject(t):{top:t,right:t,bottom:t,left:t}}function rectToClientRect(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function computeCoordsFromPlacement(t,e,o){let{reference:i,floating:r}=t;const n=getSideAxis(e),s=getAlignmentAxis(e),a=getAxisLength(s),l=getSide(e),c="y"===n,d=i.x+i.width/2-r.width/2,h=i.y+i.height/2-r.height/2,u=i[a]/2-r[a]/2;let g;switch(l){case"top":g={x:d,y:i.y-r.height};break;case"bottom":g={x:d,y:i.y+i.height};break;case"right":g={x:i.x+i.width,y:h};break;case"left":g={x:i.x-r.width,y:h};break;default:g={x:i.x,y:i.y}}switch(getAlignment(e)){case"start":g[s]-=u*(o&&c?-1:1);break;case"end":g[s]+=u*(o&&c?-1:1)}return g}const computePosition$1=async(t,e,o)=>{const{placement:i="bottom",strategy:r="absolute",middleware:n=[],platform:s}=o,a=n.filter(Boolean),l=await(null==s.isRTL?void 0:s.isRTL(e));let c=await s.getElementRects({reference:t,floating:e,strategy:r}),{x:d,y:h}=computeCoordsFromPlacement(c,i,l),u=i,g={},p=0;for(let o=0;o<a.length;o++){const{name:n,fn:m}=a[o],{x:b,y:$,data:_,reset:f}=await m({x:d,y:h,initialPlacement:i,placement:u,strategy:r,middlewareData:g,rects:c,platform:s,elements:{reference:t,floating:e}});d=null!=b?b:d,h=null!=$?$:h,g={...g,[n]:{...g[n],..._}},f&&p<=50&&(p++,"object"==typeof f&&(f.placement&&(u=f.placement),f.rects&&(c=!0===f.rects?await s.getElementRects({reference:t,floating:e,strategy:r}):f.rects),({x:d,y:h}=computeCoordsFromPlacement(c,u,l))),o=-1)}return{x:d,y:h,placement:u,strategy:r,middlewareData:g}};async function detectOverflow(t,e){var o;void 0===e&&(e={});const{x:i,y:r,platform:n,rects:s,elements:a,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:h="floating",altBoundary:u=!1,padding:g=0}=evaluate(e,t),p=getPaddingObject(g),m=a[u?"floating"===h?"reference":"floating":h],b=rectToClientRect(await n.getClippingRect({element:null==(o=await(null==n.isElement?void 0:n.isElement(m)))||o?m:m.contextElement||await(null==n.getDocumentElement?void 0:n.getDocumentElement(a.floating)),boundary:c,rootBoundary:d,strategy:l})),$="floating"===h?{...s.floating,x:i,y:r}:s.reference,_=await(null==n.getOffsetParent?void 0:n.getOffsetParent(a.floating)),f=await(null==n.isElement?void 0:n.isElement(_))&&await(null==n.getScale?void 0:n.getScale(_))||{x:1,y:1},y=rectToClientRect(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:$,offsetParent:_,strategy:l}):$);return{top:(b.top-y.top+p.top)/f.y,bottom:(y.bottom-b.bottom+p.bottom)/f.y,left:(b.left-y.left+p.left)/f.x,right:(y.right-b.right+p.right)/f.x}}const arrow$1=t=>({name:"arrow",options:t,async fn(e){const{x:o,y:i,placement:r,rects:n,platform:s,elements:a,middlewareData:l}=e,{element:c,padding:d=0}=evaluate(t,e)||{};if(null==c)return{};const h=getPaddingObject(d),u={x:o,y:i},g=getAlignmentAxis(r),p=getAxisLength(g),m=await s.getDimensions(c),b="y"===g,$=b?"top":"left",_=b?"bottom":"right",f=b?"clientHeight":"clientWidth",y=n.reference[p]+n.reference[g]-u[g]-n.floating[p],v=u[g]-n.reference[g],x=await(null==s.getOffsetParent?void 0:s.getOffsetParent(c));let w=x?x[f]:0;w&&await(null==s.isElement?void 0:s.isElement(x))||(w=a.floating[f]||n.floating[p]);const k=y/2-v/2,C=w/2-m[p]/2-1,S=min(h[$],C),T=min(h[_],C),P=S,A=w-m[p]-T,F=w/2-m[p]/2+k,B=clamp$1(P,F,A),z=!l.arrow&&null!=getAlignment(r)&&F!==B&&n.reference[p]/2-(F<P?S:T)-m[p]/2<0,E=z?F<P?F-P:F-A:0;return{[g]:u[g]+E,data:{[g]:B,centerOffset:F-B-E,...z&&{alignmentOffset:E}},reset:z}}}),flip$1=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var o,i;const{placement:r,middlewareData:n,rects:s,initialPlacement:a,platform:l,elements:c}=e,{mainAxis:d=!0,crossAxis:h=!0,fallbackPlacements:u,fallbackStrategy:g="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:m=!0,...b}=evaluate(t,e);if(null!=(o=n.arrow)&&o.alignmentOffset)return{};const $=getSide(r),_=getSide(a)===a,f=await(null==l.isRTL?void 0:l.isRTL(c.floating)),y=u||(_||!m?[getOppositePlacement(a)]:getExpandedPlacements(a));u||"none"===p||y.push(...getOppositeAxisPlacements(a,m,p,f));const v=[a,...y],x=await detectOverflow(e,b),w=[];let k=(null==(i=n.flip)?void 0:i.overflows)||[];if(d&&w.push(x[$]),h){const t=getAlignmentSides(r,s,f);w.push(x[t[0]],x[t[1]])}if(k=[...k,{placement:r,overflows:w}],!w.every((t=>t<=0))){var C,S;const t=((null==(C=n.flip)?void 0:C.index)||0)+1,e=v[t];if(e)return{data:{index:t,overflows:k},reset:{placement:e}};let o=null==(S=k.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:S.placement;if(!o)switch(g){case"bestFit":{var T;const t=null==(T=k.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:T[0];t&&(o=t);break}case"initialPlacement":o=a}if(r!==o)return{reset:{placement:o}}}return{}}}};function getSideOffsets(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function isAnySideFullyClipped(t){return sides.some((e=>t[e]>=0))}const hide$1=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(e){const{rects:o}=e,{strategy:i="referenceHidden",...r}=evaluate(t,e);switch(i){case"referenceHidden":{const t=getSideOffsets(await detectOverflow(e,{...r,elementContext:"reference"}),o.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:isAnySideFullyClipped(t)}}}case"escaped":{const t=getSideOffsets(await detectOverflow(e,{...r,altBoundary:!0}),o.floating);return{data:{escapedOffsets:t,escaped:isAnySideFullyClipped(t)}}}default:return{}}}}},shift$1=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:o,y:i,placement:r}=e,{mainAxis:n=!0,crossAxis:s=!1,limiter:a={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...l}=evaluate(t,e),c={x:o,y:i},d=await detectOverflow(e,l),h=getSideAxis(getSide(r)),u=getOppositeAxis(h);let g=c[u],p=c[h];if(n){const t="y"===u?"bottom":"right";g=clamp$1(g+d["y"===u?"top":"left"],g,g-d[t])}if(s){const t="y"===h?"bottom":"right";p=clamp$1(p+d["y"===h?"top":"left"],p,p-d[t])}const m=a.fn({...e,[u]:g,[h]:p});return{...m,data:{x:m.x-o,y:m.y-i}}}}};function getNodeName(t){return isNode(t)?(t.nodeName||"").toLowerCase():"#document"}function getWindow(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function getDocumentElement(t){var e;return null==(e=(isNode(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function isNode(t){return t instanceof Node||t instanceof getWindow(t).Node}function isElement(t){return t instanceof Element||t instanceof getWindow(t).Element}function isHTMLElement(t){return t instanceof HTMLElement||t instanceof getWindow(t).HTMLElement}function isShadowRoot(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof getWindow(t).ShadowRoot)}function isOverflowElement(t){const{overflow:e,overflowX:o,overflowY:i,display:r}=getComputedStyle$1(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+o)&&!["inline","contents"].includes(r)}function isTableElement(t){return["table","td","th"].includes(getNodeName(t))}function isContainingBlock(t){const e=isWebKit(),o=getComputedStyle$1(t);return"none"!==o.transform||"none"!==o.perspective||!!o.containerType&&"normal"!==o.containerType||!e&&!!o.backdropFilter&&"none"!==o.backdropFilter||!e&&!!o.filter&&"none"!==o.filter||["transform","perspective","filter"].some((t=>(o.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(o.contain||"").includes(t)))}function getContainingBlock(t){let e=getParentNode(t);for(;isHTMLElement(e)&&!isLastTraversableNode(e);){if(isContainingBlock(e))return e;e=getParentNode(e)}return null}function isWebKit(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function isLastTraversableNode(t){return["html","body","#document"].includes(getNodeName(t))}function getComputedStyle$1(t){return getWindow(t).getComputedStyle(t)}function getNodeScroll(t){return isElement(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function getParentNode(t){if("html"===getNodeName(t))return t;const e=t.assignedSlot||t.parentNode||isShadowRoot(t)&&t.host||getDocumentElement(t);return isShadowRoot(e)?e.host:e}function getNearestOverflowAncestor(t){const e=getParentNode(t);return isLastTraversableNode(e)?t.ownerDocument?t.ownerDocument.body:t.body:isHTMLElement(e)&&isOverflowElement(e)?e:getNearestOverflowAncestor(e)}function getOverflowAncestors(t,e,o){var i;void 0===e&&(e=[]),void 0===o&&(o=!0);const r=getNearestOverflowAncestor(t),n=r===(null==(i=t.ownerDocument)?void 0:i.body),s=getWindow(r);return n?e.concat(s,s.visualViewport||[],isOverflowElement(r)?r:[],s.frameElement&&o?getOverflowAncestors(s.frameElement):[]):e.concat(r,getOverflowAncestors(r,[],o))}function getCssDimensions(t){const e=getComputedStyle$1(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const r=isHTMLElement(t),n=r?t.offsetWidth:o,s=r?t.offsetHeight:i,a=round(o)!==n||round(i)!==s;return a&&(o=n,i=s),{width:o,height:i,$:a}}function unwrapElement(t){return isElement(t)?t:t.contextElement}function getScale(t){const e=unwrapElement(t);if(!isHTMLElement(e))return createCoords(1);const o=e.getBoundingClientRect(),{width:i,height:r,$:n}=getCssDimensions(e);let s=(n?round(o.width):o.width)/i,a=(n?round(o.height):o.height)/r;return s&&Number.isFinite(s)||(s=1),a&&Number.isFinite(a)||(a=1),{x:s,y:a}}const noOffsets=createCoords(0);function getVisualOffsets(t){const e=getWindow(t);return isWebKit()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:noOffsets}function shouldAddVisualOffsets(t,e,o){return void 0===e&&(e=!1),!(!o||e&&o!==getWindow(t))&&e}function getBoundingClientRect(t,e,o,i){void 0===e&&(e=!1),void 0===o&&(o=!1);const r=t.getBoundingClientRect(),n=unwrapElement(t);let s=createCoords(1);e&&(i?isElement(i)&&(s=getScale(i)):s=getScale(t));const a=shouldAddVisualOffsets(n,o,i)?getVisualOffsets(n):createCoords(0);let l=(r.left+a.x)/s.x,c=(r.top+a.y)/s.y,d=r.width/s.x,h=r.height/s.y;if(n){const t=getWindow(n),e=i&&isElement(i)?getWindow(i):i;let o=t,r=o.frameElement;for(;r&&i&&e!==o;){const t=getScale(r),e=r.getBoundingClientRect(),i=getComputedStyle$1(r),n=e.left+(r.clientLeft+parseFloat(i.paddingLeft))*t.x,s=e.top+(r.clientTop+parseFloat(i.paddingTop))*t.y;l*=t.x,c*=t.y,d*=t.x,h*=t.y,l+=n,c+=s,o=getWindow(r),r=o.frameElement}}return rectToClientRect({width:d,height:h,x:l,y:c})}const topLayerSelectors=[":popover-open",":modal"];function isTopLayer(t){return topLayerSelectors.some((e=>{try{return t.matches(e)}catch(t){return!1}}))}function convertOffsetParentRelativeRectToViewportRelativeRect(t){let{elements:e,rect:o,offsetParent:i,strategy:r}=t;const n="fixed"===r,s=getDocumentElement(i),a=!!e&&isTopLayer(e.floating);if(i===s||a&&n)return o;let l={scrollLeft:0,scrollTop:0},c=createCoords(1);const d=createCoords(0),h=isHTMLElement(i);if((h||!h&&!n)&&(("body"!==getNodeName(i)||isOverflowElement(s))&&(l=getNodeScroll(i)),isHTMLElement(i))){const t=getBoundingClientRect(i);c=getScale(i),d.x=t.x+i.clientLeft,d.y=t.y+i.clientTop}return{width:o.width*c.x,height:o.height*c.y,x:o.x*c.x-l.scrollLeft*c.x+d.x,y:o.y*c.y-l.scrollTop*c.y+d.y}}function getClientRects(t){return Array.from(t.getClientRects())}function getWindowScrollBarX(t){return getBoundingClientRect(getDocumentElement(t)).left+getNodeScroll(t).scrollLeft}function getDocumentRect(t){const e=getDocumentElement(t),o=getNodeScroll(t),i=t.ownerDocument.body,r=max(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),n=max(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let s=-o.scrollLeft+getWindowScrollBarX(t);const a=-o.scrollTop;return"rtl"===getComputedStyle$1(i).direction&&(s+=max(e.clientWidth,i.clientWidth)-r),{width:r,height:n,x:s,y:a}}function getViewportRect(t,e){const o=getWindow(t),i=getDocumentElement(t),r=o.visualViewport;let n=i.clientWidth,s=i.clientHeight,a=0,l=0;if(r){n=r.width,s=r.height;const t=isWebKit();(!t||t&&"fixed"===e)&&(a=r.offsetLeft,l=r.offsetTop)}return{width:n,height:s,x:a,y:l}}function getInnerBoundingClientRect(t,e){const o=getBoundingClientRect(t,!0,"fixed"===e),i=o.top+t.clientTop,r=o.left+t.clientLeft,n=isHTMLElement(t)?getScale(t):createCoords(1);return{width:t.clientWidth*n.x,height:t.clientHeight*n.y,x:r*n.x,y:i*n.y}}function getClientRectFromClippingAncestor(t,e,o){let i;if("viewport"===e)i=getViewportRect(t,o);else if("document"===e)i=getDocumentRect(getDocumentElement(t));else if(isElement(e))i=getInnerBoundingClientRect(e,o);else{const o=getVisualOffsets(t);i={...e,x:e.x-o.x,y:e.y-o.y}}return rectToClientRect(i)}function hasFixedPositionAncestor(t,e){const o=getParentNode(t);return!(o===e||!isElement(o)||isLastTraversableNode(o))&&("fixed"===getComputedStyle$1(o).position||hasFixedPositionAncestor(o,e))}function getClippingElementAncestors(t,e){const o=e.get(t);if(o)return o;let i=getOverflowAncestors(t,[],!1).filter((t=>isElement(t)&&"body"!==getNodeName(t))),r=null;const n="fixed"===getComputedStyle$1(t).position;let s=n?getParentNode(t):t;for(;isElement(s)&&!isLastTraversableNode(s);){const e=getComputedStyle$1(s),o=isContainingBlock(s);o||"fixed"!==e.position||(r=null);(n?!o&&!r:!o&&"static"===e.position&&!!r&&["absolute","fixed"].includes(r.position)||isOverflowElement(s)&&!o&&hasFixedPositionAncestor(t,s))?i=i.filter((t=>t!==s)):r=e,s=getParentNode(s)}return e.set(t,i),i}function getClippingRect(t){let{element:e,boundary:o,rootBoundary:i,strategy:r}=t;const n=[..."clippingAncestors"===o?getClippingElementAncestors(e,this._c):[].concat(o),i],s=n[0],a=n.reduce(((t,o)=>{const i=getClientRectFromClippingAncestor(e,o,r);return t.top=max(i.top,t.top),t.right=min(i.right,t.right),t.bottom=min(i.bottom,t.bottom),t.left=max(i.left,t.left),t}),getClientRectFromClippingAncestor(e,s,r));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}}function getDimensions(t){const{width:e,height:o}=getCssDimensions(t);return{width:e,height:o}}function getRectRelativeToOffsetParent(t,e,o){const i=isHTMLElement(e),r=getDocumentElement(e),n="fixed"===o,s=getBoundingClientRect(t,!0,n,e);let a={scrollLeft:0,scrollTop:0};const l=createCoords(0);if(i||!i&&!n)if(("body"!==getNodeName(e)||isOverflowElement(r))&&(a=getNodeScroll(e)),i){const t=getBoundingClientRect(e,!0,n,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else r&&(l.x=getWindowScrollBarX(r));return{x:s.left+a.scrollLeft-l.x,y:s.top+a.scrollTop-l.y,width:s.width,height:s.height}}function getTrueOffsetParent(t,e){return isHTMLElement(t)&&"fixed"!==getComputedStyle$1(t).position?e?e(t):t.offsetParent:null}function getOffsetParent(t,e){const o=getWindow(t);if(!isHTMLElement(t)||isTopLayer(t))return o;let i=getTrueOffsetParent(t,e);for(;i&&isTableElement(i)&&"static"===getComputedStyle$1(i).position;)i=getTrueOffsetParent(i,e);return i&&("html"===getNodeName(i)||"body"===getNodeName(i)&&"static"===getComputedStyle$1(i).position&&!isContainingBlock(i))?o:i||getContainingBlock(t)||o}const getElementRects=async function(t){const e=this.getOffsetParent||getOffsetParent,o=this.getDimensions;return{reference:getRectRelativeToOffsetParent(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,...await o(t.floating)}}};function isRTL(t){return"rtl"===getComputedStyle$1(t).direction}const platform={convertOffsetParentRelativeRectToViewportRelativeRect,getDocumentElement,getClippingRect,getOffsetParent,getElementRects,getClientRects,getDimensions,getScale,isElement,isRTL};function observeMove(t,e){let o,i=null;const r=getDocumentElement(t);function n(){var t;clearTimeout(o),null==(t=i)||t.disconnect(),i=null}return function s(a,l){void 0===a&&(a=!1),void 0===l&&(l=1),n();const{left:c,top:d,width:h,height:u}=t.getBoundingClientRect();if(a||e(),!h||!u)return;const g={rootMargin:-floor(d)+"px "+-floor(r.clientWidth-(c+h))+"px "+-floor(r.clientHeight-(d+u))+"px "+-floor(c)+"px",threshold:max(0,min(1,l))||1};let p=!0;function m(t){const e=t[0].intersectionRatio;if(e!==l){if(!p)return s();e?s(!1,e):o=setTimeout((()=>{s(!1,1e-7)}),100)}p=!1}try{i=new IntersectionObserver(m,{...g,root:r.ownerDocument})}catch(t){i=new IntersectionObserver(m,g)}i.observe(t)}(!0),n}function autoUpdate(t,e,o,i){void 0===i&&(i={});const{ancestorScroll:r=!0,ancestorResize:n=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:l=!1}=i,c=unwrapElement(t),d=r||n?[...c?getOverflowAncestors(c):[],...getOverflowAncestors(e)]:[];d.forEach((t=>{r&&t.addEventListener("scroll",o,{passive:!0}),n&&t.addEventListener("resize",o)}));const h=c&&a?observeMove(c,o):null;let u,g=-1,p=null;s&&(p=new ResizeObserver((t=>{let[i]=t;i&&i.target===c&&p&&(p.unobserve(e),cancelAnimationFrame(g),g=requestAnimationFrame((()=>{var t;null==(t=p)||t.observe(e)}))),o()})),c&&!l&&p.observe(c),p.observe(e));let m=l?getBoundingClientRect(t):null;return l&&function e(){const i=getBoundingClientRect(t);!m||i.x===m.x&&i.y===m.y&&i.width===m.width&&i.height===m.height||o();m=i,u=requestAnimationFrame(e)}(),o(),()=>{var t;d.forEach((t=>{r&&t.removeEventListener("scroll",o),n&&t.removeEventListener("resize",o)})),null==h||h(),null==(t=p)||t.disconnect(),p=null,l&&cancelAnimationFrame(u)}}const shift=shift$1,flip=flip$1,hide=hide$1,arrow=arrow$1,computePosition=(t,e,o)=>{const i=new Map,r={platform,...o},n={...r.platform,_c:i};return computePosition$1(t,e,{...r,platform:n})};function offsetParent(t){return offsetParentPolyfill(t)}function flatTreeParent(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}function offsetParentPolyfill(t){for(let e=t;e;e=flatTreeParent(e))if(e instanceof Element&&"none"===getComputedStyle(e).display)return null;for(let e=flatTreeParent(t);e;e=flatTreeParent(e)){if(!(e instanceof Element))continue;const t=getComputedStyle(e);if("contents"!==t.display){if("static"!==t.position||"none"!==t.filter)return e;if("BODY"===e.tagName)return e}}return null}function supportsPopover(){return Object.hasOwn(HTMLElement.prototype,"popover")}function isPopover(t){return!!t&&(supportsPopover()&&t.matches("[popover]"))}function getPositionOffset(t,e,o){const i="var(--m-popover-arrow-size)";switch(e){case"top":case"left":return t?`-1 * ${i} - ${o}px`:`-1 * ${o}px`;case"bottom":case"right":return t?`${i} + ${o}px`:`${o}px`;default:return"0px"}}var _Popover_updateCleanup,_Popover_getArrowPosition;const POPOVER_PLACEMENT_VALUES=["top","left","right","bottom","top-start","top-end","bottom-start","bottom-end"];class Popover extends Component{static get properties(){return{position:{type:String,reflect:!0},placement:{type:String},open:{type:Boolean,reflect:!0},asPopover:{type:Boolean,attribute:"as-popover"}}}constructor(){super(),_Popover_updateCleanup.set(this,void 0),this.getFloatingOffset=()=>10,this.renderArrow=()=>x`<span id="arrow"></span>`,this.reposition=async t=>{if(null==this.floating||null==this.reference)return;const{x:e,y:o,placement:i,middlewareData:r}=await computePosition(this.reference,this.floating,{strategy:this.position??"fixed",placement:this.placement??"bottom-start",platform:{...platform,getOffsetParent:t=>platform.getOffsetParent(t,offsetParent)},middleware:[flip(),shift(),this.arrow?arrow({element:this.arrow,padding:10}):void 0,hide()]});if(r.hide?.referenceHidden)return void Object.assign(this.floating.style,{visibility:"hidden"});const[n]=i.split("-"),s=null!=this.arrow,a={top:{x:"0px",y:getPositionOffset(s,"top",this.getFloatingOffset())},bottom:{x:"0px",y:getPositionOffset(s,"bottom",this.getFloatingOffset())},right:{x:getPositionOffset(s,"right",this.getFloatingOffset()),y:"0px"},left:{x:getPositionOffset(s,"left",this.getFloatingOffset()),y:"0px"}};Object.assign(this.floating.style,{visibility:"visible",top:`calc(${o}px + ${a[n].y})`,left:`calc(${e}px + ${a[n].x})`}),null!=this.arrow&&r.arrow&&Object.assign(this.arrow.style,__classPrivateFieldGet$1(this,_Popover_getArrowPosition,"f").call(this,r.arrow,n)),this.emit("m-popover-reposition",{detail:{reason:t}})},_Popover_getArrowPosition.set(this,((t,e)=>{if(null==this.floating||null==this.reference||null==this.arrow||null==t)return{};const o={top:"bottom",right:"left",bottom:"top",left:"right"}[e],{x:i,y:r}=t;return{left:null!=i?`${i}px`:"",top:null!=r?`${r}px`:"",right:"",bottom:"",[o]:-this.arrow.offsetWidth/2+"px"}})),this.position="fixed",this.placement="top-end",this.open=!1,this.asPopover=!1}disconnectedCallback(){super.disconnectedCallback(),__classPrivateFieldGet$1(this,_Popover_updateCleanup,"f")?.call(this)}firstUpdated(){this.asPopover&&supportsPopover()&&this.floating&&this.floating.setAttribute("popover","manual"),this.open&&this.show()}updated(t){super.updated(t),this.open&&null!=t.get("placement")&&null!=this.placement&&this.reposition("placement")}get reference(){return this.getReferenceElement()}get floating(){return this.getFloatingElement()}get arrow(){return this.getArrowElement()}show(){this.open||(this.open=!0,this.reference&&this.floating&&(isPopover(this.floating)&&this.floating.showPopover(),__classPrivateFieldSet(this,_Popover_updateCleanup,autoUpdate(this.reference,this.floating,(()=>{this.reposition("auto")})),"f")))}hide(){this.open&&(this.open=!1,null!=this.floating&&isPopover(this.floating)&&this.floating.hidePopover(),__classPrivateFieldGet$1(this,_Popover_updateCleanup,"f")?.call(this))}toggle(){this.open?this.hide():this.show()}}_Popover_updateCleanup=new WeakMap,_Popover_getArrowPosition=new WeakMap;const DEFAULT_SELECTORS={referenceSelector:"slot[name='reference']::slotted(*),",floatingSelector:"slot[name='floating']::slotted(*)"};function styles$m(t=DEFAULT_SELECTORS){const{referenceSelector:e,floatingSelector:o}={...DEFAULT_SELECTORS,...t};return[i$5`
1865
- :host {
1866
- --m-popover-background-color: ${getColor("color-background-secondary-inverted")};
1867
- --m-popover-border-radius: ${getToken("border-radius-m")};
1868
- --m-popover-border-width: 0;
1869
- --m-popover-border-style: none;
1870
- --m-popover-overflow-x: hidden;
1871
- --m-popover-overflow-y: visible;
1872
- --m-popover-border-color: transparent;
1873
- --m-popover-color: ${getColor("color-text-inverted")};
1874
- --m-popover-elevation: ${getToken("elevation-2")};
1875
- --m-popover-width: initial;
1876
- --m-popover-min-width: initial;
1877
- --m-popover-max-width: initial;
1878
- --m-popover-z-index: 10;
1879
- --m-popover-floating-spacing-x: ${getToken("spacing-4")};
1880
- --m-popover-floating-spacing-y: ${getToken("spacing-2")};
1881
-
1882
- --m-popover-arrow-size: 12px;
1883
- --m-popover-arrow-offset: calc(-1 * (var(--m-popover-arrow-size) / 2));
1884
-
1885
- position: relative;
1886
- }
1887
-
1888
- ${r$9(e)} {
1889
- display: inline-flex;
1890
- }
1891
-
1892
- ${r$9(o)} {
1893
- ${transition([{property:"box-shadow"}])};
1894
- ${typography("body-md")};
1895
-
1896
- padding-inline: var(--m-popover-floating-spacing-x);
1897
- padding-block: var(--m-popover-floating-spacing-y);
1898
- margin: 0;
1899
-
1900
- display: none;
1901
-
1902
- box-sizing: border-box;
1903
- inline-size: var(--m-popover-width);
1904
- min-inline-size: var(--m-popover-min-width);
1905
- max-inline-size: var(--m-popover-max-width);
1906
-
1907
- overflow-x: var(--m-popover-overflow-x);
1908
- overflow-y: var(--m-popover-overflow-y);
1909
-
1910
- border-width: var(--m-popover-border-width);
1911
- border-style: var(--m-popover-border-style);
1912
- border-color: var(--m-popover-border-color);
1913
- border-radius: var(--m-popover-border-radius);
1914
-
1915
- background-color: var(--m-popover-background-color);
1916
- color: var(--m-popover-color);
1917
-
1918
- box-shadow: var(--m-popover-elevation);
1919
- z-index: var(--m-popover-z-index);
1920
- }
1921
-
1922
- :host([position='absolute']) ${r$9(o)} {
1923
- position: absolute;
1924
- }
1925
-
1926
- :host([position='fixed']) ${r$9(o)} {
1927
- position: fixed;
1928
- }
1929
-
1930
- :host([open]) ${r$9(o)}, :host([open]) #arrow {
1931
- display: inline-block;
1932
- }
1933
-
1934
- #arrow {
1935
- display: none;
1936
- position: absolute;
1937
- inline-size: var(--m-popover-arrow-size);
1938
- block-size: var(--m-popover-arrow-size);
1939
- background-color: var(--m-popover-background-color);
1940
- transform: rotate(45deg);
1941
-
1942
- pointer-events: none;
1943
- }
1944
-
1945
- .-absolute {
1946
- position: absolute;
1947
- }
1948
-
1949
- .-fixed {
1950
- position: fixed;
1951
- }
1952
- `]}var _BoundaryController_instances,_BoundaryController_subscribe,_BoundaryController_unsubscribe,_BoundaryController_handleEvent,_BoundaryController_handleBlurEvent,_FocusManagerController_instances,_FocusManagerController_focusElement,_FocusManagerController_focusIndex,_FocusManagerController_focusPosition,_FocusManagerController_getIndexOfQueried,_FocusManagerController_findQueriedById,_FocusManagerController_handleKeyPress,_FocusManagerController_clearBufferAfterDelay,_FocusManagerController_findMatchInRange;class BoundaryController{constructor(t,e){_BoundaryController_instances.add(this),this.activate=()=>{this.active||(__classPrivateFieldGet$1(this,_BoundaryController_instances,"m",_BoundaryController_subscribe).call(this),this.active=!0)},this.deactivate=()=>{this.active&&(__classPrivateFieldGet$1(this,_BoundaryController_instances,"m",_BoundaryController_unsubscribe).call(this),this.active=!1)},_BoundaryController_handleEvent.set(this,(t=>{const e=isInsideElement(t,this.host);!e||t instanceof KeyboardEvent&&"Escape"===t.key?this.host.dispatchEvent(new CustomEvent("m-interact-out")):e&&this.host.dispatchEvent(new CustomEvent("m-interact-in"))})),_BoundaryController_handleBlurEvent.set(this,(t=>{isInsideElement(t,this.host)||this.host.dispatchEvent(new CustomEvent("m-interact-out"))})),this.host=t,this.active=Boolean(e??!1),this.host.addController(this)}hostConnected(){this.active?__classPrivateFieldGet$1(this,_BoundaryController_instances,"m",_BoundaryController_subscribe).call(this):__classPrivateFieldGet$1(this,_BoundaryController_instances,"m",_BoundaryController_unsubscribe).call(this)}hostDisconnected(){this.active&&__classPrivateFieldGet$1(this,_BoundaryController_instances,"m",_BoundaryController_unsubscribe).call(this)}}function isDisabled(t){return null!=t&&"object"==typeof t&&"disabled"in t&&!0===t.disabled}function isPrintableCharacter(t){return 1===t.length&&/\S/.test(t)}_BoundaryController_handleEvent=new WeakMap,_BoundaryController_handleBlurEvent=new WeakMap,_BoundaryController_instances=new WeakSet,_BoundaryController_subscribe=function(){document.addEventListener("mousedown",__classPrivateFieldGet$1(this,_BoundaryController_handleEvent,"f")),document.addEventListener("keyup",__classPrivateFieldGet$1(this,_BoundaryController_handleEvent,"f")),document.addEventListener("touchend",__classPrivateFieldGet$1(this,_BoundaryController_handleEvent,"f")),window.addEventListener("blur",__classPrivateFieldGet$1(this,_BoundaryController_handleBlurEvent,"f"),!0)},_BoundaryController_unsubscribe=function(){document.removeEventListener("mousedown",__classPrivateFieldGet$1(this,_BoundaryController_handleEvent,"f")),document.removeEventListener("keyup",__classPrivateFieldGet$1(this,_BoundaryController_handleEvent,"f")),document.removeEventListener("touchend",__classPrivateFieldGet$1(this,_BoundaryController_handleEvent,"f")),window.removeEventListener("blur",__classPrivateFieldGet$1(this,_BoundaryController_handleBlurEvent,"f"),!0)};class FocusManagerController{constructor(t,e){_FocusManagerController_instances.add(this),this.activeDescendant=null,_FocusManagerController_focusElement.set(this,(t=>{t&&!isDisabled(t)&&t.id&&(this.clear(),this.activeDescendant=t.id,this.getInteractiveElement(this.host).setAttribute("aria-activedescendant",t.id),t.classList.add("is-focused"),t.scrollIntoView({block:"start",inline:"nearest",behavior:"smooth"}))})),_FocusManagerController_focusIndex.set(this,(t=>{__classPrivateFieldGet$1(this,_FocusManagerController_focusElement,"f").call(this,this.queried.at(t))})),_FocusManagerController_focusPosition.set(this,(t=>{const e=__classPrivateFieldGet$1(this,_FocusManagerController_instances,"m",_FocusManagerController_getIndexOfQueried).call(this,this.focused);switch(t){case"first":__classPrivateFieldGet$1(this,_FocusManagerController_focusIndex,"f").call(this,0);break;case"last":__classPrivateFieldGet$1(this,_FocusManagerController_focusIndex,"f").call(this,this.queried.length-1);break;case"previous":{if(-1===e)return;const t=(e-1+this.queried.length)%this.queried.length;__classPrivateFieldGet$1(this,_FocusManagerController_focusIndex,"f").call(this,t);break}case"next":{if(-1===e)return;const t=(e+1)%this.queried.length;__classPrivateFieldGet$1(this,_FocusManagerController_focusIndex,"f").call(this,t);break}}})),_FocusManagerController_handleKeyPress.set(this,(t=>{const{key:e}=t;if(!isPrintableCharacter(e))return;const o=__classPrivateFieldGet$1(this,_FocusManagerController_instances,"m",_FocusManagerController_getIndexOfQueried).call(this,this.focused);this.quickSearchBuffer+=e,__classPrivateFieldGet$1(this,_FocusManagerController_clearBufferAfterDelay,"f").call(this);let i=__classPrivateFieldGet$1(this,_FocusManagerController_findMatchInRange,"f").call(this,o+1,this.queried.length);i||(i=__classPrivateFieldGet$1(this,_FocusManagerController_findMatchInRange,"f").call(this,0,o)),null!=i&&this.focus(i)})),_FocusManagerController_clearBufferAfterDelay.set(this,(()=>{this.quickSearchBufferTimeout&&(window.clearTimeout(this.quickSearchBufferTimeout),this.quickSearchBufferTimeout=null),this.quickSearchBufferTimeout=window.setTimeout((()=>{this.quickSearchBuffer="",this.quickSearchBufferTimeout=null}),500)})),_FocusManagerController_findMatchInRange.set(this,((t,e)=>{for(let o=t;o<e;o++){const t=this.queried[o].innerText.toLowerCase();if(t&&0===t.indexOf(this.quickSearchBuffer))return this.queried[o]}return null})),this.query=toArray$1(e.query).join(","),this.focusOnType=Boolean(e.focusOnType??!0),this.getInteractiveElement=e.getInteractiveElement??(()=>t),this.quickSearchBuffer="",(this.host=t).addController(this)}hostConnected(){this.focusOnType&&this.host.addEventListener("keyup",__classPrivateFieldGet$1(this,_FocusManagerController_handleKeyPress,"f"))}hostDisconnected(){this.host.removeEventListener("keyup",__classPrivateFieldGet$1(this,_FocusManagerController_handleKeyPress,"f"))}get queried(){return Array.from(this.host.querySelectorAll(this.query))}get focused(){return this.activeDescendant?__classPrivateFieldGet$1(this,_FocusManagerController_instances,"m",_FocusManagerController_findQueriedById).call(this,this.activeDescendant):null}focusNext(){this.focus("next")}focusPrevious(){this.focus("previous")}focusFirst(){this.focus(0)}focusLast(){this.focus(this.queried.length-1)}focus(t){"number"==typeof t?__classPrivateFieldGet$1(this,_FocusManagerController_focusIndex,"f").call(this,t):"string"==typeof t?__classPrivateFieldGet$1(this,_FocusManagerController_focusPosition,"f").call(this,t):__classPrivateFieldGet$1(this,_FocusManagerController_focusElement,"f").call(this,t)}clear(){this.getInteractiveElement(this.host).removeAttribute("aria-activedescendant");const t=this.focused;this.activeDescendant=null,t&&t.classList.remove("is-focused")}}_FocusManagerController_focusElement=new WeakMap,_FocusManagerController_focusIndex=new WeakMap,_FocusManagerController_focusPosition=new WeakMap,_FocusManagerController_handleKeyPress=new WeakMap,_FocusManagerController_clearBufferAfterDelay=new WeakMap,_FocusManagerController_findMatchInRange=new WeakMap,_FocusManagerController_instances=new WeakSet,_FocusManagerController_getIndexOfQueried=function(t){return t?this.queried.indexOf(t):-1},_FocusManagerController_findQueriedById=function(t){return this.queried.find((e=>e.id===t))??null};const TRIGGER_SELECTOR='[aria-haspopup="true"]',MENU_SELECTOR='[role="menu"]',ITEM_SELECTOR='[role="menuitem"]';function dropdownStyles(){return[styles$m({referenceSelector:`::slotted(${TRIGGER_SELECTOR})`,floatingSelector:`::slotted(${MENU_SELECTOR})`}),i$5`
1953
- :host {
1954
- --m-popover-floating-spacing-x: ${getToken("spacing-2")};
1955
- --m-popover-floating-spacing-y: ${getToken("spacing-2")};
1956
- /* TODO: figure out a way to avoid layout shift when using narrow triggers */
1957
- --m-popover-width: max-content;
1958
- --m-popover-min-width: 16ch;
1959
-
1960
- display: inline-block;
1961
- }
1962
-
1963
- ::slotted(${r$9(MENU_SELECTOR)}) {
1964
- --m-popover-background-color: ${getColor("color-background-primary")};
1965
-
1966
- outline: none;
1967
- }
1968
-
1969
- :host([open]) ::slotted(${r$9(MENU_SELECTOR)}) {
1970
- display: inline-flex;
1971
-
1972
- flex-direction: column;
1973
- }
1974
- `]}function triggerStyles(){return[i$5`
1975
- :host {
1976
- --m-dropdown-trigger-background-color: ${getColor("color-background-primary")};
1977
- --m-dropdown-trigger-border-color: ${getColor("color-border-input")};
1978
- --m-dropdown-trigger-border-radius: ${getToken("border-radius-s")};
1979
- --m-dropdown-trigger-color: ${getColor("color-text-tertiary")};
1980
- --m-dropdown-trigger-padding-x: ${getToken("spacing-2")};
1981
- --m-dropdown-trigger-padding-y: ${getToken("spacing-2")};
1982
- --m-dropdown-trigger-height: ${getToken("global-height-default")};
1983
-
1984
- ${transition([{property:"color"},{property:"background-color"},{property:"border-color"}])};
1985
-
1986
- ${typography("body-md")};
1987
-
1988
- cursor: pointer;
1989
- position: relative;
1990
-
1991
- display: flex;
1992
- align-items: center;
1993
- justify-content: flex-start;
1994
- overflow: hidden;
1995
-
1996
- block-size: var(--m-dropdown-trigger-height);
1997
- inline-size: 100%;
1998
- box-sizing: border-box;
1999
-
2000
- text-decoration: none;
2001
-
2002
- gap: ${getToken("spacing-1")};
2003
-
2004
- ${px("var(--m-dropdown-trigger-padding-x)")};
2005
- ${py("var(--m-dropdown-trigger-padding-y)")};
2006
-
2007
- background-color: var(--m-dropdown-trigger-background-color);
2008
- color: var(--m-dropdown-trigger-color);
2009
- border: 1px solid var(--m-dropdown-trigger-border-color);
2010
-
2011
- border-radius: var(--m-dropdown-trigger-border-radius);
2012
-
2013
- outline: none;
2014
- }
2015
-
2016
- :host(:not([disabled]):hover) {
2017
- --m-dropdown-trigger-border-color: ${getColor("color-primary-60")};
2018
- }
2019
-
2020
- :host(:not([disabled]):is(:focus, :focus-within, :focus-visible)) {
2021
- --m-dropdown-trigger-border-color: ${getColor("color-primary-100")};
2022
- }
2023
-
2024
- :host([disabled]) {
2025
- --m-dropdown-trigger-background-color: ${getColor("color-background-tertiary")};
2026
- --m-dropdown-trigger-color: ${getColor("color-text-placeholder")};
2027
-
2028
- cursor: default;
2029
- pointer-events: none;
2030
- }
2031
-
2032
- :host([disabled]) *,
2033
- :host([disabled]) ::slotted(*) {
2034
- pointer-events: none;
2035
- user-select: none;
2036
- }
2037
-
2038
- :host-context([size='small']) {
2039
- --m-dropdown-trigger-border-color: ${getColor("color-border-input",0)};
2040
- --m-dropdown-trigger-padding-y: ${getToken("spacing-1")};
2041
- --m-dropdown-trigger-height: ${getToken("global-height-small")};
2042
- --m-dropdown-trigger-background-color: transparent;
2043
- }
2044
-
2045
- :host-context([size='small']:not([disabled]):hover) {
2046
- --m-dropdown-trigger-border-color: ${getColor("color-border-input")};
2047
- }
2048
-
2049
- :host-context([size='small'][disabled]) {
2050
- --m-dropdown-trigger-color: ${getColor("color-text-disabled")};
2051
- }
2052
-
2053
- :host-context([size='large']) {
2054
- --m-dropdown-trigger-padding-y: ${getToken("spacing-3")};
2055
- --m-dropdown-trigger-height: ${getToken("global-height-large")};
2056
- }
2057
- `,i$5`
2058
- .indicator {
2059
- --m-icon-size: 12px;
2060
- --m-icon-color: ${getColor("color-text-placeholder")};
2061
-
2062
- ${transition([{property:"transform"}])};
2063
-
2064
- margin: 0 0 0 auto;
2065
- }
2066
-
2067
- :host([aria-expanded='true']) .indicator {
2068
- transform: rotate(180deg);
2069
- }
2070
-
2071
- :host-context([size='small'][disabled]) .indicator {
2072
- --m-icon-color: ${getColor("color-text-disabled")};
2073
- }
2074
- `]}function itemStyles(){return[i$5`
2075
- :host {
2076
- --m-dropdown-item-background-color: ${getColor("color-background-primary")};
2077
- --m-dropdown-item-color: ${getColor("color-text-secondary")};
2078
-
2079
- ${transition([{property:"color"},{property:"background-color"}])};
2080
- ${typography("body-md")};
2081
-
2082
- block-size: 36px;
2083
-
2084
- cursor: pointer;
2085
- position: relative;
2086
-
2087
- box-sizing: border-box;
2088
-
2089
- display: inline-flex;
2090
- align-items: center;
2091
- justify-content: flex-start;
2092
- text-decoration: none;
2093
-
2094
- gap: ${getToken("spacing-2")};
2095
-
2096
- ${px(getToken("spacing-1"))};
2097
- ${py(getToken("spacing-2"))};
2098
-
2099
- background-color: var(--m-dropdown-item-background-color);
2100
- color: var(--m-dropdown-item-color);
2101
-
2102
- border: none;
2103
-
2104
- border-radius: ${getToken("border-radius-s")};
2105
- }
2106
-
2107
- slot[name='leading']::slotted(*),
2108
- slot[name='trailing']::slotted(*) {
2109
- display: inline-flex;
2110
- align-items: center;
2111
- justify-content: center;
2112
-
2113
- ${p$1(0)};
2114
- ${m$2(0)};
2115
- }
2116
-
2117
- :host([destructive]) {
2118
- --m-dropdown-item-color: ${getColor("color-text-error")};
2119
- }
2120
-
2121
- :host(:not([disabled]):hover),
2122
- :host(:is(:focus, :focus-within, :focus-visible, .is-focused)) {
2123
- --m-dropdown-item-background-color: ${getColor("color-background-tertiary")};
2124
-
2125
- font-weight: ${getToken("font-weight-bold")};
2126
- outline: none;
2127
- }
2128
-
2129
- :host(:not([disabled]):is(:active, .is-active)) {
2130
- --m-dropdown-item-background-color: ${getColor("color-background-highlight")};
2131
- }
2132
-
2133
- :host([disabled]) {
2134
- --m-dropdown-item-color: ${getColor("color-text-disabled")};
2135
-
2136
- pointer-events: none;
2137
- user-select: none;
2138
-
2139
- cursor: default;
2140
- }
2141
-
2142
- :host([disabled]) ::slotted(*) {
2143
- pointer-events: none;
2144
- user-select: none;
2145
- }
2146
- `]}var _Dropdown_controllers,_Dropdown_handleClick,_Dropdown_handleClickOutside;class Dropdown extends Popover{static get properties(){return{...Popover.properties,disabled:{type:Boolean,reflect:!0},size:{type:String,reflect:!0}}}constructor(){super(),_Dropdown_controllers.set(this,void 0),this.getFloatingOffset=()=>4,_Dropdown_handleClick.set(this,(t=>{const{target:e}=t;e&&(e.matches(ITEM_SELECTOR)&&(__classPrivateFieldGet$1(this,_Dropdown_controllers,"f").focus.focus(e),this.collapse()),e.matches(TRIGGER_SELECTOR)&&t.detail>0&&this.toggle())})),_Dropdown_handleClickOutside.set(this,(()=>{this.collapse()})),this.position="absolute",this.placement="bottom-end",this.disabled=!1,__classPrivateFieldSet(this,_Dropdown_controllers,{boundary:new BoundaryController(this),focus:new FocusManagerController(this,{query:ITEM_SELECTOR,getInteractiveElement:()=>this.getFloatingElement()}),keyboard:new KeyboardSupportController(this,[{shortcut:{key:"ArrowUp"},handler:t=>{const{target:e}=t;e&&!this.disabled&&(e.matches(TRIGGER_SELECTOR)?this.expand({position:"last"}):e.matches(MENU_SELECTOR)&&__classPrivateFieldGet$1(this,_Dropdown_controllers,"f").focus.focusPrevious())}},{shortcut:{key:"ArrowDown"},handler:t=>{const{target:e}=t;e&&!this.disabled&&(e.matches(TRIGGER_SELECTOR)?this.expand({position:"first"}):e.matches(MENU_SELECTOR)&&__classPrivateFieldGet$1(this,_Dropdown_controllers,"f").focus.focusNext())}},{shortcut:[{key:"Enter"},{key:" "}],handler:t=>{const{target:e}=t;if(e&&!this.disabled)if(e.matches(TRIGGER_SELECTOR))this.toggle({position:"first"});else if(e.matches(MENU_SELECTOR)){const t=__classPrivateFieldGet$1(this,_Dropdown_controllers,"f").focus.focused;if(t?.disabled)return;t.click()}}},{shortcut:[{key:"Tab"},{key:"Tab",shift:!0}],handler:t=>{const{target:e}=t;e&&e.matches(TRIGGER_SELECTOR)&&this.open&&__classPrivateFieldGet$1(this,_Dropdown_handleClickOutside,"f").call(this)}}])},"f"),this.addEventListener("click",__classPrivateFieldGet$1(this,_Dropdown_handleClick,"f")),this.addEventListener("m-interact-out",__classPrivateFieldGet$1(this,_Dropdown_handleClickOutside,"f"))}firstUpdated(){this.floating?.id&&this.reference?.setAttribute("aria-controls",this.floating.id),this.reference?.id&&this.floating?.setAttribute("aria-labelledby",this.reference.id),super.firstUpdated()}updated(t){super.updated(t),t.has("open")&&(this.open?this.reference?.setAttribute("aria-expanded","true"):this.reference?.removeAttribute("aria-expanded")),t.has("disabled")&&this.reference&&(this.reference.disabled=this.disabled)}getReferenceElement(){return this.querySelector(TRIGGER_SELECTOR)}getFloatingElement(){return this.querySelector(MENU_SELECTOR)}getArrowElement(){return null}render(){return x`<slot></slot>`}async expand(t){const{position:e="first"}=t||{};this.show(),await this.updateComplete,this.floating?.focus(),__classPrivateFieldGet$1(this,_Dropdown_controllers,"f").focus.focus(e),__classPrivateFieldGet$1(this,_Dropdown_controllers,"f").boundary.activate(),this.emit("m-expand")}async collapse(){this.hide(),await this.updateComplete,__classPrivateFieldGet$1(this,_Dropdown_controllers,"f").boundary.deactivate(),__classPrivateFieldGet$1(this,_Dropdown_controllers,"f").focus.clear(),this.reference?.focus(),this.emit("m-collapse")}toggle(t){this.open?this.collapse():this.expand(t)}}_Dropdown_controllers=new WeakMap,_Dropdown_handleClick=new WeakMap,_Dropdown_handleClickOutside=new WeakMap,Dropdown.styles=[dropdownStyles()],window.customElements.define("m-dropdown",Dropdown);let counter=0;function generateId(t="m"){counter+=1;const e=`${t}-${counter}`;return counter===Number.MAX_SAFE_INTEGER&&(counter=0),e}const WithIdElementMixin=(t,e="m")=>class extends t{connectedCallback(){super.connectedCallback(),this.hasAttribute("id")||(this.id=generateId(e))}};class DropdownTrigger extends(WithIdElementMixin(Component)){static get properties(){return{disabled:{type:Boolean,reflect:!0}}}constructor(){super(),this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","button"),this.setAttribute("tabindex","0"),this.setAttribute("aria-haspopup","true")}render(){return x`
2147
- <slot name="leading"></slot>
2148
- <slot></slot>
2149
- <m-icon name="caret-down" class="indicator"></m-icon>
2150
- `}}DropdownTrigger.styles=[triggerStyles()],window.customElements.define("m-dropdown-trigger",DropdownTrigger);class DropdownMenu extends(WithIdElementMixin(Component)){connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu"),this.setAttribute("tabindex","-1")}render(){return x`<slot name="menu-item"></slot>`}}window.customElements.define("m-dropdown-menu",DropdownMenu);class DropdownItem extends(WithIdElementMixin(Component)){static get properties(){return{disabled:{type:Boolean,reflect:!0},destructive:{type:Boolean,reflect:!0}}}constructor(){super(),this.handleClick=t=>{this.disabled&&(t.stopPropagation(),t.preventDefault())},this.disabled=!1,this.destructive=!1,this.addEventListener("click",this.handleClick)}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","menu-item"),this.setAttribute("role","menuitem"),this.setAttribute("tabindex","-1")}updated(t){super.updated(t),t.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}render(){return x`
2151
- <slot name="leading"></slot>
2152
- <slot></slot>
2153
- <slot name="trailing"></slot>
2154
- `}}DropdownItem.styles=[itemStyles()],window.customElements.define("m-dropdown-item",DropdownItem);const emptyStateContext=n$2(Symbol("empty-state"));function getActionSize(t){switch(t){case"panel":case"card":case"card-horizontal":return"small";default:return"default"}}var _EmptyStateAction_contextCallback,_EmptyStateHeader_contextCallback;class EmptyStateAction extends Button{constructor(){super(),_EmptyStateAction_contextCallback.set(this,(({variant:t})=>{this.size=getActionSize(t)})),this.type="button",this.variant="primary",this.context=new s$2(this,{context:emptyStateContext,callback:__classPrivateFieldGet$1(this,_EmptyStateAction_contextCallback,"f"),subscribe:!0})}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","action")}}_EmptyStateAction_contextCallback=new WeakMap,window.customElements.define("m-empty-state-action",EmptyStateAction);class EmptyStateHeader extends Text{constructor(){super(),_EmptyStateHeader_contextCallback.set(this,(t=>{switch(t.variant){case"panel":this.variant="body-md-bold";break;case"card":case"card-horizontal":this.variant="body-sm-bold";break;default:this.variant="heading-sm-bold"}})),this.variant="heading-sm-bold",this.context=new s$2(this,{context:emptyStateContext,callback:__classPrivateFieldGet$1(this,_EmptyStateHeader_contextCallback,"f"),subscribe:!0})}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","header")}}function styles$l(){return i$5`
2155
- slot {
2156
- display: block;
2157
- }
2158
-
2159
- :host {
2160
- max-width: 320px;
2161
- display: flex;
2162
- flex-direction: column;
2163
- align-items: center;
2164
- justify-content: center;
2165
- gap: ${getToken("spacing-4")};
2166
- }
2167
-
2168
- :host([variant|='card']) {
2169
- gap: ${getToken("spacing-2")};
2170
- }
2171
-
2172
- :host([variant='card-horizontal']) {
2173
- flex-direction: row;
2174
- max-width: 100%;
2175
- }
2176
-
2177
- .empty-state-body {
2178
- display: flex;
2179
- flex-direction: column;
2180
- align-items: center;
2181
- justify-content: center;
2182
- text-align: center;
2183
- gap: ${getToken("spacing-2")};
2184
- }
2185
-
2186
- /* Hide illustration when it isn't a supported element */
2187
- slot[name='illustration']::slotted(
2188
- :not(m-empty-state-illustration, img, svg)
2189
- ) {
2190
- display: none;
2191
- }
2192
-
2193
- /* Illustration Wrapper */
2194
-
2195
- .illustration-wrapper {
2196
- overflow: hidden;
2197
- max-width: 320px;
2198
- max-height: 240px;
2199
- }
2200
-
2201
- :host([variant='panel']) .illustration-wrapper {
2202
- max-width: 160px;
2203
- max-height: 120px;
2204
- }
2205
-
2206
- :host([variant='card']) .illustration-wrapper {
2207
- max-height: 36px;
2208
- max-width: 36px;
2209
- }
2210
-
2211
- :host([variant='card-horizontal']) .illustration-wrapper {
2212
- max-height: 24px;
2213
- max-width: 24px;
2214
- }
2215
-
2216
- /* Illustration */
2217
-
2218
- slot[name='illustration'] img,
2219
- slot[name='illustration']::slotted(:is(img, svg)) {
2220
- display: block;
2221
- object-fit: scale-down;
2222
- max-width: 320px;
2223
- max-height: 240px;
2224
- }
2225
-
2226
- :host([variant='panel']) slot[name='illustration'] img,
2227
- :host([variant='panel']) slot[name='illustration']::slotted(:is(img, svg)) {
2228
- max-width: 160px;
2229
- max-height: 120px;
2230
- }
2231
-
2232
- :host([variant='card']) slot[name='illustration'] img,
2233
- :host([variant='card']) slot[name='illustration']::slotted(:is(img, svg)) {
2234
- max-width: 36px;
2235
- max-height: 36px;
2236
- }
2237
-
2238
- :host([variant='card-horizontal']) slot[name='illustration'] img,
2239
- :host([variant='card-horizontal'])
2240
- slot[name='illustration']::slotted(:is(img, svg)) {
2241
- max-width: 24px;
2242
- max-height: 24px;
2243
- }
2244
-
2245
- /* Header */
2246
-
2247
- slot[name='header'] {
2248
- ${getColor("color-text-primary")};
2249
- ${typography("heading-sm-bold")};
2250
- }
2251
-
2252
- :host([variant='panel']) slot[name='header'] {
2253
- ${typography("body-md-bold")};
2254
- }
2255
-
2256
- :host([variant|='card']) slot[name='header'] {
2257
- ${typography("body-sm-bold")};
2258
- }
2259
-
2260
- /* Message */
2261
-
2262
- slot[name='message'] {
2263
- ${getColor("color-text-secondary")};
2264
- ${typography("body-md")};
2265
- }
2266
-
2267
- :host([variant='panel']) slot[name='message'] {
2268
- ${typography("body-sm")};
2269
- }
2270
- `}function illustrationStyles(){return i$5`
2271
- m-empty-state > m-empty-state-illustration :is(img, svg) {
2272
- display: block;
2273
- object-fit: scale-down;
2274
- max-width: 320px;
2275
- max-height: 240px;
2276
- }
2277
-
2278
- m-empty-state[variant='panel'] > m-empty-state-illustration :is(img, svg) {
2279
- max-width: 160px;
2280
- max-height: 120px;
2281
- }
2282
-
2283
- m-empty-state[variant='card'] > m-empty-state-illustration :is(img, svg) {
2284
- width: 36px;
2285
- height: 36px;
2286
- }
2287
-
2288
- m-empty-state[variant='card-horizontal']
2289
- > m-empty-state-illustration
2290
- :is(img, svg) {
2291
- width: 24px;
2292
- height: 24px;
2293
- }
2294
- `}_EmptyStateHeader_contextCallback=new WeakMap,window.customElements.define("m-empty-state-header",EmptyStateHeader);const style=document.createElement("style");style.textContent=illustrationStyles().cssText,document.head.appendChild(style);class EmptyStateIllustration extends s$7{createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","illustration")}}var _EmptyStateMessage_contextCallback,_EmptyState_instances,_EmptyState_contextProvider,_EmptyState_handleClickAction;window.customElements.define("m-empty-state-illustration",EmptyStateIllustration);class EmptyStateMessage extends Text{constructor(){super(),_EmptyStateMessage_contextCallback.set(this,(t=>{if("panel"===t.variant)this.variant="body-sm";else this.variant="body-md"})),this.variant="body-md",this.context=new s$2(this,{context:emptyStateContext,callback:__classPrivateFieldGet$1(this,_EmptyStateMessage_contextCallback,"f"),subscribe:!0})}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","message")}}_EmptyStateMessage_contextCallback=new WeakMap,window.customElements.define("m-empty-state-message",EmptyStateMessage),attachContextRoot();class EmptyState extends Component{static get properties(){return{variant:{type:String,reflect:!0},illustration:{type:String,reflect:!0},header:{type:String,reflect:!0},message:{type:String,reflect:!0},action:{type:String,reflect:!0}}}constructor(){super(),_EmptyState_instances.add(this),_EmptyState_contextProvider.set(this,new i(this,{context:emptyStateContext,initialValue:{variant:void 0}})),this.variant="page"}updated(t){super.updated(t),t.has("variant")&&__classPrivateFieldGet$1(this,_EmptyState_contextProvider,"f").setValue({variant:this.variant??"page"})}render(){const t=this.illustration?n$4`<img role="presentation" src=${this.illustration} />`:A$1,e=this.variant?.startsWith("card")?n$4`<slot name="header">${this.header}</slot>`:n$4`
2295
- <div class="empty-state-body">
2296
- <slot name="header">${this.header}</slot>
2297
- <slot name="message">${this.message}</slot>
2298
- </div>
2299
- `,o=this.action?n$4`
2300
- <m-button
2301
- type="button"
2302
- variant="primary"
2303
- size=${getActionSize(this.variant)}
2304
- @click=${__classPrivateFieldGet$1(this,_EmptyState_instances,"m",_EmptyState_handleClickAction)}
2305
- >${this.action}</m-button
2306
- >
2307
- `:A$1;return n$4`
2308
- <div class="illustration-wrapper">
2309
- <slot name="illustration">${t}</slot>
2310
- </div>
2311
- ${e}
2312
- <slot name="action">${o}</slot>
2313
- `}}_EmptyState_contextProvider=new WeakMap,_EmptyState_instances=new WeakSet,_EmptyState_handleClickAction=function(t){t.preventDefault(),t.stopPropagation(),this.emit("m-action")},EmptyState.styles=[styles$l()],window.customElements.define("m-empty-state",EmptyState);const EMPTY_STATE_VARIANTS=["page","panel","card","card-horizontal"],fieldContext=n$2(Symbol("field"));function styles$k(){return[i$5`
2314
- :host {
2315
- --m-field-hint-color: ${getColor("color-text-tertiary")};
2316
- }
2317
-
2318
- m-group {
2319
- ${px(getToken("spacing-2"))};
2320
- }
2321
-
2322
- .-status-danger {
2323
- --m-field-hint-color: ${getColor("color-danger-60")};
2324
- }
2325
-
2326
- .hint {
2327
- ${typography("body-sm")};
2328
- color: var(--m-field-hint-color);
2329
- }
2330
- `]}var _FieldHint_instances,_FieldHint_getStatus;class FieldHint extends Component{static get properties(){return{status:{type:String},slot:{type:String,reflect:!0}}}constructor(){super(),_FieldHint_instances.add(this),this.field=new s$2(this,{context:fieldContext,subscribe:!0}),this.slot="hint"}render(){const t={"-status-default":"default"===__classPrivateFieldGet$1(this,_FieldHint_instances,"m",_FieldHint_getStatus).call(this),"-status-danger":"danger"===__classPrivateFieldGet$1(this,_FieldHint_instances,"m",_FieldHint_getStatus).call(this)};return x` <m-group
2331
- gap="spacing-0-5"
2332
- align="center"
2333
- class=${o$2(t)}
2334
- >
2335
- <slot name="leading"
2336
- >${"danger"===__classPrivateFieldGet$1(this,_FieldHint_instances,"m",_FieldHint_getStatus).call(this)?x`<m-icon
2337
- name="attention"
2338
- size="10"
2339
- color="color-danger-60"
2340
- ></m-icon>`:A$1}</slot
2341
- >
2342
- <span
2343
- class=${o$2({hint:!0,...t})}
2344
- ><slot></slot>
2345
- </span>
2346
- </m-group>`}}function styles$j(){return[i$5`
2347
- .label {
2348
- ${typography("body-md")};
2349
-
2350
- display: inline-flex;
2351
- align-items: center;
2352
- justify-content: flex-start;
2353
- gap: ${getToken("spacing-0-5")};
2354
-
2355
- margin: 0;
2356
- padding: 0;
2357
-
2358
- color: ${getColor("color-text-tertiary")};
2359
- }
2360
-
2361
- .required {
2362
- color: ${getColor("color-text-error")};
2363
- }
2364
-
2365
- .-size-small {
2366
- ${typography("body-sm")};
2367
- }
2368
- `]}_FieldHint_instances=new WeakSet,_FieldHint_getStatus=function(){return this.status||this.field.value?.status},FieldHint.styles=[styles$k()],window.customElements.define("m-field-hint",FieldHint);class Label extends Component{static get properties(){return{required:{type:Boolean},size:{type:String},slot:{type:String,reflect:!0}}}requiredTemplate(){return this.isRequired()?x`<span class="required" aria-hidden="true"> *</span>`:A$1}labelClassList(){const t=this.getSize();return o$2({label:!0,"-size-small":"small"===t})}render(){return x`<label class=${this.labelClassList()}
2369
- ><slot></slot>${this.requiredTemplate()}</label
2370
- >`}getSize(){return this.size}isRequired(){return Boolean(this.required)}}Label.styles=[styles$j()],window.customElements.define("m-label",Label);class FieldLabel extends Label{constructor(){super(...arguments),this.field=new s$2(this,{context:fieldContext,subscribe:!0})}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","label")}isRequired(){return null!=this.required?this.required:Boolean(this.field.value?.required)}getSize(){return this.size??this.field.value?.size}}window.customElements.define("m-field-label",FieldLabel),attachContextRoot();class Field extends Component{static get properties(){return{label:{type:String},hint:{type:String},required:{type:Boolean},status:{type:String},size:{type:String},align:{type:String}}}constructor(){super(),this.provider=new i(this,fieldContext,{required:!1,size:"default",status:"default"}),this.required=!1,this.status="default",this.size="default",this.align="stretch"}update(t){super.update(t),(t.has("required")||t.has("status")||t.has("size"))&&this.provider.setValue({required:this.required,status:this.status,size:this.size})}render(){return x`<m-stack gap="spacing-1" align="${l$1(this.align)}">
2371
- <slot name="label"
2372
- >${this.label?x`<m-field-label>${this.label}</m-field-label>`:A$1}</slot
2373
- >
2374
-
2375
- <slot></slot>
2376
-
2377
- <slot name="hint">
2378
- ${this.hint?x`<m-field-hint>${this.hint}</m-field-hint>`:A$1}
2379
- </slot>
2380
- </m-stack>`}}window.customElements.define("m-field",Field);const FIELD_STATUSES=["default","danger"];function styles$i(){return i$5`
2381
- :host {
2382
- --m-header-background-color: ${getColor("color-background-primary")};
2383
-
2384
- display: block;
2385
- }
2386
-
2387
- .m-header {
2388
- display: flex;
2389
- flex-wrap: wrap;
2390
- background-color: var(--m-header-background-color);
2391
- padding: ${getToken("spacing-6")};
2392
- gap: ${getToken("spacing-4")};
2393
- align-items: center;
2394
- }
2395
-
2396
- @media screen and (max-width: 1025px) {
2397
- .m-header {
2398
- padding: ${getToken("spacing-4")};
2399
- }
2400
- }
2401
- `}function headerTitleStyles(){return i$5`
2402
- :host {
2403
- display: block;
2404
- ${typography("body-lg-bold")};
2405
- overflow: hidden;
2406
- text-overflow: ellipsis;
2407
- white-space: nowrap;
2408
- max-width: 400px;
2409
- }
2410
- @media screen and (max-width: 1025px) {
2411
- :host {
2412
- ${typography("body-md-bold")};
2413
- }
2414
- }
2415
- `}function headerActionStyles(){return i$5`
2416
- :host {
2417
- display: flex;
2418
- gap: ${getToken("spacing-4")};
2419
- }
2420
- `}function headerContentStyles(){return i$5`
2421
- :host {
2422
- display: flex;
2423
- gap: ${getToken("spacing-4")};
2424
- align-items: center;
2425
- flex-grow: 100;
2426
- }
2427
- `}function subHeaderStyles(){return i$5`
2428
- :host {
2429
- --m-subheader-background-color: var(
2430
- --m-header-background-color,
2431
- ${getColor("color-background-primary")}
2432
- );
2433
-
2434
- display: block;
2435
- }
2436
- .content {
2437
- padding: ${getToken("spacing-6")};
2438
- background-color: var(--m-subheader-background-color);
2439
- }
2440
- `}class Header extends s$7{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="page-header"}render(){return x`
2441
- <div class="m-header">
2442
- <slot name="back-button"></slot>
2443
- <slot name="content"></slot>
2444
- <slot name="actions"></slot>
2445
- </div>
2446
- <slot name="sub-header"></slot>
2447
- `}}Header.styles=[styles$i()],window.customElements.define("m-header",Header);class HeaderActions extends s$7{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="actions"}render(){return n$4`<slot></slot>`}}HeaderActions.styles=[headerActionStyles()],window.customElements.define("m-header-actions",HeaderActions);class HeaderContent extends s$7{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="content"}render(){return n$4`<slot name="title"></slot> <slot></slot>`}}HeaderContent.styles=[headerContentStyles()],window.customElements.define("m-header-content",HeaderContent);class HeaderTitle extends s$7{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="title"}render(){return n$4`<slot></slot>`}}HeaderTitle.styles=[headerTitleStyles()],window.customElements.define("m-header-title",HeaderTitle);class SubHeader extends s$7{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="sub-header"}render(){return n$4` <m-divider></m-divider>
2448
- <div class="content">
2449
- <slot></slot>
2450
- </div>`}}SubHeader.styles=[subHeaderStyles()],window.customElements.define("m-sub-header",SubHeader);const defaultLabeledValueLabelProps={color:"color-text-tertiary",variant:"body-sm"};class LabeledValueLabel extends Text{static get properties(){return{...super.properties,role:{type:String,reflect:!0}}}constructor(){super(),this.color=defaultLabeledValueLabelProps.color,this.variant=defaultLabeledValueLabelProps.variant}connectedCallback(){super.connectedCallback(),this.setAttribute("role","term"),this.setAttribute("slot","label")}update(t){!t.has("color")||void 0!==this.color&&null!==this.color||(this.color=defaultLabeledValueLabelProps.color),!t.has("variant")||void 0!==this.variant&&null!==this.variant||(this.variant=defaultLabeledValueLabelProps.variant),super.update(t)}}window.customElements.define("m-labeled-value-label",LabeledValueLabel);class LabeledValueValue extends Text{connectedCallback(){super.connectedCallback(),this.setAttribute("role","definition"),this.setAttribute("slot","value")}}window.customElements.define("m-labeled-value-value",LabeledValueValue);const defaultLabeledValueProps={gap:"spacing-2",justify:"flex-start"};class LabeledValue extends s$7{constructor(){super(),this.inline=!1,this.gap=defaultLabeledValueProps.gap,this.justify=defaultLabeledValueProps.justify}static get properties(){return{inline:{type:Boolean},label:{type:String},value:{type:String},gap:{type:String},align:{type:String},justify:{type:String},fallbackValue:{type:String,attribute:"fallback-value"},labelVariant:{type:String,attribute:"label-variant"},labelColor:{type:String,attribute:"label-color"},valueVariant:{type:String,attribute:"value-variant"},valueColor:{type:String,attribute:"value-color"}}}getFallback(){return x`<slot name="fallback">${this.fallbackValue??"-"}</slot>`}getLabel(){return x`<slot name="label"
2451
- ><m-labeled-value-label
2452
- variant=${this.getLabelVariant()}
2453
- color=${l$1(this.labelColor)}
2454
- >${this.label}</m-labeled-value-label
2455
- ></slot
2456
- >`}getValue(){return x`<slot name="value"
2457
- ><m-labeled-value-value
2458
- variant=${l$1(this.valueVariant)}
2459
- color=${l$1(this.valueColor)}
2460
- >${this.value??this.getFallback()}</m-labeled-value-value
2461
- ></slot
2462
- >`}getLabelVariant(){return this.labelVariant?this.labelVariant:this.inline?"body-md":"body-sm"}get wrapperAlign(){return this.align?this.align:this.inline?"center":"flex-start"}bodyTemplate(){return x`${this.getLabel()} ${this.getValue()}`}render(){return this.inline?x`<m-group
2463
- gap="${l$1(this.gap)}"
2464
- align="${this.wrapperAlign}"
2465
- justify="${l$1(this.justify)}"
2466
- >${this.bodyTemplate()}</m-group
2467
- >`:x`<m-stack
2468
- gap="${l$1(this.gap)}"
2469
- align="${this.wrapperAlign}"
2470
- justify="${l$1(this.justify)}"
2471
- >${this.bodyTemplate()}</m-stack
2472
- >`}}function styles$h(){return i$5`
2473
- .m-link {
2474
- color: ${getColor("color-text-link")};
2475
- }
2476
-
2477
- .m-link.-small {
2478
- ${typography("body-sm-bold-underline")};
2479
- }
2480
-
2481
- .m-link.-default {
2482
- ${typography("body-md-bold-underline")};
2483
- }
2484
-
2485
- .m-link.-large {
2486
- ${typography("heading-md-bold")};
2487
- text-decoration: none;
2488
- }
2489
-
2490
- @media (prefers-reduced-motion: no-preference) {
2491
- .m-link {
2492
- ${transition({property:"color",duration:"250ms"})}
2493
- }
2494
- }
2495
-
2496
- ${on(".m-link").not.disabled.hover},
2497
- ${on(".m-link").not.disabled.active},
2498
- ${on(".m-link").not.disabled.visited.hover} {
2499
- color: ${getColor("color-primary-100")};
2500
- }
2501
-
2502
- ${on(".m-link").not.disabled.not.active.focus} {
2503
- border-radius: ${getToken("border-radius-s")};
2504
- outline: 1px solid ${getColor("color-primary-60")};
2505
- outline-offset: 4px;
2506
- text-decoration: none;
2507
- }
2508
-
2509
- ${on(".m-link").not.disabled.not.focus.visited} {
2510
- color: ${getColor("color-accent-60")};
2511
- }
2512
-
2513
- ${on(".m-link").disabled} {
2514
- color: ${getColor("color-primary-20")};
2515
- }
2516
- `}var _Link_instances,_Link_disabled_get,_Link_href_get,_Link_rel_get,_Link_handleClick;window.customElements.define("m-labeled-value",LabeledValue);const UNSAFE_URL=/^javascript:/i;class Link extends Component{static get properties(){return{href:{type:String,reflect:!0},target:{type:String,reflect:!0},rel:{type:String,reflect:!0},download:{type:String,reflect:!0},ping:{type:String,reflect:!0},referrerpolicy:{type:String,reflect:!0},size:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0}}}constructor(){super(),_Link_instances.add(this),this.size="default"}render(){return x`
2517
- <a
2518
- class=${o$2({"m-link":!0,"-small":"small"===this.size,"-default":"default"===this.size,"-large":"large"===this.size,"is-disabled":__classPrivateFieldGet$1(this,_Link_instances,"a",_Link_disabled_get)})}
2519
- href=${l$1(__classPrivateFieldGet$1(this,_Link_instances,"a",_Link_href_get))}
2520
- target=${l$1(this.target)}
2521
- rel=${l$1(__classPrivateFieldGet$1(this,_Link_instances,"a",_Link_rel_get))}
2522
- download=${l$1(this.download)}
2523
- ping=${l$1(this.ping)}
2524
- referrerpolicy=${l$1(this.referrerpolicy)}
2525
- @click=${__classPrivateFieldGet$1(this,_Link_instances,"m",_Link_handleClick)}
2526
- ><slot></slot
2527
- ></a>
2528
- `}}function styles$g(){return i$5`
2529
- :host {
2530
- display: block;
2531
- box-sizing: border-box;
2532
- width: 100%;
2533
- }
2534
-
2535
- slot[name='page-header']::slotted(*) {
2536
- border-bottom: ${getToken("border-thin")} solid ${getColor("color-border")};
2537
- }
2538
- `}_Link_instances=new WeakSet,_Link_disabled_get=function(){return this.disabled||!this.href||UNSAFE_URL.test(this.href.trim())},_Link_href_get=function(){return __classPrivateFieldGet$1(this,_Link_instances,"a",_Link_disabled_get)?void 0:this.href},_Link_rel_get=function(){let t=this.rel;if("_blank"===this.target){const e=new Set((this.rel??"").split(/\s+/).filter(Boolean));this.referrerpolicy?.trim()||e.add("noreferrer"),e.has("opener")||e.add("noopener"),t=Array.from(e).join(" ")}return t},_Link_handleClick=function(t){if(__classPrivateFieldGet$1(this,_Link_instances,"a",_Link_disabled_get))return t.preventDefault(),t.stopPropagation(),!1},Link.styles=[styles$h()],window.customElements.define("m-link",Link);class PageContent extends s$7{render(){return x`
2539
- <slot name="page-header"></slot>
2540
- <slot name="page-body"></slot>
2541
- `}}function styles$f(){return i$5`
2542
- :host {
2543
- --m-pagination-border-radius: ${getToken("border-radius-none")};
2544
-
2545
- --m-pagination-border-top-left-radius: var(--m-pagination-border-radius);
2546
- --m-pagination-border-top-right-radius: var(--m-pagination-border-radius);
2547
- --m-pagination-border-bottom-left-radius: var(
2548
- --m-pagination-border-radius
2549
- );
2550
- --m-pagination-border-bottom-right-radius: var(
2551
- --m-pagination-border-radius
2552
- );
2553
-
2554
- --m-pagination-border-width: ${getToken("border-thin")};
2555
- --m-pagination-border-color: ${getColor("color-border")};
2556
- --m-pagination-border-style: solid;
2557
- --m-pagination-background-color: ${getColor("color-background-primary")};
2558
-
2559
- display: block;
2560
- width: 100%;
2561
-
2562
- box-sizing: border-box;
2563
-
2564
- background-color: var(--m-pagination-background-color);
2565
- border-start-start-radius: var(--m-pagination-border-top-left-radius);
2566
- border-start-end-radius: var(--m-pagination-border-top-right-radius);
2567
- border-end-start-radius: var(--m-pagination-border-bottom-left-radius);
2568
- border-end-end-radius: var(--m-pagination-border-bottom-right-radius);
2569
- border-style: var(--m-pagination-border-style);
2570
- border-width: var(--m-pagination-border-width);
2571
- border-color: var(--m-pagination-border-color);
2572
-
2573
- text-align: left;
2574
-
2575
- padding: ${getToken("spacing-4")};
2576
- }
2577
-
2578
- .actions m-button {
2579
- --m-button-base-size: 1rem;
2580
- }
2581
-
2582
- .icon {
2583
- --m-icon-color: ${getColor("color-text-tertiary")};
2584
- }
2585
-
2586
- [disabled] .icon {
2587
- --m-icon-color: ${getColor("color-text-disabled")};
2588
- }
2589
- `}PageContent.styles=[styles$g()],window.customElements.define("m-page-content",PageContent);const FIST_PAGE=0,DEFAULT_PAGE_SIZE=100;class Pagination extends Component{static get properties(){return{count:{type:Number},page:{type:Number},pageSize:{type:Number,attribute:"page-size"},disabled:{type:Boolean}}}constructor(){super(),this.goToPrev=()=>{this.hasPrev()&&(this.setPage(this.getPage()-1),this.handleChange())},this.page=0,this.pageSize=100,this.disabled=!1,this.count=0}getPage(){return Math.min(Math.max(this.page,0),this.lastPage)}setPage(t){this.page=t}getPageSize(){return Math.max(1,this.pageSize)}get totalPages(){return Math.ceil(this.count/this.getPageSize())}get lastPage(){return this.totalPages-1}get pageLabel(){return`${this.getPage()+1}`}hasPrev(){return this.getPage()>0}hasNext(){return this.getPage()<this.lastPage}goToNext(){this.hasNext()&&(this.setPage(this.getPage()+1),this.handleChange())}goToLast(){this.hasNext()&&(this.setPage(this.lastPage),this.handleChange())}goToFist(){this.hasPrev()&&(this.setPage(0),this.handleChange())}handleChange(){this.emit("m-change",{detail:{page:this.getPage(),pageSize:this.getPageSize()}})}isPrevDisabled(){return this.disabled||!this.hasPrev()}isNextDisabled(){return this.disabled||!this.hasNext()}renderActions(){return x`
2590
- <m-group gap="spacing-4" align="center" class="actions">
2591
- <m-button
2592
- title="go to the first page"
2593
- variant="icon-secondary"
2594
- size="small"
2595
- class="m-pagination-first"
2596
- @click=${this.goToFist}
2597
- ?disabled=${this.isPrevDisabled()}
2598
- >
2599
- <m-icon
2600
- aria-label="go to the first page"
2601
- name="double-caret-left"
2602
- class="icon"
2603
- ></m-icon>
2604
- </m-button>
2605
- <m-button
2606
- title="go to the previous page"
2607
- variant="icon-secondary"
2608
- size="small"
2609
- class="m-pagination-prev"
2610
- @click=${this.goToPrev}
2611
- ?disabled=${this.isPrevDisabled()}
2612
- >
2613
- <m-icon
2614
- aria-label="go to the previous page"
2615
- name="caret-left"
2616
- class="icon"
2617
- ></m-icon>
2618
- </m-button>
2619
-
2620
- <m-group gap="spacing-2" align="center">
2621
- <m-text color="color-text-tertiary">${this.pageLabel}</m-text>
2622
- <m-text color="color-text-tertiary">of</m-text>
2623
- <m-text color="color-text-tertiary">${this.totalPages}</m-text>
2624
- </m-group>
2625
-
2626
- <m-button
2627
- title="go to the next page"
2628
- variant="icon-secondary"
2629
- size="small"
2630
- class="m-pagination-next"
2631
- @click=${this.goToNext}
2632
- ?disabled=${this.isNextDisabled()}
2633
- >
2634
- <m-icon
2635
- aria-label="go to the next page"
2636
- name="caret-right"
2637
- class="icon"
2638
- ></m-icon>
2639
- </m-button>
2640
- <m-button
2641
- title="go to the last page"
2642
- variant="icon-secondary"
2643
- size="small"
2644
- class="m-pagination-last"
2645
- @click=${this.goToLast}
2646
- ?disabled=${this.isNextDisabled()}
2647
- >
2648
- <m-icon
2649
- aria-label="go to the last page"
2650
- name="double-caret-right"
2651
- class="icon"
2652
- ></m-icon>
2653
- </m-button>
2654
- </m-group>
2655
- `}render(){return x`
2656
- <m-group class="m-pagination" justify="space-between" align="center">
2657
- <m-text color="color-text-tertiary">${this.count} items</m-text>
2658
- ${this.renderActions()}
2659
- </m-group>
2660
- `}}function clamp(t,e,o){return Math.min(Math.max(e,t),o)}function styles$e(){return i$5`
2661
- .bar {
2662
- display: flex;
2663
- flex-grow: 0;
2664
- flex-shrink: 1;
2665
- align-items: center;
2666
- justify-content: center;
2667
-
2668
- position: relative;
2669
- overflow: hidden;
2670
-
2671
- width: 100%;
2672
- height: ${toRem("8px")};
2673
-
2674
- border-radius: ${getToken("border-radius-s")};
2675
- background-color: ${getColor("color-background-tertiary")};
2676
- }
2677
-
2678
- .progress {
2679
- position: absolute;
2680
- top: 0;
2681
- left: 0;
2682
-
2683
- ${transition([{property:"width"},{property:"background"}])};
2684
-
2685
- height: ${toRem("8px")};
2686
-
2687
- border-radius: ${getToken("border-radius-s")};
2688
-
2689
- background: var(--m-progress-bar-progress-background);
2690
- }
2691
-
2692
- .-default {
2693
- --m-progress-bar-progress-background: linear-gradient(
2694
- 45deg,
2695
- ${getColor("color-brand-accent-1")} 22%,
2696
- ${getColor("color-brand-accent-2")} 88%
2697
- );
2698
- }
2699
-
2700
- .-success {
2701
- --m-progress-bar-progress-background: ${getColor("color-success-60")};
2702
- }
2703
-
2704
- .-warning {
2705
- --m-progress-bar-progress-background: ${getColor("color-warning-60")};
2706
- }
2707
-
2708
- .-danger {
2709
- --m-progress-bar-progress-background: ${getColor("color-danger-60")};
2710
- }
2711
- `}var _ProgressBar_instances,_ProgressBar_safeMaxValue_get,_ProgressBar_safeValue_get;Pagination.styles=[styles$f()],window.customElements.define("m-pagination",Pagination);const DEFAULT_VARIANT="default",DEFAULT_MAX=100,DEFAULT_MIN=0,DEFAULT_VALUE=0;class ProgressBar extends s$7{static get properties(){return{variant:{type:String,reflect:!0},value:{type:Number,reflect:!0},max:{type:Number,reflect:!0}}}constructor(){super(),_ProgressBar_instances.add(this),this.variant="default",this.value=0,this.max=100}connectedCallback(){super.connectedCallback(),this.setAttribute("role","progressbar"),this.setAttribute("aria-valuemin","0")}updated(){this.setAttribute("aria-valuenow",String(this.value)),this.setAttribute("aria-valuemax",String(this.max))}get percentage(){return 100*__classPrivateFieldGet$1(this,_ProgressBar_instances,"a",_ProgressBar_safeValue_get)/__classPrivateFieldGet$1(this,_ProgressBar_instances,"a",_ProgressBar_safeMaxValue_get)}get currentVariant(){return this.variant}render(){return x`
2712
- <div class="bar">
2713
- <span
2714
- class=${o$2({progress:!0,"-default":"default"===this.currentVariant,"-success":"success"===this.currentVariant,"-warning":"warning"===this.currentVariant,"-danger":"danger"===this.currentVariant})}
2715
- style=${o$1({width:`${this.percentage}%`})}
2716
- ></span>
2717
- </div>
2718
- `}}_ProgressBar_instances=new WeakSet,_ProgressBar_safeMaxValue_get=function(){return this.max<=0?100:this.max},_ProgressBar_safeValue_get=function(){return clamp(this.value,0,__classPrivateFieldGet$1(this,_ProgressBar_instances,"a",_ProgressBar_safeMaxValue_get))},ProgressBar.styles=[styles$e()],window.customElements.define("m-progress-bar",ProgressBar);class ProgressBarCountdown extends ProgressBar{get currentVariant(){return this.percentage>=66?"success":this.percentage>=33?"warning":"danger"}}window.customElements.define("m-progress-bar-countdown",ProgressBarCountdown);const RADIO_EVENT="m-check";function styles$d(){return i$5`
2719
- :host {
2720
- --m-radio-border-color: ${getColor("color-border-input")};
2721
- --m-radio-dot-check-color: ${getColor("color-primary-60")};
2722
- --m-radio-size: 14px;
2723
- --m-radio-background-color: ${getColor("color-background-primary")};
2724
- --m-radio-border-width: ${getToken("border-thin")};
2725
- --m-radio-label-color: ${getColor("color-text-tertiary")};
2726
- --m-radio-outline-color: ${getColor("color-primary-60")};
2727
- --m-radio-outline-offset: 2px;
2728
- }
2729
-
2730
- .radio-button {
2731
- ${typography("body-md")};
2732
- color: var(--m-radio-label-color);
2733
-
2734
- border: none;
2735
- background: none;
2736
-
2737
- height: ${getToken("global-height-small")};
2738
- display: inline-flex;
2739
- gap: ${getToken("spacing-1")};
2740
- align-items: center;
2741
- border-radius: ${getToken("border-radius-s")};
2742
- ${transition({property:"color"})};
2743
- }
2744
-
2745
- ${on(".radio-button").not.disabled.focus} {
2746
- outline: 1px solid var(--m-radio-outline-color);
2747
- outline-offset: var(--m-radio-outline-offset);
2748
- }
2749
-
2750
- .radio-button .radio-input {
2751
- width: var(--m-radio-size);
2752
- height: var(--m-radio-size);
2753
- background-color: var(--m-radio-background-color);
2754
- border-color: var(--m-radio-border-color);
2755
- border-width: var(--m-radio-border-width);
2756
- border-style: solid;
2757
- border-radius: 50%;
2758
- position: relative;
2759
- display: inline-flex;
2760
-
2761
- ${transition({property:"border-color"})};
2762
- }
2763
-
2764
- .radio-button .radio-input::before {
2765
- content: '';
2766
- width: 0;
2767
- height: 0;
2768
- border-radius: 50%;
2769
- transform: translate(-50%, -50%);
2770
- top: 50%;
2771
- left: 50%;
2772
- display: block;
2773
- position: absolute;
2774
- ${transition([{property:"background-color"},{property:"height",duration:"120ms"},{property:"width",duration:"120ms"}])};
2775
- }
2776
-
2777
- .radio-button[aria-checked='true'] .radio-input::before {
2778
- width: 10px;
2779
- height: 10px;
2780
- }
2781
-
2782
- ${on(".radio-button").disabled} {
2783
- cursor: default;
2784
- --m-radio-label-color: ${getColor("color-text-disabled")};
2785
- --m-radio-background-color: ${getColor("color-background-tertiary")};
2786
- }
2787
-
2788
- ${on('.radio-button[aria-checked="true"]',".radio-input").disabled} {
2789
- --m-radio-border-color: ${getColor("color-border-input")};
2790
- }
2791
-
2792
- ${on(".radio-button",".radio-input::before").disabled} {
2793
- --m-radio-dot-check-color: ${getColor("color-neutral-40")};
2794
- }
2795
-
2796
- .radio-button .radio-input::before {
2797
- background-color: var(--m-radio-dot-check-color);
2798
- }
2799
-
2800
- .radio-button[aria-checked='true'] .radio-input {
2801
- --m-radio-dot-check-color: ${getColor("color-primary-60")};
2802
- --m-radio-border-color: ${getColor("color-primary-60")};
2803
- }
2804
-
2805
- .radio-button .radio-input {
2806
- --m-radio-border-color: ${getColor("color-border-input")};
2807
- }
2808
-
2809
- ${on(".radio-button").not.disabled.hover} .radio-input {
2810
- --m-radio-border-color: ${getColor("color-primary-100")};
2811
- --m-radio-dot-check-color: ${getColor("color-primary-100")};
2812
- }
2813
-
2814
- ${on(".radio-button").not.disabled.hover} {
2815
- --m-radio-label-color: ${getColor("color-text-primary")};
2816
- }
2817
-
2818
- ${on(".radio-button","*").disabled} {
2819
- pointer-events: none;
2820
- }
2821
- `}var _Radio_instances,_Radio_button_get,_Radio_handleClick,_Radio_setDisabled,_Radio_setChecked;class Radio extends s$7{static get properties(){return{value:{type:String},disabled:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0}}}constructor(){super(),_Radio_instances.add(this),_Radio_handleClick.set(this,(t=>{if(this.disabled)return t.preventDefault(),void t.stopPropagation();const e={detail:{value:this.value,type:"select"},bubbles:!0,composed:!1};this.dispatchEvent(new CustomEvent("m-check",e))})),_Radio_setDisabled.set(this,(()=>{this.setAttribute("aria-disabled",String(this.disabled??!1))})),_Radio_setChecked.set(this,(()=>{this.setAttribute("aria-checked",String(this.checked??!1))})),this.disabled=!1,this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radio"),this.addEventListener("click",__classPrivateFieldGet$1(this,_Radio_handleClick,"f"))}updated(t){super.updated(t),t.has("disabled")&&__classPrivateFieldGet$1(this,_Radio_setDisabled,"f").call(this),t.has("checked")&&__classPrivateFieldGet$1(this,_Radio_setChecked,"f").call(this)}render(){return x`
2822
- <button
2823
- type="button"
2824
- class="radio-button"
2825
- role="radio"
2826
- ?disabled=${this.disabled}
2827
- aria-checked=${this.checked}
2828
- >
2829
- <span class="radio-input"></span>
2830
- <slot name="leading"></slot>
2831
- <slot></slot>
2832
- </button>
2833
- `}focus(t){__classPrivateFieldGet$1(this,_Radio_instances,"a",_Radio_button_get)?.focus(t)}}_Radio_handleClick=new WeakMap,_Radio_setDisabled=new WeakMap,_Radio_setChecked=new WeakMap,_Radio_instances=new WeakSet,_Radio_button_get=function(){return this.renderRoot?.querySelector("button")??null},Radio.styles=[styles$d()],window.customElements.define("m-radio",Radio);var _default,selection={};Object.defineProperty(selection,"i",{value:!0});var e$1=toArray;const t$1=(t,e)=>{const o=e$1(t);if(0===o.length)return e;const i=new Set;return i.add(String(o.at(-1))),i},n$1=(t,e)=>{const o=e$1(t);if(0===o.length)return e;const i=new Set(e);for(const t of o)i.add(String(t));return i},r$1={type:"single",init:t=>t$1(t,new Set),select:t$1,unselect(t,e){const o=e$1(t);if(0===o.length||0===e.size)return e;const i=new Set(e);for(const t of o)i.delete(String(t));return i},toggle(t,e){const o=e$1(t);if(0===o.length)return e;const i=new Set;for(const t of o){const o=String(t);e.has(o)||(i.clear(),i.add(o))}return i},reset:t=>t??new Set,value(t){if(null==t||0===t.size)return null;const[e]=Array.from(t);return e}},s={type:"single-strict",init:t=>t$1(t,new Set),select:t$1,unselect(t,e){const o=e$1(t);if(0===o.length||0===e.size)return e;const i=new Set(e);for(let t=0;t<o.length&&e.size>1;t++)i.delete(String(o[t]));return i},toggle(t,e){const o=e$1(t);if(0===o.length)return e;const i=new Set(e);for(const t of o){const o=String(t);e.has(o)||(i.clear(),i.add(o))}return i},reset:t=>t??new Set,value(t){if(null==t||0===t.size)return null;const[e]=Array.from(t);return e}},l={type:"multiple",init:t=>n$1(t,new Set),select:n$1,unselect(t,e){const o=e$1(t);if(0===o.length||0===e.size)return e;const i=new Set(e);for(const t of o)i.delete(String(t));return i},toggle(t,e){const o=e$1(t);if(0===o.length)return e;const i=new Set(e);for(const t of o){const o=String(t);e.has(o)?i.delete(o):i.add(o)}return i},reset:t=>t??new Set,value:t=>null==t||0===t.size?null:Array.from(t)};var _SelectionController_instances,_SelectionController_handleSelectionEvent,_SelectionController_publish,_RadioGroup_selectionController,_RadioGroup_defaultSlot,_RadioGroup_getDefaultChecked,_RadioGroup_getButtons,_RadioGroup_setButtonChecked,_RadioGroup_setButtonDisabled;selection.SELECTION_TYPES=["single","single-strict","multiple"],_default=selection.default=function(t){const{type:e="multiple"}=t;return"single"===e?r$1:"single-strict"===e?s:l};class SelectionController{constructor(t,e,o){_SelectionController_instances.add(this),this.disabled=!1,this.event="m-select",_SelectionController_handleSelectionEvent.set(this,(t=>{if(this.disabled)return;if(null==this.type)return;t.stopPropagation();const{detail:{type:e,value:o}}=t;switch(e){case"select":this.select(toArray$1(o));break;case"unselect":this.unselect(toArray$1(o));break;case"toggle":this.toggle(toArray$1(o))}})),this.init=t=>{this.host.selection=this.strategy.init(t)},this.select=t=>{this.host.selection=this.strategy.select(t,this.host.selection),__classPrivateFieldGet$1(this,_SelectionController_instances,"m",_SelectionController_publish).call(this)},this.unselect=t=>{this.host.selection=this.strategy.unselect(t,this.host.selection),__classPrivateFieldGet$1(this,_SelectionController_instances,"m",_SelectionController_publish).call(this)},this.toggle=t=>{this.host.selection=this.strategy.toggle(t,this.host.selection),__classPrivateFieldGet$1(this,_SelectionController_instances,"m",_SelectionController_publish).call(this)},this.subscribe=()=>{this.host.addEventListener(this.event,__classPrivateFieldGet$1(this,_SelectionController_handleSelectionEvent,"f"))},this.unsubscribe=()=>{this.host.removeEventListener(this.event,__classPrivateFieldGet$1(this,_SelectionController_handleSelectionEvent,"f"))},this.host=t,this.type=e,this.event=o,this.strategy=_default({type:e}),this.host.addController(this)}hostConnected(){this.subscribe()}hostDisconnected(){this.unsubscribe()}hostUpdate(){null!=this.host.type&&this.host.type!==this.type&&(this.unsubscribe(),this.host.removeController(this))}}function styles$c(){return i$5`
2834
- .radio-group {
2835
- display: flex;
2836
- gap: ${getToken("spacing-2")};
2837
- }
2838
- .radio-group.-vertical {
2839
- flex-direction: column;
2840
- }
2841
- .radio-group.-horizontal {
2842
- flex-direction: row;
2843
- }
2844
- `}_SelectionController_handleSelectionEvent=new WeakMap,_SelectionController_instances=new WeakSet,_SelectionController_publish=function(){const t={detail:{type:this.type,value:this.strategy.value(this.host.selection)},bubbles:!0,composed:!1};this.host.dispatchEvent(new CustomEvent("m-change",t))};class RadioGroup extends s$7{static get properties(){return{value:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},selection:{state:!0},orientation:{type:String}}}constructor(){super(),_RadioGroup_selectionController.set(this,null),_RadioGroup_defaultSlot.set(this,null),_RadioGroup_getDefaultChecked.set(this,(()=>{const t=__classPrivateFieldGet$1(this,_RadioGroup_getButtons,"f").call(this);return t[0]?.value})),_RadioGroup_getButtons.set(this,(()=>{__classPrivateFieldGet$1(this,_RadioGroup_defaultSlot,"f")||__classPrivateFieldSet(this,_RadioGroup_defaultSlot,this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...__classPrivateFieldGet$1(this,_RadioGroup_defaultSlot,"f")?.assignedElements({flatten:!0})??[]].filter((t=>"m-radio"===t.tagName.toLowerCase()))})),_RadioGroup_setButtonChecked.set(this,(t=>{t.checked=this.selection.has(t.value)})),_RadioGroup_setButtonDisabled.set(this,(t=>{t.disabled=this.disabled})),this.disabled=!1,this.selection=new Set,this.value="",this.orientation="vertical",this.type="single-strict"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radio-group"),__classPrivateFieldSet(this,_RadioGroup_selectionController,new SelectionController(this,this.type,"m-check"),"f")}update(t){super.update(t),t.has("value")&&__classPrivateFieldGet$1(this,_RadioGroup_selectionController,"f")&&__classPrivateFieldGet$1(this,_RadioGroup_selectionController,"f").init(toArray$1(this.value||__classPrivateFieldGet$1(this,_RadioGroup_getDefaultChecked,"f").call(this))),t.has("selection")&&([this.value]=this.selection)}updated(t){super.updated(t),t.has("selection")&&__classPrivateFieldGet$1(this,_RadioGroup_getButtons,"f").call(this).forEach((t=>{__classPrivateFieldGet$1(this,_RadioGroup_setButtonChecked,"f").call(this,t)})),t.has("disabled")&&__classPrivateFieldGet$1(this,_RadioGroup_getButtons,"f").call(this).forEach((t=>{__classPrivateFieldGet$1(this,_RadioGroup_setButtonDisabled,"f").call(this,t)}))}render(){return x`
2845
- <div
2846
- class=${o$2({"radio-group":!0,"-vertical":"vertical"===this.orientation,"-horizontal":"horizontal"===this.orientation})}
2847
- >
2848
- <slot></slot>
2849
- </div>
2850
- `}}function styles$b(){return i$5`
2851
- :host {
2852
- display: block;
2853
- }
2854
- `}function sectionTitleStyles(){return i$5`
2855
- :host {
2856
- color: ${getColor("color-text-primary")};
2857
- display: block;
2858
- }
2859
-
2860
- slot[name='leading']::slotted(*) {
2861
- display: inline-flex;
2862
- flex-flow: row nowrap;
2863
- align-items: center;
2864
- justify-content: center;
2865
- pointer-events: none;
2866
- margin-inline-end: ${getToken("spacing-1")};
2867
- }
2868
-
2869
- .title {
2870
- height: 100%;
2871
- width: 100%;
2872
- }
2873
-
2874
- .-size-small {
2875
- ${typography("heading-sm")};
2876
- margin: 0 0 ${getToken("spacing-1")} 0;
2877
- }
2878
- .-size-default {
2879
- ${typography("heading-md")};
2880
- margin: 0 0 ${getToken("spacing-2")} 0;
2881
- }
2882
- .-size-large {
2883
- ${typography("heading-lg-bold")};
2884
- margin: 0 0 ${getToken("spacing-2")} 0;
2885
- }
2886
- `}_RadioGroup_selectionController=new WeakMap,_RadioGroup_defaultSlot=new WeakMap,_RadioGroup_getDefaultChecked=new WeakMap,_RadioGroup_getButtons=new WeakMap,_RadioGroup_setButtonChecked=new WeakMap,_RadioGroup_setButtonDisabled=new WeakMap,RadioGroup.styles=[styles$c()],window.customElements.define("m-radio-group",RadioGroup);class Section extends s$7{render(){return x`
2887
- <slot name="title"></slot>
2888
- <m-divider></m-divider>
2889
- <slot></slot>
2890
- `}}Section.styles=[styles$b()],window.customElements.define("m-section",Section);const allowedTags=["h1","h2","h3","h4","h5","h6","p","span"];class SectionTitle extends(PolymorphicTagMixin({superClass:s$7,allowedTags,fallbackTag:"span"})){static get properties(){return{slot:{type:String,reflect:!0},size:{type:String}}}constructor(){super(),this.slot="title",this.size="default",this.as="span"}render(){return n$4`<${this.tag} class=${o$2({title:!0,"-size-small":"small"===this.size,"-size-default":"default"===this.size,"-size-large":"large"===this.size})}>
2891
- <slot name="leading"></slot>
2892
- <slot></slot>
2893
- </${this.tag}>`}}function styles$a(){return i$5`
2894
- :host {
2895
- inline-size: var(--m-spinner-size);
2896
- block-size: var(--m-spinner-size);
2897
- }
2898
-
2899
- :host svg {
2900
- height: 100%;
2901
- width: 100%;
2902
- animation: rotate 1.5s linear infinite;
2903
- }
2904
-
2905
- @keyframes rotate {
2906
- 0% {
2907
- transform: rotate(0deg);
2908
- }
2909
- 100% {
2910
- transform: rotate(359deg);
2911
- }
2912
- }
2913
- `}SectionTitle.styles=[sectionTitleStyles()],window.customElements.define("m-section-title",SectionTitle);const DEFAULT_SIZE$1=48;class SpinnerWheel extends s$7{static get properties(){return{size:{type:String}}}update(t){super.update(t),t.has("size")&&null!=this.size&&this.style.setProperty("--m-spinner-size",`${parseInt(String(this.size),10)||48}px`)}render(){return b$1`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#CADBDD" fill-rule="evenodd" d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Zm0-10c7.732 0 14-6.268 14-14s-6.268-14-14-14-14 6.268-14 14 6.268 14 14 14Z" clip-rule="evenodd"/><path fill="url(#a)" d="M24 43.068c0 2.724-2.231 4.983-4.898 4.427a23.999 23.999 0 0 1 0-46.99C21.77-.051 24 2.208 24 4.932c0 2.723-2.273 4.852-4.833 5.783a14.135 14.135 0 0 0-5.163 23.28 14.135 14.135 0 0 0 5.163 3.29c2.56.93 4.833 3.06 4.833 5.783Z"/><defs><linearGradient id="a" x1="9.608" x2="44.189" y1="42.161" y2="7.59" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#00D7D7"/><stop offset="1" stop-color="#84F11E"/></linearGradient></defs></svg>`}}function stepsStyles(){return[i$5`
2914
- :host {
2915
- --m-steps-circle-size: 24px;
2916
-
2917
- display: flex;
2918
- flex-direction: column;
2919
- box-sizing: border-box;
2920
- gap: ${getToken("spacing-10")};
2921
-
2922
- width: 100%;
2923
- }
2924
-
2925
- ::slotted(m-step) {
2926
- flex: 1;
2927
- }
2928
-
2929
- .steps-container {
2930
- display: flex;
2931
- flex-flow: row nowrap;
2932
- justify-content: center;
2933
- align-items: center;
2934
-
2935
- gap: ${getToken("spacing-10")};
2936
- }
2937
- `]}function stepStyles(){return[i$5`
2938
- :host {
2939
- --m-steps-circle-margin-inline-end: 8px;
2940
-
2941
- position: relative;
2942
- display: inline-flex;
2943
- flex-direction: column;
2944
- align-items: center;
2945
-
2946
- gap: ${getToken("spacing-4")};
2947
- }
2948
-
2949
- :host(:is(:focus, :focus-within, :focus-visible)) {
2950
- outline: none;
2951
- }
2952
-
2953
- .circle {
2954
- ${typography("number-md")};
2955
- ${transition([{property:"background-color"}])};
2956
-
2957
- display: flex;
2958
- align-items: center;
2959
- justify-content: center;
2960
-
2961
- inline-size: var(--m-steps-circle-size);
2962
- block-size: var(--m-steps-circle-size);
2963
- line-height: var(--m-steps-circle-size);
2964
-
2965
- border-radius: 50%;
2966
-
2967
- background-color: ${getColor("color-neutral-40")};
2968
- color: ${getColor("color-text-inverted")};
2969
- }
2970
-
2971
- .label {
2972
- ${typography("body-md")};
2973
-
2974
- display: flex;
2975
- align-items: center;
2976
- justify-content: center;
2977
-
2978
- color: ${getColor("color-primary-60")};
2979
- }
2980
-
2981
- :host(:not(:last-of-type))::after,
2982
- :host(:not(:first-of-type))::before {
2983
- ${transition([{property:"background-color"}])};
2984
-
2985
- content: '';
2986
- position: absolute;
2987
- display: inline-block;
2988
-
2989
- block-size: 2px;
2990
- inline-size: 100%;
2991
- background-color: ${getColor("color-neutral-40")};
2992
-
2993
- top: calc(var(--m-steps-circle-size) / 2);
2994
- }
2995
-
2996
- :host::after {
2997
- /* half width of the container + half circle + distance between bar and circle */
2998
- left: calc(
2999
- 50% + var(--m-steps-circle-size) / 2 +
3000
- var(--m-steps-circle-margin-inline-end)
3001
- );
3002
- }
3003
-
3004
- :host::before {
3005
- right: calc(
3006
- 50% + var(--m-steps-circle-size) / 2 +
3007
- var(--m-steps-circle-margin-inline-end)
3008
- );
3009
- }
3010
-
3011
- :host([completed])::after {
3012
- background-color: ${getColor("color-primary-60")};
3013
- color: ${getColor("color-text-inverted")};
3014
- }
3015
-
3016
- :host(:is([completed], [aria-current='step']))::before {
3017
- background-color: ${getColor("color-primary-60")};
3018
- color: ${getColor("color-text-inverted")};
3019
- }
3020
-
3021
- m-icon[name='check'] {
3022
- display: none;
3023
- }
3024
-
3025
- :host([completed]:not([aria-current='step'])) m-icon[name='check'] {
3026
- --m-icon-color: ${getColor("color-text-inverted")};
3027
-
3028
- display: inline-flex;
3029
- }
3030
-
3031
- :host(:is([aria-current='step'], [completed])) .circle {
3032
- background-color: ${getColor("color-primary-60")};
3033
- }
3034
-
3035
- :host([aria-current='step']) .label {
3036
- ${typography("body-md-bold")};
3037
- }
3038
-
3039
- :host(:is([aria-current='step'], :not([completed]))) .label {
3040
- display: inline-flex;
3041
- }
3042
- `]}var _Steps_instances,_Steps_stepSequence,_Steps_getDefaultActive,_Steps_queryStep,_Steps_handleSlotChange,_Steps_findStepIndex,_Steps_onNextStep,_Steps_onPreviousStep,_Steps_onNavigateStep,_Steps_onCompleteStep,_Switch_instances,_Switch_controllers,_Switch_toggle,_Switch_handleClick;SpinnerWheel.styles=[styles$a()],window.customElements.define("m-spinner-wheel",SpinnerWheel);class Steps extends Component{constructor(){super(...arguments),_Steps_instances.add(this),_Steps_stepSequence.set(this,[]),_Steps_getDefaultActive.set(this,(()=>this.querySelector("m-step")?.name)),_Steps_queryStep.set(this,(t=>t?this.querySelector(`[name="${t}"]`):null)),_Steps_handleSlotChange.set(this,(()=>{const t=Array.from(this.querySelectorAll("m-step"));__classPrivateFieldSet(this,_Steps_stepSequence,[],"f"),t.forEach(((t,e)=>{__classPrivateFieldGet$1(this,_Steps_stepSequence,"f").push(t.name),t.setAttribute("order",String(e+1))})),this.requestUpdate()})),_Steps_onNextStep.set(this,(()=>{const t=__classPrivateFieldGet$1(this,_Steps_instances,"m",_Steps_findStepIndex).call(this,this.activeStep);if(-1===t||t>=__classPrivateFieldGet$1(this,_Steps_stepSequence,"f").length-1)return;const e=t+1;this.activeStep=__classPrivateFieldGet$1(this,_Steps_stepSequence,"f")[e],this.emit("m-change",{detail:{active:this.activeStep}})})),_Steps_onPreviousStep.set(this,(()=>{const t=__classPrivateFieldGet$1(this,_Steps_instances,"m",_Steps_findStepIndex).call(this,this.activeStep);if(t<=0)return;const e=t-1;this.activeStep=__classPrivateFieldGet$1(this,_Steps_stepSequence,"f")[e],this.emit("m-change",{detail:{active:this.activeStep}})})),_Steps_onNavigateStep.set(this,(t=>{const{detail:e}=t;-1!==__classPrivateFieldGet$1(this,_Steps_instances,"m",_Steps_findStepIndex).call(this,e)&&e!==this.activeStep&&(this.activeStep=e,this.emit("m-change",{detail:{active:e}}))})),_Steps_onCompleteStep.set(this,(()=>{const t=__classPrivateFieldGet$1(this,_Steps_queryStep,"f").call(this,this.activeStep);t&&!0!==t.completed&&(t.completed=!0,this.emit("m-change",{detail:{completed:this.activeStep}}))}))}static get properties(){return{activeStep:{type:String,attribute:"active-step",reflect:!0}}}connectedCallback(){super.connectedCallback(),this.addEventListener("m-next",__classPrivateFieldGet$1(this,_Steps_onNextStep,"f")),this.addEventListener("m-previous",__classPrivateFieldGet$1(this,_Steps_onPreviousStep,"f")),this.addEventListener("m-navigate",__classPrivateFieldGet$1(this,_Steps_onNavigateStep,"f")),this.addEventListener("m-complete",__classPrivateFieldGet$1(this,_Steps_onCompleteStep,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("m-next",__classPrivateFieldGet$1(this,_Steps_onNextStep,"f")),this.removeEventListener("m-previous",__classPrivateFieldGet$1(this,_Steps_onPreviousStep,"f")),this.removeEventListener("m-navigate",__classPrivateFieldGet$1(this,_Steps_onNavigateStep,"f")),this.removeEventListener("m-complete",__classPrivateFieldGet$1(this,_Steps_onCompleteStep,"f"))}update(t){super.update(t);const e=__classPrivateFieldGet$1(this,_Steps_queryStep,"f").call(this,t.get("activeStep"));e&&e.removeAttribute("aria-current"),this.activeStep=this.activeStep??__classPrivateFieldGet$1(this,_Steps_getDefaultActive,"f").call(this);const o=__classPrivateFieldGet$1(this,_Steps_queryStep,"f").call(this,this.activeStep);o&&(o.setAttribute("tabindex","0"),o.setAttribute("aria-current","step"))}render(){return x`<div class="steps-container">
3043
- <slot name="step" @slotchange=${__classPrivateFieldGet$1(this,_Steps_handleSlotChange,"f")}></slot>
3044
- </div>
3045
- <div class="content-container"><slot></slot></div>`}}_Steps_stepSequence=new WeakMap,_Steps_getDefaultActive=new WeakMap,_Steps_queryStep=new WeakMap,_Steps_handleSlotChange=new WeakMap,_Steps_onNextStep=new WeakMap,_Steps_onPreviousStep=new WeakMap,_Steps_onNavigateStep=new WeakMap,_Steps_onCompleteStep=new WeakMap,_Steps_instances=new WeakSet,_Steps_findStepIndex=function(t){return t?__classPrivateFieldGet$1(this,_Steps_stepSequence,"f").findIndex((e=>e===t)):-1},Steps.styles=[stepsStyles()],window.customElements.define("m-steps",Steps);class Step extends s$7{static get properties(){return{name:{type:String,reflect:!0},order:{type:String},completed:{type:Boolean,reflect:!0},"aria-current":{type:Boolean}}}connectedCallback(){super.connectedCallback(),this.slot="step"}render(){const t="step"===this.getAttribute("aria-current");return x`
3046
- <span class="circle">
3047
- ${this.completed&&!t?A$1:this.order}
3048
- <m-icon name="check" size="12"></m-icon>
3049
- </span>
3050
- <span class="label">
3051
- <slot></slot>
3052
- </span>
3053
- `}}function styles$9(){return[i$5`
3054
- :host {
3055
- --m-switch-height: ${getToken("global-height-small")};
3056
- --m-switch-background-color: ${getColor("color-neutral-40")};
3057
- --m-switch-outline-color: ${getColor("color-primary-60")};
3058
- --m-switch-outline-offset: 2px;
3059
- --m-switch-thumb-width: 32px;
3060
- --m-switch-thumb-height: 16px;
3061
- --m-switch-circle-distance: 2px;
3062
- --m-switch-circle-size: calc(
3063
- var(--m-switch-thumb-height) - 2 * var(--m-switch-circle-distance)
3064
- );
3065
-
3066
- ${typography("body-md")};
3067
-
3068
- cursor: pointer;
3069
-
3070
- display: inline-flex;
3071
- gap: ${getToken("spacing-2")};
3072
- align-items: center;
3073
-
3074
- box-sizing: border-box;
3075
- block-size: var(--m-switch-height);
3076
-
3077
- color: ${getColor("color-text-tertiary")};
3078
- outline: none;
3079
- }
3080
-
3081
- :host([size='large']) {
3082
- --m-switch-height: ${getToken("global-height-large")};
3083
- --m-switch-thumb-width: 40px;
3084
- --m-switch-thumb-height: 20px;
3085
- }
3086
-
3087
- :host([disabled]) {
3088
- pointer-events: none;
3089
- user-select: none;
3090
-
3091
- cursor: default;
3092
- }
3093
-
3094
- :host([aria-checked='true']) .switch {
3095
- --m-switch-background-color: ${getColor("color-primary-60")};
3096
- }
3097
-
3098
- :host(:hover) .switch {
3099
- --m-switch-background-color: ${getColor("color-neutral-60")};
3100
- }
3101
-
3102
- :host([aria-checked='true']:hover) .switch {
3103
- --m-switch-background-color: ${getColor("color-primary-100")};
3104
- }
3105
-
3106
- :host([disabled]) ::slotted(*) {
3107
- pointer-events: none;
3108
- user-select: none;
3109
- }
3110
-
3111
- :host([disabled]) .switch {
3112
- --m-switch-background-color: ${getColor("color-primary-20")};
3113
- }
3114
-
3115
- :host(:is(:focus, :focus-within, :focus-visible, .is-focused)) .switch {
3116
- outline: 1px solid var(--m-switch-outline-color);
3117
- outline-offset: var(--m-switch-outline-offset);
3118
- }
3119
-
3120
- .switch {
3121
- ${transition([{property:"background-color"}])};
3122
-
3123
- background-color: var(--m-switch-background-color);
3124
- border-radius: calc(0.5 * var(--m-switch-thumb-height));
3125
-
3126
- box-sizing: border-box;
3127
- block-size: var(--m-switch-thumb-height);
3128
- inline-size: var(--m-switch-thumb-width);
3129
-
3130
- position: relative;
3131
- }
3132
-
3133
- .switch::after {
3134
- ${transition([{property:"left"}])};
3135
-
3136
- content: '';
3137
- display: block;
3138
- position: absolute;
3139
-
3140
- block-size: var(--m-switch-circle-size);
3141
- inline-size: var(--m-switch-circle-size);
3142
- border-radius: 50%;
3143
-
3144
- background-color: ${getColor("color-background-primary")};
3145
- left: var(--m-switch-circle-distance);
3146
- top: var(--m-switch-circle-distance);
3147
- }
3148
-
3149
- :host([aria-checked='true']) .switch::after {
3150
- left: calc(
3151
- 100% - var(--m-switch-circle-size) - var(--m-switch-circle-distance)
3152
- );
3153
- }
3154
- `]}Step.styles=[stepStyles()],window.customElements.define("m-step",Step);class Switch extends Component{static get properties(){return{name:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0},size:{type:String,reflect:!0}}}constructor(){super(),_Switch_instances.add(this),_Switch_controllers.set(this,void 0),_Switch_handleClick.set(this,(t=>{if(this.disabled)return t.stopPropagation(),void t.preventDefault();__classPrivateFieldGet$1(this,_Switch_instances,"m",_Switch_toggle).call(this)})),this.checked=!1,this.disabled=!1,__classPrivateFieldSet(this,_Switch_controllers,{keyboard:new KeyboardSupportController(this,{shortcut:[{key:" "},{key:"Enter"}],handler:t=>{t.stopPropagation(),__classPrivateFieldGet$1(this,_Switch_instances,"m",_Switch_toggle).call(this)}})},"f")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","switch"),this.addEventListener("click",__classPrivateFieldGet$1(this,_Switch_handleClick,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",__classPrivateFieldGet$1(this,_Switch_handleClick,"f"))}updated(t){super.updated(t),t.has("checked")&&this.setAttribute("aria-checked",String(this.checked??!1)),t.has("disabled")&&(this.disabled?this.removeAttribute("tabindex"):this.setAttribute("tabindex","0"))}render(){return x`
3155
- <span class="switch"></span>
3156
- <slot></slot>
3157
- `}}function tableStyles(){return i$5`
3158
- :host {
3159
- --m-table-cell-height: 52px;
3160
- --m-table-border-radius: ${getToken("border-radius-s")};
3161
-
3162
- --m-table-border-top-left-radius: var(--m-table-border-radius);
3163
- --m-table-border-top-right-radius: var(--m-table-border-radius);
3164
- --m-table-border-bottom-left-radius: var(--m-table-border-radius);
3165
- --m-table-border-bottom-right-radius: var(--m-table-border-radius);
3166
-
3167
- display: flex;
3168
- flex-direction: column;
3169
- width: 100%;
3170
- border-collapse: collapse;
3171
-
3172
- border-style: solid;
3173
- border-start-start-radius: var(--m-table-border-top-left-radius);
3174
- border-start-end-radius: var(--m-table-border-top-right-radius);
3175
- border-end-start-radius: var(--m-table-border-bottom-left-radius);
3176
- border-end-end-radius: var(--m-table-border-bottom-right-radius);
3177
- border-width: ${getToken("border-thin")};
3178
- border-color: ${getColor("color-border")};
3179
-
3180
- background-color: ${getColor("color-background-primary")};
3181
- }
3182
-
3183
- ::slotted(:not(:first-child)) {
3184
- border-top: ${getToken("border-thin")} solid ${getColor("color-divider")};
3185
- }
3186
-
3187
- ::slotted(:first-child) {
3188
- border-start-start-radius: var(--m-table-border-top-left-radius);
3189
- border-start-end-radius: var(--m-table-border-top-right-radius);
3190
- }
3191
-
3192
- ::slotted(:last-child) {
3193
- border-end-start-radius: var(--m-table-border-bottom-left-radius);
3194
- border-end-end-radius: var(--m-table-border-bottom-right-radius);
3195
- }
3196
-
3197
- .overflow-wrapper {
3198
- display: flex;
3199
- overflow-x: auto;
3200
- }
3201
-
3202
- .table {
3203
- display: table;
3204
- width: 100%;
3205
- }
3206
-
3207
- :host([size='small']) {
3208
- --m-table-cell-height: 32px;
3209
- ${typography("body-sm")};
3210
- }
3211
-
3212
- :host([size='default']) {
3213
- --m-table-cell-height: 52px;
3214
- ${typography("body-md")};
3215
- }
3216
-
3217
- :host([size='large']) {
3218
- --m-table-cell-height: 86px;
3219
- ${typography("body-md")};
3220
- }
3221
- `}function tableToolbarStyles(){return i$5`
3222
- :host {
3223
- padding: ${getToken("spacing-4")};
3224
- }
3225
- `}function tableHeadStyles(){return i$5`
3226
- :host {
3227
- --m-table-cell-height: 44px;
3228
-
3229
- display: table-header-group;
3230
-
3231
- background-color: ${getColor("color-background-secondary")};
3232
- }
3233
-
3234
- slot[name='table-row']::slotted(*) {
3235
- ${typography("table-header-sm")};
3236
- color: ${getColor("color-text-tertiary")};
3237
- }
3238
- `}function tableBodyStyles(){return i$5`
3239
- :host {
3240
- display: table-row-group;
3241
- }
3242
-
3243
- slot[name='table-row']::slotted(*) {
3244
- background-color: ${getColor("color-background-primary")};
3245
- color: ${getColor("color-text-primary")};
3246
- }
3247
-
3248
- slot[name='table-row']::slotted(*:hover) {
3249
- background-color: ${getColor("color-background-tertiary")};
3250
- }
3251
-
3252
- ::slotted(*:not(:first-child, :only-child)) {
3253
- border-top: ${getToken("border-thin")} solid ${getColor("color-divider")};
3254
- }
3255
- `}function tableFootStyles(){return i$5`
3256
- :host {
3257
- --m-table-cell-height: 44px;
3258
-
3259
- display: table-footer-group;
3260
-
3261
- background-color: ${getColor("color-background-secondary")};
3262
- }
3263
-
3264
- slot[name='table-row']::slotted(*) {
3265
- ${typography("table-header-sm")};
3266
- color: ${getColor("color-text-tertiary")};
3267
- }
3268
- `}function tableRowStyles(){return i$5`
3269
- :host {
3270
- display: table-row;
3271
- }
3272
- `}function tableCellStyles(){return i$5`
3273
- :host {
3274
- --m-table-cell-text-align: left;
3275
- --m-table-cell-vertical-align: middle;
3276
-
3277
- display: table-cell;
3278
- box-sizing: border-box;
3279
- height: var(--m-table-cell-height);
3280
- padding-inline-start: ${getToken("spacing-4")};
3281
- padding-inline-end: ${getToken("spacing-4")};
3282
- vertical-align: var(--m-table-cell-vertical-align);
3283
- text-align: var(--m-table-cell-text-align);
3284
- }
3285
- `}function tableHeadCellStyles(){return[tableCellStyles(),i$5`
3286
- :host {
3287
- white-space: nowrap;
3288
- }
3289
-
3290
- :host([sortable]:not([disabled])) {
3291
- cursor: pointer;
3292
- }
3293
-
3294
- m-icon {
3295
- --m-icon-color: ${getColor("color-text-primary")};
3296
- margin-left: ${getToken("spacing-2")};
3297
- }
3298
-
3299
- :host([disabled]) {
3300
- color: ${getColor("color-text-disabled")};
3301
- }
3302
-
3303
- :host([disabled]) m-icon {
3304
- --m-icon-color: ${getColor("color-text-disabled")};
3305
- }
3306
- `]}function tableActionsStyles(){return i$5`
3307
- :host {
3308
- background-color: ${getColor("color-background-primary")};
3309
- margin-top: auto;
3310
- }
3311
-
3312
- ::slotted(*:not(:first-child)) {
3313
- border-top: ${getToken("border-thin")} solid ${getColor("color-divider")};
3314
- }
3315
-
3316
- ::slotted(:last-child) {
3317
- border-end-start-radius: var(--m-table-border-bottom-left-radius);
3318
- border-end-end-radius: var(--m-table-border-bottom-right-radius);
3319
- }
3320
-
3321
- ::slotted(m-pagination) {
3322
- --m-pagination-border-width: ${getToken("border-none")};
3323
- --m-pagination-border-bottom-left-radius: var(
3324
- --m-table-border-bottom-left-radius
3325
- );
3326
- --m-pagination-border-bottom-right-radius: var(
3327
- --m-table-border-bottom-right-radius
3328
- );
3329
- }
3330
-
3331
- :host([sticky]) {
3332
- position: sticky;
3333
- bottom: 0;
3334
- z-index: 1;
3335
- }
3336
- `}_Switch_controllers=new WeakMap,_Switch_handleClick=new WeakMap,_Switch_instances=new WeakSet,_Switch_toggle=function(){this.checked=!this.checked,this.emit("m-change",{detail:{name:this.name,checked:this.checked}})},Switch.styles=[styles$9()],window.customElements.define("m-switch",Switch);const defaultTableProps={size:"default"};class Table extends s$7{static get properties(){return{role:{type:String,reflect:!0},size:{type:String,reflect:!0}}}constructor(){super(),this.role="table",this.size=defaultTableProps.size}render(){return x`
3337
- <slot name="table-toolbar"></slot>
3338
- <div class="overflow-wrapper">
3339
- <div class="table">
3340
- <slot name="table-head"></slot>
3341
- <slot name="table-body"></slot>
3342
- <slot name="table-foot"></slot>
3343
- </div>
3344
- </div>
3345
- <slot name="table-feedback"></slot>
3346
- <slot name="table-actions"></slot>
3347
- `}}Table.styles=[tableStyles()],window.customElements.define("m-table",Table);class TableHead extends s$7{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0}}}constructor(){super(),this.slot="table-head",this.role="rowgroup"}render(){return x`<slot name="table-row"></slot>`}}var _TableHeadCell_instances,_TableHeadCell_isSortable,_TableHeadCell_isDisabled,_TableHeadCell_getSortIcon,_TableHeadCell_handleClick;TableHead.styles=[tableHeadStyles()],window.customElements.define("m-table-head",TableHead);const defaultTableHeadCellProps={alignment:"left",verticalAlign:"middle",sortable:!1,sortDirection:void 0,disabled:!1};class TableHeadCell extends Component{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0},alignment:{type:String},verticalAlign:{type:String,attribute:"vertical-align"},columnId:{type:String,attribute:"column-id"},sortable:{type:Boolean,reflect:!0},sortDirection:{type:String,attribute:"sort-direction"},disabled:{type:Boolean,reflect:!0}}}constructor(){super(),_TableHeadCell_instances.add(this),_TableHeadCell_isSortable.set(this,(()=>Boolean(this.sortable))),_TableHeadCell_isDisabled.set(this,(()=>Boolean(this.disabled))),_TableHeadCell_handleClick.set(this,(()=>{if(__classPrivateFieldGet$1(this,_TableHeadCell_isDisabled,"f").call(this)||!__classPrivateFieldGet$1(this,_TableHeadCell_isSortable,"f").call(this))return;let t="asc";"asc"===this.sortDirection?t="desc":"desc"===this.sortDirection&&(t=void 0),this.emit("m-sort",{detail:{columnId:this.columnId,sortDirection:t}})})),this.slot="table-cell",this.role="columnheader",this.alignment=defaultTableHeadCellProps.alignment,this.verticalAlign=defaultTableHeadCellProps.verticalAlign,this.sortable=defaultTableHeadCellProps.sortable,this.sortDirection=defaultTableHeadCellProps.sortDirection,this.disabled=defaultTableHeadCellProps.disabled}connectedCallback(){super.connectedCallback(),this.addEventListener("click",__classPrivateFieldGet$1(this,_TableHeadCell_handleClick,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",__classPrivateFieldGet$1(this,_TableHeadCell_handleClick,"f"))}update(t){super.update(t),t.has("alignment")&&this.style.setProperty("--m-table-cell-text-align",this.alignment??defaultTableHeadCellProps.alignment),t.has("verticalAlign")&&this.style.setProperty("--m-table-cell-vertical-align",this.verticalAlign??defaultTableHeadCellProps.verticalAlign)}render(){return __classPrivateFieldGet$1(this,_TableHeadCell_isSortable,"f").call(this)?x`
3348
- <slot></slot>
3349
- <m-icon name="${__classPrivateFieldGet$1(this,_TableHeadCell_instances,"m",_TableHeadCell_getSortIcon).call(this)}" size="12"></m-icon>
3350
- `:x`<slot></slot>`}}_TableHeadCell_isSortable=new WeakMap,_TableHeadCell_isDisabled=new WeakMap,_TableHeadCell_handleClick=new WeakMap,_TableHeadCell_instances=new WeakSet,_TableHeadCell_getSortIcon=function(){switch(this.sortDirection){case"asc":return"arrow-sort-up";case"desc":return"arrow-sort-down";default:return"arrow-sort-up-down"}},TableHeadCell.styles=[tableHeadCellStyles()],window.customElements.define("m-table-head-cell",TableHeadCell);class TableBody extends s$7{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0}}}constructor(){super(),this.slot="table-body",this.role="rowgroup"}render(){return x`<slot name="table-row"></slot>`}}TableBody.styles=[tableBodyStyles()],window.customElements.define("m-table-body",TableBody);class TableFoot extends s$7{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0}}}constructor(){super(),this.slot="table-foot",this.role="rowgroup"}render(){return x`<slot name="table-row"></slot>`}}TableFoot.styles=[tableFootStyles()],window.customElements.define("m-table-foot",TableFoot);class TableRow extends s$7{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0}}}constructor(){super(),this.slot="table-row",this.role="row"}render(){return x`<slot name="table-cell"></slot>`}}TableRow.styles=[tableRowStyles()],window.customElements.define("m-table-row",TableRow);const defaultTableCellProps={alignment:"left",verticalAlign:"middle"};class TableCell extends s$7{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0},alignment:{type:String},verticalAlign:{type:String,attribute:"vertical-align"}}}constructor(){super(),this.slot="table-cell",this.alignment=defaultTableCellProps.alignment,this.verticalAlign=defaultTableCellProps.verticalAlign}firstUpdated(){const t=null!=this.closest("m-table-head");this.role=t?"columnheader":"cell"}update(t){super.update(t),t.has("alignment")&&this.style.setProperty("--m-table-cell-text-align",this.alignment??defaultTableCellProps.alignment),t.has("verticalAlign")&&this.style.setProperty("--m-table-cell-vertical-align",this.verticalAlign??defaultTableCellProps.verticalAlign)}render(){return x`<slot></slot>`}}TableCell.styles=[tableCellStyles()],window.customElements.define("m-table-cell",TableCell);class TableToolbar extends s$7{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="table-toolbar"}render(){return x`<slot></slot>`}}TableToolbar.styles=[tableToolbarStyles()],window.customElements.define("m-table-toolbar",TableToolbar);class TableFeedback extends s$7{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="table-feedback"}render(){return x`<slot></slot>`}}window.customElements.define("m-table-feedback",TableFeedback);class TableActions extends s$7{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0},sticky:{type:Boolean,reflect:!0}}}constructor(){super(),this.slot="table-actions"}render(){return x`<slot></slot>`}}TableActions.styles=[tableActionsStyles()],window.customElements.define("m-table-actions",TableActions);const tabsContext=n$2(Symbol("tabs")),TAB_SELECT_EVENT="m-select-tab";function styles$8(){return i$5`
3351
- :host {
3352
- --m-tabs-border-width: ${getToken("border-thin")};
3353
- --m-tabs-border-color: ${getColor("color-divider")};
3354
- }
3355
-
3356
- .tablist {
3357
- display: flex;
3358
- flex-direction: row;
3359
- gap: 1px;
3360
- border-bottom-style: solid;
3361
- border-bottom-width: var(--m-tabs-border-width);
3362
- border-bottom-color: var(--m-tabs-border-color);
3363
- }
3364
- `}var _Tabs_selectionController,_Tabs_defaultSlot,_Tabs_onSelectionChange,_Tabs_getDefaultSelected,_Tabs_getTabs,_Tab_instances,_Tab_button_get,_Tab_handleClick,_Tab_getContentDirection,_Tab_isSelected,_Tab_isDisabled,_a,_b,_TabPanel_isSelected,_TabPanel_isLazy,_ActionableTag_instances,_ActionableTag_isSkeleton,_ActionableTag_isRemovable,_ActionableTag_isSelectable,_ActionableTag_isSelected,_ActionableTag_isDisabled,_ActionableTag_handleClose,_ActionableTag_toggle,_ActionableTag_handleClick;class Tabs extends Component{static get properties(){return{activeTab:{type:String,attribute:"active-tab",reflect:!0},disabled:{type:Boolean,reflect:!0},lazy:{type:Boolean},selection:{state:!0},tabContentDirection:{type:String,attribute:"tab-content-direction"}}}constructor(){super(),_Tabs_selectionController.set(this,null),_Tabs_defaultSlot.set(this,null),this.provider=new i(this,tabsContext,{tabContentDirection:"horizontal",disabled:!1,lazy:!1,selection:new Set("")}),_Tabs_onSelectionChange.set(this,(t=>{t.stopPropagation();const[e]=Array.from(this.selection),o={detail:{value:String(e)}};this.emit("m-tab-change",o)})),_Tabs_getDefaultSelected.set(this,(()=>{const t=__classPrivateFieldGet$1(this,_Tabs_getTabs,"f").call(this);return t[0]?.name})),_Tabs_getTabs.set(this,(()=>{__classPrivateFieldGet$1(this,_Tabs_defaultSlot,"f")||__classPrivateFieldSet(this,_Tabs_defaultSlot,this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...__classPrivateFieldGet$1(this,_Tabs_defaultSlot,"f")?.assignedElements({flatten:!0})??[]].filter((t=>"m-tab"===t.tagName.toLowerCase()))})),this.activeTab="",this.tabContentDirection="horizontal",this.disabled=!1,this.lazy=!1,this.type="single-strict",this.selection=new Set}connectedCallback(){super.connectedCallback(),__classPrivateFieldSet(this,_Tabs_selectionController,new SelectionController(this,this.type,"m-select-tab"),"f"),this.addEventListener("m-change",__classPrivateFieldGet$1(this,_Tabs_onSelectionChange,"f"))}update(t){super.update(t),t.has("activeTab")&&__classPrivateFieldGet$1(this,_Tabs_selectionController,"f")&&__classPrivateFieldGet$1(this,_Tabs_selectionController,"f").init(toArray$1(this.activeTab||__classPrivateFieldGet$1(this,_Tabs_getDefaultSelected,"f").call(this)));const[e]=Array.from(this.selection);!t.has("selection")||this.activeTab&&e===this.activeTab||(this.activeTab=e),(t.has("tabContentDirection")||t.has("disabled")||t.has("lazy")||t.has("selection"))&&this.provider.setValue({tabContentDirection:this.tabContentDirection,disabled:this.disabled,lazy:this.lazy,selection:this.selection})}render(){return x`
3365
- <div class="tablist" role="tablist"><slot name="tab"></slot></div>
3366
- <slot></slot>
3367
- `}}function styles$7(){return i$5`
3368
- :host {
3369
- --m-tab-border-width: ${getToken("border-thin")};
3370
- --m-tab-border-color: ${getColor("color-divider")};
3371
- --m-tab-border-radius: ${getToken("border-radius-s")};
3372
- --m-tab-background-color: none;
3373
- --m-tab-label-color: ${getColor("color-text-tertiary")};
3374
- --m-tab-leading-color: ${getColor("color-text-tertiary")};
3375
-
3376
- --m-tab-outline-color: ${getColor("color-primary-60")};
3377
-
3378
- --m-tab-padding-x: ${getToken("spacing-6")};
3379
- --m-tab-height: ${getToken("spacing-12")};
3380
- }
3381
-
3382
- .tab {
3383
- cursor: pointer;
3384
- position: relative;
3385
- padding-bottom: 1px;
3386
- bottom: -1px;
3387
- display: inline-flex;
3388
- align-items: center;
3389
- justify-content: center;
3390
- gap: ${getToken("spacing-3")};
3391
- height: var(--m-tab-height);
3392
- padding-inline: var(--m-tab-padding-x);
3393
-
3394
- ${typography("body-md")};
3395
- color: var(--m-tab-label-color);
3396
-
3397
- background-color: var(--m-tab-background-color);
3398
- border: none;
3399
- border-bottom-style: solid;
3400
- border-bottom-width: var(--m-tab-border-width);
3401
- border-bottom-color: var(--m-tab-border-color);
3402
- border-top-left-radius: var(--m-tab-border-radius);
3403
- border-top-right-radius: var(--m-tab-border-radius);
3404
-
3405
- @media (prefers-reduced-motion: no-preference) {
3406
- ${transition([{property:"background-color"},{property:"border-color"},{property:"color"}])};
3407
- }
3408
- }
3409
- .tab.-vertical {
3410
- flex-direction: column;
3411
- --m-tab-height: ${getToken("spacing-20")};
3412
- }
3413
- .tab.-horizontal {
3414
- flex-direction: row;
3415
- }
3416
-
3417
- slot[name='leading']::slotted(*) {
3418
- display: contents;
3419
- color: var(--m-tab-leading-color);
3420
- }
3421
-
3422
- ${on(".tab").not.disabled.hover} {
3423
- --m-tab-background-color: ${getColor("color-background-tertiary")};
3424
- }
3425
-
3426
- ${on(".tab").not.disabled.focus} {
3427
- outline: 1px solid var(--m-tab-outline-color);
3428
- }
3429
-
3430
- .tab[aria-selected='true'] {
3431
- --m-tab-border-width: ${getToken("border-medium")};
3432
- --m-tab-border-color: ${getColor("color-primary-60")};
3433
- --m-tab-label-color: ${getColor("color-text-secondary")};
3434
- --m-tab-leading-color: ${getColor("color-primary-60")};
3435
- padding-bottom: 0;
3436
- }
3437
-
3438
- ${on(".tab").disabled} {
3439
- cursor: default;
3440
- --m-tab-label-color: ${getColor("color-text-disabled")};
3441
- --m-tab-leading-color: ${getColor("color-text-disabled")};
3442
- --m-tab-border-color: ${getColor("color-divider")};
3443
- }
3444
-
3445
- ${on(".tab","*").disabled} {
3446
- pointer-events: none;
3447
- }
3448
- `}_Tabs_selectionController=new WeakMap,_Tabs_defaultSlot=new WeakMap,_Tabs_onSelectionChange=new WeakMap,_Tabs_getDefaultSelected=new WeakMap,_Tabs_getTabs=new WeakMap,Tabs.styles=[styles$8()],window.customElements.define("m-tabs",Tabs);class Tab extends Component{static get properties(){return{name:{type:String},disabled:{type:Boolean,reflect:!0},slot:{type:String,reflect:!0}}}constructor(){super(),_Tab_instances.add(this),this.tabs=new s$2(this,{context:tabsContext,subscribe:!0}),_Tab_handleClick.set(this,(t=>{if(this.disabled)return t.preventDefault(),void t.stopPropagation();const e={detail:{value:this.name,type:"select"},bubbles:!0,composed:!1};this.emit("m-select-tab",e)})),_Tab_getContentDirection.set(this,(()=>this.tabs.value?.tabContentDirection)),_Tab_isSelected.set(this,(()=>Boolean(this.tabs.value?.selection.has(this.name)))),_Tab_isDisabled.set(this,(()=>this.disabled||Boolean(this.tabs.value?.disabled))),this.disabled=!1}connectedCallback(){super.connectedCallback(),this.id=`${this.name}-tab`,this.setAttribute("slot","tab"),this.setAttribute("role","tab"),this.setAttribute("aria-controls",`${this.name}-panel`),this.setAttribute("aria-selected","false"),this.addEventListener("click",__classPrivateFieldGet$1(this,_Tab_handleClick,"f"))}updated(t){super.updated(t),__classPrivateFieldGet$1(this,_Tab_isSelected,"f").call(this)?this.setAttribute("aria-selected","true"):this.setAttribute("aria-selected","false"),t.has("name")&&(this.id=`${this.name}-tab`,this.setAttribute("aria-controls",`${this.name}-panel`)),t.has("disabled")&&this.setAttribute("aria-disabled",String(this.disabled??!1))}render(){return x`
3449
- <button
3450
- type="button"
3451
- class=${o$2({tab:!0,"-vertical":"vertical"===__classPrivateFieldGet$1(this,_Tab_getContentDirection,"f").call(this),"-horizontal":"horizontal"===__classPrivateFieldGet$1(this,_Tab_getContentDirection,"f").call(this)})}
3452
- ?disabled=${__classPrivateFieldGet$1(this,_Tab_isDisabled,"f").call(this)}
3453
- aria-selected=${__classPrivateFieldGet$1(this,_Tab_isSelected,"f").call(this)}
3454
- >
3455
- <slot name="leading"></slot>
3456
- <slot></slot>
3457
- </button>
3458
- `}focus(t){__classPrivateFieldGet$1(this,_Tab_instances,"a",_Tab_button_get)?.focus(t)}}function styles$6(){return i$5`
3459
- :host {
3460
- --m-tab-panel-display: none;
3461
-
3462
- display: var(--m-tab-panel-display);
3463
- }
3464
- `}_Tab_handleClick=new WeakMap,_Tab_getContentDirection=new WeakMap,_Tab_isSelected=new WeakMap,_Tab_isDisabled=new WeakMap,_Tab_instances=new WeakSet,_Tab_button_get=function(){return this.renderRoot?.querySelector("button")??null},Tab.styles=[styles$7()],window.customElements.define("m-tab",Tab);class TabPanel extends(_b=Box){static get properties(){return{...super.properties,forTab:{type:String,attribute:"for-tab"},lazy:{type:Boolean}}}constructor(){super(),this.tabs=new s$2(this,{context:tabsContext,subscribe:!0}),_TabPanel_isSelected.set(this,(()=>Boolean(this.tabs.value?.selection.has(this.forTab)))),_TabPanel_isLazy.set(this,(()=>this.lazy||Boolean(this.tabs.value?.lazy))),this.lazy=!1,this.padding="none",this.paddingY="spacing-8"}connectedCallback(){super.connectedCallback(),this.id=`${this.forTab}-panel`,this.setAttribute("role","tabpanel"),this.setAttribute("aria-labelledby",`${this.forTab}-tab`)}updated(t){super.updated(t),__classPrivateFieldGet$1(this,_TabPanel_isSelected,"f").call(this)?(this.style.setProperty("--m-tab-panel-display","block"),this.removeAttribute("aria-hidden")):(this.style.setProperty("--m-tab-panel-display","none"),this.setAttribute("aria-hidden","true")),t.has("forTab")&&(this.id=`${this.forTab}-panel`,this.setAttribute("aria-labelledby",`${this.forTab}-tab`))}render(){return __classPrivateFieldGet$1(this,_TabPanel_isLazy,"f").call(this)&&!__classPrivateFieldGet$1(this,_TabPanel_isSelected,"f").call(this)?x``:x`<slot></slot>`}}function baseTagStyles(){return[skeleton.styles(),i$5`
3465
- :host {
3466
- --m-tag-skeleton-width: 100px;
3467
-
3468
- display: contents;
3469
- }
3470
-
3471
- .tag {
3472
- box-sizing: border-box;
3473
- max-width: 200px;
3474
- border-radius: 100px;
3475
- line-height: ${getToken("line-height-1")};
3476
- cursor: default;
3477
- }
3478
-
3479
- .tag slot[name='leading']::slotted(*) {
3480
- margin-inline-end: ${getToken("spacing-1")};
3481
- vertical-align: middle;
3482
- }
3483
-
3484
- .-size-small {
3485
- ${typography("chips-sm")};
3486
- padding: ${getToken("spacing-1")} ${getToken("spacing-2")};
3487
- block-size: ${toRem("18px")};
3488
- }
3489
- .-size-default {
3490
- ${typography("chips-md")};
3491
- padding: ${getToken("spacing-2")} ${getToken("spacing-3")};
3492
- block-size: ${getToken("global-height-small")};
3493
- }
3494
- .-size-large {
3495
- ${typography("button-lg")};
3496
- padding: ${getToken("spacing-3")} ${getToken("spacing-4")};
3497
- block-size: ${getToken("global-height-default")};
3498
- }
3499
-
3500
- .-is-skeleton {
3501
- ${skeleton()};
3502
- width: var(--m-tag-skeleton-width);
3503
- }
3504
- `]}function tagStyles(){return[skeleton.styles(),baseTagStyles(),i$5`
3505
- .tag {
3506
- display: inline-block;
3507
- white-space: nowrap;
3508
- overflow: hidden;
3509
- text-overflow: ellipsis;
3510
- }
3511
-
3512
- .-success {
3513
- color: ${getColor("color-success-60")};
3514
- background: ${getColor("color-success-20")};
3515
- }
3516
-
3517
- .-neutral {
3518
- color: ${getColor("color-text-tertiary")};
3519
- background: ${getColor("color-background-tertiary")};
3520
- }
3521
-
3522
- .-warning {
3523
- color: ${getColor("color-warning-100")};
3524
- background: ${getColor("color-warning-20")};
3525
- }
3526
-
3527
- .-danger {
3528
- color: ${getColor("color-danger-60")};
3529
- background: ${getColor("color-danger-20")};
3530
- }
3531
-
3532
- .-info {
3533
- color: ${getColor("color-text-highlight")};
3534
- background: ${getColor("color-accent-20")};
3535
- }
3536
- `]}_a=TabPanel,_TabPanel_isSelected=new WeakMap,_TabPanel_isLazy=new WeakMap,TabPanel.styles=[...Reflect.get(_b,"styles",_a),styles$6()],window.customElements.define("m-tab-panel",TabPanel);class Tag extends s$7{static get properties(){return{variant:{type:String},size:{type:String},isSkeleton:{type:Boolean,attribute:"is-skeleton"}}}constructor(){super(),this.variant="neutral",this.size="default",this.isSkeleton=!1}render(){return x`
3537
- <span
3538
- class=${o$2({tag:!0,"-success":"success"===this.variant,"-neutral":"neutral"===this.variant,"-warning":"warning"===this.variant,"-danger":"danger"===this.variant,"-info":"info"===this.variant,"-is-skeleton":this.isSkeleton,"-size-small":"small"===this.size,"-size-default":"default"===this.size,"-size-large":"large"===this.size})}
3539
- >
3540
- ${this.isSkeleton?x``:x`<slot name="leading"></slot>`}
3541
- <slot></slot>
3542
- </span>
3543
- `}}function handleConditionObject(t){return Object.keys(t||{}).reduce(((e,o)=>t[o]?[...e,o]:e),[]).join(" ")}function conditional(...t){let e=[];for(let o=0;o<t.length;o++){const i=t[o];"string"==typeof i?e.push(i):e=e.concat(handleConditionObject(i))}return e.join(" ")}function actionableTagStyles(){return[skeleton.styles(),baseTagStyles(),i$5`
3544
- .tag {
3545
- display: inline-flex;
3546
- flex-wrap: nowrap;
3547
- align-items: center;
3548
- gap: ${getToken("spacing-1")};
3549
- border: none;
3550
- }
3551
-
3552
- .-default {
3553
- color: ${getColor("color-text-tertiary")};
3554
- background: ${getColor("color-background-tertiary")};
3555
- }
3556
- .-default m-text {
3557
- --m-text-color: ${getColor("color-text-tertiary")};
3558
- }
3559
-
3560
- .-accent {
3561
- color: ${getColor("color-accent-60")};
3562
- background: ${getColor("color-accent-20")};
3563
- }
3564
- .-accent m-text {
3565
- --m-text-color: ${getColor("color-accent-60")};
3566
- }
3567
-
3568
- .-selectable.-default.-selected {
3569
- background: ${getColor("color-primary-60")};
3570
- color: ${getColor("color-text-inverted")};
3571
- }
3572
- .-selectable.-default.-selected m-text {
3573
- --m-text-color: ${getColor("color-text-inverted")};
3574
- }
3575
-
3576
- .-selectable.-accent.-selected {
3577
- background: ${getColor("color-accent-100")};
3578
- color: ${getColor("color-text-inverted")};
3579
- }
3580
- .-selectable.-accent.-selected m-text {
3581
- --m-text-color: ${getColor("color-text-inverted")};
3582
- }
3583
-
3584
- ${on(".-selectable").not.disabled} {
3585
- cursor: pointer;
3586
- }
3587
-
3588
- ${on(".-selectable").not.disabled.focus} {
3589
- outline: 1px solid ${getColor("color-primary-60")};
3590
- outline-offset: 2px;
3591
- }
3592
-
3593
- ${on(".-selectable.-default:not(.-selected)").not.disabled.hover},
3594
- ${on(".-selectable.-default:not(.-selected)").not.disabled.active} {
3595
- color: ${getColor("color-text-primary")};
3596
- }
3597
- ${on(".-selectable.-default:not(.-selected)").not.disabled.hover} m-text,
3598
- ${on(".-selectable.-default:not(.-selected)").not.disabled.active} m-text {
3599
- --m-text-color: ${getColor("color-text-primary")};
3600
- }
3601
-
3602
- ${on(".-selectable.-accent:not(.-selected)").not.disabled.hover},
3603
- ${on(".-selectable.-accent:not(.-selected)").not.disabled.active} {
3604
- color: ${getColor("color-accent-100")};
3605
- }
3606
- ${on(".-selectable.-accent:not(.-selected)").not.disabled.hover} m-text,
3607
- ${on(".-selectable.-accent:not(.-selected)").not.disabled.active} m-text {
3608
- --m-text-color: ${getColor("color-accent-100")};
3609
- }
3610
-
3611
- ${on(".-selectable").disabled} {
3612
- color: ${getColor("color-text-disabled")};
3613
- }
3614
- ${on(".-selectable").disabled} m-text {
3615
- --m-text-color: ${getColor("color-text-disabled")};
3616
- }
3617
-
3618
- ${on(".-selectable.-default").disabled} {
3619
- background: ${getColor("color-background-tertiary")};
3620
- }
3621
-
3622
- ${on(".-selectable.-accent").disabled} {
3623
- background: ${getColor("color-accent-20")};
3624
- }
3625
-
3626
- .-accent:not(.-selected) ${on("m-close-button").not.disabled.hover} {
3627
- --m-close-button-color: ${getColor("color-accent-100")};
3628
- --m-close-button-icon-color: ${getColor("color-text-inverted")};
3629
- }
3630
-
3631
- .-selected ${on("m-close-button").not.disabled.hover} {
3632
- --m-close-button-color: ${getColor("color-text-inverted")};
3633
- }
3634
- .-selected.-default ${on("m-close-button").not.disabled.hover} {
3635
- --m-close-button-icon-color: ${getColor("color-primary-60")};
3636
- }
3637
- .-selected.-accent ${on("m-close-button").not.disabled.hover} {
3638
- --m-close-button-icon-color: ${getColor("color-accent-100")};
3639
- }
3640
-
3641
- .-size-large.-removable {
3642
- // manual/visual increment
3643
- padding-inline-end: calc(${getToken("spacing-2")} + 4px);
3644
- }
3645
- `]}Tag.styles=[tagStyles()],window.customElements.define("m-tag",Tag);class ActionableTag extends Component{static get properties(){return{variant:{type:String},size:{type:String},selectable:{type:Boolean,reflect:!0},selected:{type:Boolean,reflect:!0},removable:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},isSkeleton:{type:Boolean,attribute:"is-skeleton"}}}constructor(){super(),_ActionableTag_instances.add(this),_ActionableTag_isSkeleton.set(this,(()=>Boolean(this.isSkeleton))),_ActionableTag_isRemovable.set(this,(()=>Boolean(this.removable))),_ActionableTag_isSelectable.set(this,(()=>Boolean(this.selectable))),_ActionableTag_isSelected.set(this,(()=>Boolean(this.selected))),_ActionableTag_isDisabled.set(this,(()=>Boolean(this.disabled))),_ActionableTag_handleClose.set(this,(t=>{t.stopPropagation(),this.disabled?t.preventDefault():this.emit("m-remove")})),_ActionableTag_handleClick.set(this,(t=>{const e=this.renderRoot.querySelector("m-close-button"),o=e&&t.composedPath().includes(e);if(this.disabled||!__classPrivateFieldGet$1(this,_ActionableTag_isSelectable,"f").call(this)||o)return t.stopPropagation(),void t.preventDefault();__classPrivateFieldGet$1(this,_ActionableTag_instances,"m",_ActionableTag_toggle).call(this)})),this.variant="default",this.size="default",this.removable=!1,this.selectable=!1,this.selected=!1,this.disabled=!1,this.isSkeleton=!1}get tag(){const t=__classPrivateFieldGet$1(this,_ActionableTag_isSelectable,"f").call(this)?"button":"span";return i$3`${o$3(t)}`}render(){return n$4`
3646
- <${this.tag}
3647
- class=${o$2({tag:!0,"-default":"default"===this.variant,"-accent":"accent"===this.variant,"-size-small":"small"===this.size,"-size-default":"default"===this.size,"-size-large":"large"===this.size,"-removable":__classPrivateFieldGet$1(this,_ActionableTag_isRemovable,"f").call(this),"-selectable":__classPrivateFieldGet$1(this,_ActionableTag_isSelectable,"f").call(this),"-selected":__classPrivateFieldGet$1(this,_ActionableTag_isSelected,"f").call(this),"-is-skeleton":__classPrivateFieldGet$1(this,_ActionableTag_isSkeleton,"f").call(this),"is-disabled":__classPrivateFieldGet$1(this,_ActionableTag_isDisabled,"f").call(this)})}
3648
- @click=${__classPrivateFieldGet$1(this,_ActionableTag_handleClick,"f")}
3649
- ?disabled="${__classPrivateFieldGet$1(this,_ActionableTag_isSelectable,"f").call(this)?__classPrivateFieldGet$1(this,_ActionableTag_isDisabled,"f").call(this):A$1}"
3650
- aria-disabled=${__classPrivateFieldGet$1(this,_ActionableTag_isSelectable,"f").call(this)&&__classPrivateFieldGet$1(this,_ActionableTag_isDisabled,"f").call(this)?"true":"false"}
3651
- >
3652
- ${this.isSkeleton?n$4``:n$4`<slot name="leading"></slot>`}
3653
- <m-text
3654
- variant=${conditional({"chips-sm":"small"===this.size,"chips-md":"default"===this.size,"button-lg":"large"===this.size})}
3655
- ellipsized
3656
- >
3657
- <slot></slot>
3658
- </m-text>
3659
- <m-close-button
3660
- ?hidden=${!this.removable||this.isSkeleton}
3661
- ?inverted=${this.selected}
3662
- ?disabled=${__classPrivateFieldGet$1(this,_ActionableTag_isDisabled,"f").call(this)}
3663
- size=${conditional({small:this.size&&["small","default"].includes(this.size),default:"large"===this.size})}
3664
- @m-close=${__classPrivateFieldGet$1(this,_ActionableTag_handleClose,"f")}
3665
- ></m-close-button>
3666
- </${this.tag}>
3667
- `}}_ActionableTag_isSkeleton=new WeakMap,_ActionableTag_isRemovable=new WeakMap,_ActionableTag_isSelectable=new WeakMap,_ActionableTag_isSelected=new WeakMap,_ActionableTag_isDisabled=new WeakMap,_ActionableTag_handleClose=new WeakMap,_ActionableTag_handleClick=new WeakMap,_ActionableTag_instances=new WeakSet,_ActionableTag_toggle=function(){this.selected=!this.selected,this.emit("m-change",{detail:{selected:this.selected}})},ActionableTag.styles=[actionableTagStyles()],window.customElements.define("m-actionable-tag",ActionableTag);var e=new Map;function t(t){var o=e.get(t);o&&o.destroy()}function o(t){var o=e.get(t);o&&o.update()}var r=null;"undefined"==typeof window?((r=function(t){return t}).destroy=function(t){return t},r.update=function(t){return t}):((r=function(t,o){return t&&Array.prototype.forEach.call(t.length?t:[t],(function(t){return function(t){if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!e.has(t)){var o,i=null,r=window.getComputedStyle(t),n=(o=t.value,function(){a({testForHeightReduction:""===o||!t.value.startsWith(o),restoreTextAlign:null}),o=t.value}),s=function(o){t.removeEventListener("autosize:destroy",s),t.removeEventListener("autosize:update",l),t.removeEventListener("input",n),window.removeEventListener("resize",l),Object.keys(o).forEach((function(e){return t.style[e]=o[e]})),e.delete(t)}.bind(t,{height:t.style.height,resize:t.style.resize,textAlign:t.style.textAlign,overflowY:t.style.overflowY,overflowX:t.style.overflowX,wordWrap:t.style.wordWrap});t.addEventListener("autosize:destroy",s),t.addEventListener("autosize:update",l),t.addEventListener("input",n),window.addEventListener("resize",l),t.style.overflowX="hidden",t.style.wordWrap="break-word",e.set(t,{destroy:s,update:l}),l()}function a(e){var o,n,s=e.restoreTextAlign,l=void 0===s?null:s,c=e.testForHeightReduction,d=void 0===c||c,h=r.overflowY;if(0!==t.scrollHeight&&("vertical"===r.resize?t.style.resize="none":"both"===r.resize&&(t.style.resize="horizontal"),d&&(o=function(t){for(var e=[];t&&t.parentNode&&t.parentNode instanceof Element;)t.parentNode.scrollTop&&e.push([t.parentNode,t.parentNode.scrollTop]),t=t.parentNode;return function(){return e.forEach((function(t){var e=t[0],o=t[1];e.style.scrollBehavior="auto",e.scrollTop=o,e.style.scrollBehavior=null}))}}(t),t.style.height=""),n="content-box"===r.boxSizing?t.scrollHeight-(parseFloat(r.paddingTop)+parseFloat(r.paddingBottom)):t.scrollHeight+parseFloat(r.borderTopWidth)+parseFloat(r.borderBottomWidth),"none"!==r.maxHeight&&n>parseFloat(r.maxHeight)?("hidden"===r.overflowY&&(t.style.overflow="scroll"),n=parseFloat(r.maxHeight)):"hidden"!==r.overflowY&&(t.style.overflow="hidden"),t.style.height=n+"px",l&&(t.style.textAlign=l),o&&o(),i!==n&&(t.dispatchEvent(new Event("autosize:resized",{bubbles:!0})),i=n),h!==r.overflow&&!l)){var u=r.textAlign;"hidden"===r.overflow&&(t.style.textAlign="start"===u?"end":"start"),a({restoreTextAlign:u,testForHeightReduction:!0})}}function l(){a({testForHeightReduction:!0,restoreTextAlign:null})}}(t)})),t}).destroy=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],t),e},r.update=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],o),t});var _TextArea_handleInput,_TextArea_updateStatusClass,_TextField_instances,_TextField_isClearVisible,_TextField_updateStatusClass,_TextField_handleInput,_TextField_handleClear,n=r;function styles$5(){return i$5`
3668
- :host {
3669
- --m-text-area-background-color: ${getColor("color-background-primary")};
3670
- --m-text-area-border-color: ${getColor("color-border-input")};
3671
- --m-text-area-min-height: 135px;
3672
- --m-text-area-placeholder-color: ${getColor("color-text-placeholder")};
3673
- --m-text-area-color: ${getColor("color-text-primary")};
3674
-
3675
- ${typography("body-md")};
3676
- ${transition([{property:"background-color"},{property:"border-color"}])};
3677
-
3678
- display: inline-flex;
3679
- align-items: center;
3680
- justify-content: start;
3681
- gap: ${getToken("spacing-2")};
3682
-
3683
- overflow: hidden;
3684
-
3685
- position: relative;
3686
- box-sizing: border-box;
3687
- width: 100%;
3688
- min-block-size: var(--m-text-area-min-height);
3689
-
3690
- background-color: var(--m-text-area-background-color);
3691
- border-radius: ${getToken("border-radius-s")};
3692
- border: 1px solid var(--m-text-area-border-color);
3693
-
3694
- ${p$1(getToken("spacing-2"))};
3695
- }
3696
-
3697
- :host([resize='none']:not([autosize])) textarea {
3698
- resize: none;
3699
- }
3700
-
3701
- :host([resize='both']:not([autosize])) textarea {
3702
- resize: both;
3703
- }
3704
-
3705
- :host([resize='horizontal']:not([autosize])) textarea {
3706
- resize: horizontal;
3707
- }
3708
-
3709
- :host([resize='vertical']:not([autosize])) textarea {
3710
- resize: vertical;
3711
- }
3712
-
3713
- :host([resize='block']:not([autosize])) textarea {
3714
- resize: block;
3715
- }
3716
-
3717
- :host([resize='inline']:not([autosize])) textarea {
3718
- resize: inline;
3719
- }
3720
-
3721
- :host([status='danger']) {
3722
- --m-text-area-border-color: ${getColor("color-danger-60")};
3723
- }
3724
-
3725
- :host([disabled]) {
3726
- --m-text-area-background-color: ${getColor("color-background-tertiary")};
3727
-
3728
- cursor: default;
3729
- }
3730
-
3731
- :host([disabled]) * {
3732
- pointer-events: none;
3733
- }
3734
-
3735
- :host(:not([disabled]):hover) {
3736
- --m-text-area-border-color: ${getColor("color-primary-60")};
3737
- }
3738
-
3739
- :host(:not([disabled]):is(:focus, :focus-visible, :focus-within)) {
3740
- --m-text-area-border-color: ${getColor("color-primary-100")};
3741
- }
3742
-
3743
- ${on("textarea").not.disabled.active},
3744
- ${on("textarea").not.disabled.focus} {
3745
- -webkit-appearance: none;
3746
- background: none;
3747
- border: none;
3748
- outline: none;
3749
- }
3750
-
3751
- textarea {
3752
- ${typography("body-md")};
3753
-
3754
- border: none;
3755
- outline: none;
3756
- flex: 1;
3757
- min-width: 0;
3758
- min-block-size: var(--m-text-area-min-height);
3759
-
3760
- padding: 0;
3761
-
3762
- background-color: var(--m-text-area-background-color);
3763
- color: var(--m-text-area-color);
3764
-
3765
- scrollbar-width: thin;
3766
- scrollbar-color: ${getColor("color-border-input")}
3767
- ${getColor("color-background-tertiary")};
3768
-
3769
- outline: none;
3770
- }
3771
-
3772
- textarea::placeholder {
3773
- color: var(--m-text-area-placeholder-color);
3774
- }
3775
-
3776
- textarea::-webkit-scrollbar {
3777
- width: 8px;
3778
- border-radius: ${getToken("border-radius-m")};
3779
- }
3780
-
3781
- textarea::-webkit-scrollbar-track {
3782
- background: ${getColor("color-background-tertiary")};
3783
- border-radius: ${getToken("border-radius-m")};
3784
- }
3785
-
3786
- textarea::-webkit-scrollbar-thumb {
3787
- background-color: ${getColor("color-border-input")};
3788
- border-radius: ${getToken("border-radius-m")};
3789
- background-clip: padding-box;
3790
- }
3791
- `}class TextArea extends Component{static get properties(){return{autosize:{type:Boolean},autocomplete:{type:Boolean},autofocus:{type:Boolean},cols:{type:Number},dirname:{type:String},disabled:{type:Boolean,reflect:!0},maxLength:{type:Number,reflect:!0,attribute:"max-length"},minLength:{type:Number,reflect:!0,attribute:"min-length"},name:{type:String},placeholder:{type:String},readOnly:{type:Boolean,reflect:!0,attribute:"read-only"},resize:{type:String,reflect:!0},rows:{type:Number},spellcheck:{type:Boolean,reflect:!0,attribute:"spell-check"},value:{type:String},wrap:{type:String},status:{type:String,reflect:!0}}}constructor(){super(),this.textAreaElement=null,this.field=new s$2(this,{context:fieldContext,subscribe:!0,callback:()=>{__classPrivateFieldGet$1(this,_TextArea_updateStatusClass,"f").call(this)}}),_TextArea_handleInput.set(this,(t=>{this.value=t.target.value,this.reemit(t)})),_TextArea_updateStatusClass.set(this,(()=>{const t=this.status||this.field.value?.status;this.classList.remove("-status-default","-status-danger"),this.classList.add(`-status-${t}`)})),this.cols=40,this.disabled=!1,this.placeholder=void 0,this.resize="vertical",this.rows=6,this.value=void 0}connectedCallback(){super.connectedCallback(),this.setAttribute("role","textbox")}update(t){super.update(t),t.has("status")&&__classPrivateFieldGet$1(this,_TextArea_updateStatusClass,"f").call(this)}updated(t){super.updated(t),t.has("autosize")&&(this.autosize?n(this.textarea):n.destroy(this.textarea))}render(){return x`<textarea
3792
- name="${l$1(this.name)}"
3793
- autocomplete=${l$1(this.autocomplete)}
3794
- ?autofocus=${this.autofocus}
3795
- dirname="${l$1(this.dirname)}"
3796
- cols="${l$1(this.cols)}"
3797
- rows="${l$1(this.rows)}"
3798
- aria-disabled=${this.disabled?"true":"false"}
3799
- ?disabled="${this.disabled}"
3800
- ?readonly=${this.readOnly}
3801
- maxlength=${l$1(null!=this.maxLength&&this.maxLength>-1?this.maxLength:void 0)}
3802
- minlength=${l$1(null!=this.minLength&&this.minLength>-1?this.minLength:void 0)}
3803
- placeholder="${l$1(this.placeholder)}"
3804
- @change=${this.reemit}
3805
- @input=${__classPrivateFieldGet$1(this,_TextArea_handleInput,"f")}
3806
- spellcheck=${l$1(this.spellcheck)}
3807
- wrap=${l$1(this.wrap)}
3808
- >
3809
- ${this.value}</textarea
3810
- >`}get textarea(){return null==this.textAreaElement&&(this.textAreaElement=this.renderRoot?.querySelector("textArea")??null),this.textAreaElement}focus(){this.textarea?.focus()}}function styles$4(){return i$5`
3811
- :host {
3812
- --m-text-field-background-color: ${getColor("color-background-primary")};
3813
- --m-text-field-border-color: ${getColor("color-border-input")};
3814
- --m-text-field-height: ${getToken("global-height-default")};
3815
- --m-text-field-padding-y: ${getToken("spacing-2")};
3816
- --m-text-field-placeholder-color: ${getColor("color-text-placeholder")};
3817
- --m-text-field-color: ${getColor("color-text-primary")};
3818
-
3819
- ${typography("body-md")};
3820
- ${transition([{property:"background-color"},{property:"border-color"}])};
3821
-
3822
- display: inline-flex;
3823
- align-items: center;
3824
- justify-content: start;
3825
- gap: ${getToken("spacing-2")};
3826
-
3827
- position: relative;
3828
- box-sizing: border-box;
3829
- width: 100%;
3830
- block-size: var(--m-text-field-height);
3831
-
3832
- ${px(getToken("spacing-2"))};
3833
-
3834
- background-color: var(--m-text-field-background-color);
3835
- border-radius: ${getToken("border-radius-s")};
3836
- border: 1px solid var(--m-text-field-border-color);
3837
- }
3838
-
3839
- :host([size='small']) {
3840
- --m-text-field-height: ${getToken("global-height-small")};
3841
- --m-text-field-padding-y: 0;
3842
- }
3843
-
3844
- :host([size='small']),
3845
- :host([size='small']) input {
3846
- ${typography("body-sm")};
3847
- }
3848
-
3849
- :host([size='large']) {
3850
- --m-text-field-height: ${getToken("global-height-large")};
3851
- --m-text-field-padding-y: ${getToken("spacing-3")};
3852
- }
3853
-
3854
- :host(.-status-danger) {
3855
- --m-text-field-border-color: ${getColor("color-danger-60")};
3856
- }
3857
-
3858
- :host([disabled]) {
3859
- --m-text-field-background-color: ${getColor("color-background-tertiary")};
3860
-
3861
- cursor: default;
3862
- }
3863
-
3864
- :host([disabled]) * {
3865
- pointer-events: none;
3866
- }
3867
-
3868
- slot[name='leading']::slotted(*),
3869
- slot[name='trailing']::slotted(*) {
3870
- display: inline-flex;
3871
- flex: 0 0 auto;
3872
- align-items: center;
3873
- cursor: default;
3874
- }
3875
-
3876
- :host(:not([disabled]):hover) {
3877
- --m-text-field-border-color: ${getColor("color-primary-60")};
3878
- }
3879
-
3880
- :host(:not([disabled]):is(:focus, :focus-visible, :focus-within)) {
3881
- --m-text-field-border-color: ${getColor("color-primary-100")};
3882
- }
3883
-
3884
- ${on("input").not.disabled.active},
3885
- ${on("input").not.disabled.focus} {
3886
- -webkit-appearance: none;
3887
- background: none;
3888
- border: none;
3889
- outline: none;
3890
- }
3891
-
3892
- input {
3893
- ${typography("body-md")};
3894
-
3895
- align-self: stretch;
3896
- border: none;
3897
- outline: none;
3898
- flex: 1;
3899
- min-width: 0;
3900
-
3901
- ${px(0)};
3902
- padding-block: var(--m-text-field-padding-y);
3903
-
3904
- background-color: var(--m-text-field-background-color);
3905
- color: var(--m-text-field-color);
3906
- }
3907
-
3908
- input::placeholder {
3909
- color: var(--m-text-field-placeholder-color);
3910
- }
3911
-
3912
- .clear {
3913
- visibility: hidden;
3914
- }
3915
-
3916
- .clear.is-visible {
3917
- visibility: visible;
3918
- }
3919
- `}_TextArea_handleInput=new WeakMap,_TextArea_updateStatusClass=new WeakMap,TextArea.styles=[styles$5()],window.customElements.define("m-text-area",TextArea);class TextField extends Component{static get properties(){return{clearable:{type:Boolean},disabled:{type:Boolean,reflect:!0},inputMode:{type:String,attribute:"input-mode"},max:{type:String},maxLength:{type:Number,reflect:!0,attribute:"max-length"},min:{type:String},minLength:{type:Number,reflect:!0,attribute:"min-length"},name:{type:String},pattern:{type:String},placeholder:{type:String},readOnly:{type:Boolean,reflect:!0,attribute:"read-only"},size:{type:String,reflect:!0},status:{type:String,reflect:!0},step:{type:String},type:{type:String},value:{type:String}}}constructor(){super(),_TextField_instances.add(this),this.inputElement=null,this.field=new s$2(this,{context:fieldContext,subscribe:!0,callback:()=>{__classPrivateFieldGet$1(this,_TextField_updateStatusClass,"f").call(this)}}),_TextField_updateStatusClass.set(this,(()=>{const t=this.status||this.field.value?.status||"default";this.classList.remove("-status-default","-status-danger"),this.classList.add(`-status-${t}`)})),_TextField_handleInput.set(this,(t=>{this.value=t.target.value,this.reemit(t)})),_TextField_handleClear.set(this,(t=>{t.stopPropagation(),this.clear()})),this.clearable=!1,this.disabled=!1,this.placeholder=void 0,this.size="default",this.type="text",this.value=void 0,this.max=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","textbox")}update(t){super.update(t),t.has("status")&&__classPrivateFieldGet$1(this,_TextField_updateStatusClass,"f").call(this)}render(){return x`
3920
- <slot name="leading"></slot>
3921
- <input
3922
- ?disabled="${this.disabled}"
3923
- ?readonly=${this.readOnly}
3924
- @change=${this.reemit}
3925
- @input=${__classPrivateFieldGet$1(this,_TextField_handleInput,"f")}
3926
- aria-disabled=${this.disabled?"true":"false"}
3927
- autocomplete=${l$1(this.autocomplete)}
3928
- id="${l$1(this.id)}"
3929
- inputmode=${l$1(this.inputMode)}
3930
- max=${this.max||A$1}
3931
- maxlength=${l$1(null!=this.maxLength&&this.maxLength>-1?this.maxLength:void 0)}
3932
- min=${this.min||A$1}
3933
- minlength=${l$1(null!=this.minLength&&this.minLength>-1?this.minLength:void 0)}
3934
- name="${l$1(this.name)}"
3935
- pattern=${l$1(this.pattern)}
3936
- placeholder="${l$1(this.placeholder)}"
3937
- step=${this.step||A$1}
3938
- type="${l$1(this.type)}"
3939
- value="${l$1(this.value)}"
3940
- />
3941
- ${this.clearable?x`<m-close-button
3942
- class=${o$2({clear:!0,"is-visible":__classPrivateFieldGet$1(this,_TextField_instances,"m",_TextField_isClearVisible).call(this)})}
3943
- controls="${l$1(this.id)}"
3944
- @m-close=${__classPrivateFieldGet$1(this,_TextField_handleClear,"f")}
3945
- label="Clear input"
3946
- ></m-close-button>`:A$1}
3947
- <slot name="trailing"></slot>
3948
- `}get input(){return null==this.inputElement&&(this.inputElement=this.renderRoot?.querySelector("input")??null),this.inputElement}clear(){this.value="",this.input&&(this.input.value=""),this.emit("m-clear"),this.focus()}focus(){this.input?.focus()}}function timelineStyles(){return i$5`
3949
- ::slotted(*) {
3950
- width: 100%;
3951
- }
3952
-
3953
- :host {
3954
- display: flex;
3955
- flex-direction: column;
3956
- justify-content: center;
3957
- align-items: flex-start;
3958
-
3959
- gap: ${getToken("spacing-4")};
3960
- }
3961
- `}function timelineItemStyles(){return i$5`
3962
- ::slotted(:not(m-timeline-item-icon)) {
3963
- width: 100%;
3964
- }
3965
-
3966
- :host {
3967
- --m-timeline-item-circle-size: 22px;
3968
- --m-timeline-item-inner-circle-distance: 3px;
3969
-
3970
- --m-timeline-item-background-color: ${getColor("color-neutral-40")};
3971
- --m-timeline-item-min-height: ${getToken("global-height-large")};
3972
-
3973
- --m-timeline-item-content-gap: ${getToken("spacing-6")};
3974
-
3975
- position: relative;
3976
- display: flex;
3977
- flex-direction: row nowrap;
3978
- align-items: flex-start;
3979
-
3980
- box-sizing: border-box;
3981
- min-height: var(--m-timeline-item-min-height);
3982
-
3983
- gap: ${getToken("spacing-6")};
3984
-
3985
- padding: 0;
3986
- margin: 0;
3987
- }
3988
-
3989
- .side {
3990
- display: flex;
3991
- flex-direction: column;
3992
- gap: ${getToken("spacing-4")};
3993
-
3994
- align-self: stretch;
3995
- align-items: center;
3996
- }
3997
-
3998
- .track {
3999
- ${transition([{property:"background-color"}])};
4000
-
4001
- display: inline-block;
4002
-
4003
- inline-size: 2px;
4004
- block-size: 100%;
4005
-
4006
- background-color: ${getColor("color-border-input")};
4007
- }
4008
-
4009
- .content {
4010
- ${typography("body-md")};
4011
-
4012
- display: flex;
4013
- flex-direction: column;
4014
- align-items: flex-start;
4015
- justify-content: flex-start;
4016
- gap: var(--m-timeline-item-content-gap);
4017
-
4018
- flex: 1;
4019
-
4020
- padding: 0 0 ${getToken("spacing-6")} 0;
4021
- padding-block-end: ${getToken("spacing-6")};
4022
- }
4023
-
4024
- .content.-divider {
4025
- border-bottom: 1px solid ${getColor("color-border-input")};
4026
- }
4027
-
4028
- .circle {
4029
- ${typography("number-md")};
4030
- ${transition([{property:"background-color"}])};
4031
-
4032
- display: flex;
4033
- align-items: center;
4034
- justify-content: center;
4035
-
4036
- flex: 0 0 var(--m-timeline-item-circle-size);
4037
-
4038
- box-sizing: border-box;
4039
- inline-size: var(--m-timeline-item-circle-size);
4040
- block-size: var(--m-timeline-item-circle-size);
4041
-
4042
- border-radius: 50%;
4043
-
4044
- background-color: var(--m-timeline-item-background-color);
4045
- color: var(--m-timeline-item-background-color);
4046
- }
4047
-
4048
- .check,
4049
- .dot,
4050
- .exclamation {
4051
- display: none;
4052
- }
4053
-
4054
- .dot {
4055
- --size: calc(
4056
- var(--m-timeline-item-circle-size) - 2 *
4057
- var(--m-timeline-item-inner-circle-distance)
4058
- );
4059
-
4060
- inline-size: var(--size);
4061
- block-size: var(--size);
4062
- box-sizing: border-box;
4063
-
4064
- border-radius: 50%;
4065
- border: var(--m-timeline-item-inner-circle-distance) solid
4066
- ${getColor("color-text-inverted")};
4067
- background-color: ${getColor("color-primary-60")};
4068
- }
4069
-
4070
- .exclamation {
4071
- ${typography("body-md-bold")};
4072
- line-height: var(--m-timeline-item-circle-size);
4073
- color: ${getColor("color-text-inverted")};
4074
- }
4075
-
4076
- :host(:is(:focus, :focus-within, :focus-visible)) {
4077
- outline: none;
4078
- }
4079
-
4080
- :host(:is([completed], [active])) {
4081
- --m-timeline-item-background-color: ${getColor("color-primary-60")};
4082
- }
4083
-
4084
- :host([variant='warning']:not([active], [active])) {
4085
- --m-timeline-item-background-color: ${getColor("color-warning-60")};
4086
- }
4087
-
4088
- :host([completed]:not([active])) .check {
4089
- display: inline-flex;
4090
- }
4091
-
4092
- :host([completed]:not([active])) .track {
4093
- background-color: ${getColor("color-primary-60")};
4094
- }
4095
-
4096
- :host([active]) .dot {
4097
- display: inline-flex;
4098
- }
4099
-
4100
- :host([variant='warning']:not([active], [active])) .exclamation {
4101
- display: inline-flex;
4102
- }
4103
- `}function timelineExpandableItemStyles(){return i$5`
4104
- .m-timeline-item-header-trigger {
4105
- display: flex;
4106
- margin: 0;
4107
- padding: 0;
4108
- cursor: pointer;
4109
- width: 100%;
4110
- outline: none;
4111
- border: none;
4112
- align-items: center;
4113
- background-color: transparent;
4114
- }
4115
-
4116
- .m-timeline-item-header-trigger[aria-expanded='true'] m-icon {
4117
- transform: rotate(180deg);
4118
- }
4119
-
4120
- .m-timeline-item-body-section {
4121
- height: auto;
4122
- width: 100%;
4123
- overflow: hidden;
4124
- }
4125
-
4126
- @media (prefers-reduced-motion: no-preference) {
4127
- m-icon {
4128
- ${transition([{property:"transform"}])};
4129
- }
4130
-
4131
- .content {
4132
- ${transition([{property:"gap"}])};
4133
- }
4134
-
4135
- .m-timeline-item-body-section {
4136
- ${transition([{property:"height"},{property:"visibility"}])};
4137
- will-change: height;
4138
- }
4139
- }
4140
- `}function timelineItemHeaderStyles(){return i$5`
4141
- :host {
4142
- --m-timeline-item-header-align: baseline;
4143
-
4144
- display: flex;
4145
- flex-direction: row;
4146
- align-items: var(--m-timeline-item-header-align);
4147
- justify-content: flex-start;
4148
-
4149
- gap: ${getToken("spacing-2")};
4150
-
4151
- box-sizing: border-box;
4152
- }
4153
- `}function timelineBodyStyles(){return i$5`
4154
- :host {
4155
- display: block;
4156
-
4157
- box-sizing: border-box;
4158
- }
4159
- `}function timelineFooterStyles(){return i$5`
4160
- :host {
4161
- display: block;
4162
-
4163
- box-sizing: border-box;
4164
- }
4165
- `}function timelineIconStyles(){return i$5`
4166
- :host {
4167
- display: flex;
4168
- box-sizing: border-box;
4169
- }
4170
- `}_TextField_updateStatusClass=new WeakMap,_TextField_handleInput=new WeakMap,_TextField_handleClear=new WeakMap,_TextField_instances=new WeakSet,_TextField_isClearVisible=function(){const t=this.value||"";return!this.disabled&&t.length>0},TextField.styles=[styles$4()],window.customElements.define("m-text-field",TextField);class Timeline extends Component{update(t){if(super.update(t),null!=this.activeEntry){let t=!0;for(const e of this.entries)e.active?t=!1:(e.completed=t,e.active=!1)}}render(){return x`<slot name="item"></slot>`}get entries(){return Array.from(this.querySelectorAll("m-timeline-item"))}get activeEntry(){return this.querySelector("m-timeline-item[active]")}}Timeline.styles=[timelineStyles()],window.customElements.define("m-timeline",Timeline);const timelineItemContext=n$2(Symbol("timeline-item"));var _TimelineExpandableItem_instances,_TimelineExpandableItem_contextProvider,_TimelineExpandableItem_timelineItemHeaderTrigger_get,_TimelineExpandableItem_timelineItemBodySection_get,_TimelineExpandableItem_timelineItemBody_get,_TimelineExpandableItem_handleExpand,_TimelineExpandableItem_toggle,_TimelineExpandableItem_handleTransition,_TimelineItem_contextProvider,_TimelineItemHeaderTitle_context,_TimelineItemHeaderTitle_updateTextStyle;attachContextRoot();class TimelineExpandableItem extends Component{constructor(){super(...arguments),_TimelineExpandableItem_instances.add(this),_TimelineExpandableItem_contextProvider.set(this,new i(this,{context:timelineItemContext,initialValue:{variant:"neutral",completed:!1,active:!1}})),_TimelineExpandableItem_handleTransition.set(this,(()=>{this.expanded&&(__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get).style.height="auto")}))}static get properties(){return{completed:{type:Boolean,reflect:!0},active:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0},expanded:{type:Boolean,reflect:!0},divider:{type:Boolean,reflect:!0}}}connectedCallback(){super.connectedCallback(),this.slot="item",this.variant=this.variant??"neutral",this.active=this.active??!1,this.completed=this.completed??!1,this.divider=this.divider??!1,this.expanded=this.expanded??!1,this.resizeObserver=new ResizeObserver((t=>{this.bodyHeight=t[0].target.scrollHeight}))}firstUpdated(){__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBody_get).style.transition="visibility 0.35s",__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBody_get).setAttribute("role","region"),this.resizeObserver.observe(__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get)),__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get).addEventListener("transitionend",__classPrivateFieldGet$1(this,_TimelineExpandableItem_handleTransition,"f"))}update(t){super.update(t),t.has("active")&&(this.active?(this.setAttribute("tabindex","0"),this.setAttribute("aria-active","step"),this.closest("m-timeline")?.requestUpdate()):(this.removeAttribute("tabindex"),this.removeAttribute("aria-active"))),t.has("expanded")&&__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"m",_TimelineExpandableItem_handleExpand).call(this)}updated(t){super.updated(t),(t.has("active")||t.has("completed")||t.has("variant"))&&__classPrivateFieldGet$1(this,_TimelineExpandableItem_contextProvider,"f").setValue({variant:this.variant??"neutral",completed:Boolean(this.completed),active:Boolean(this.active)})}disconnectedCallback(){super.disconnectedCallback(),__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get).removeEventListener("transitionend",__classPrivateFieldGet$1(this,_TimelineExpandableItem_handleTransition,"f")),this.resizeObserver.disconnect()}render(){return x`
4171
- <div class="side">
4172
- <span aria-hidden="true" class="circle">
4173
- <slot name="item-icon">
4174
- <span class="dot"></span>
4175
- <span class="exclamation">!</span>
4176
- <m-icon
4177
- class="check"
4178
- name="check"
4179
- size="12"
4180
- color="color-text-inverted"
4181
- ></m-icon>
4182
- </slot>
4183
- </span>
4184
- <span class="track"></span>
4185
- </div>
4186
- <div
4187
- class="${o$2({content:!0,"-divider":Boolean(this.divider)})}"
4188
- >
4189
- <button
4190
- class="m-timeline-item-header-trigger"
4191
- @click="${__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"m",_TimelineExpandableItem_toggle)}"
4192
- tabindex="0"
4193
- type="button"
4194
- >
4195
- <slot name="item-header"></slot>
4196
- <m-icon name="caret-down"></m-icon>
4197
- </button>
4198
- <section class="m-timeline-item-body-section">
4199
- <slot name="item-body"></slot>
4200
- </section>
4201
- <slot name="item-footer"></slot>
4202
- </div>
4203
- `}}_TimelineExpandableItem_contextProvider=new WeakMap,_TimelineExpandableItem_handleTransition=new WeakMap,_TimelineExpandableItem_instances=new WeakSet,_TimelineExpandableItem_timelineItemHeaderTrigger_get=function(){return this.renderRoot.querySelector(".m-timeline-item-header-trigger")},_TimelineExpandableItem_timelineItemBodySection_get=function(){return this.renderRoot.querySelector(".m-timeline-item-body-section")},_TimelineExpandableItem_timelineItemBody_get=function(){return this.querySelector("m-timeline-item-body")},_TimelineExpandableItem_handleExpand=function(){__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemHeaderTrigger_get).setAttribute("aria-expanded",`${this.expanded}`),__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get).style.height=`${this.bodyHeight}px`,this.expanded?(__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBody_get).style.visibility="visible",this.style.setProperty("--m-timeline-item-content-gap",toSpacingCSSValue("spacing-6"))):setTimeout((()=>{__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get).style.height="0px",__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBody_get).style.visibility="hidden",this.style.setProperty("--m-timeline-item-content-gap",toSpacingCSSValue("none"))}))},_TimelineExpandableItem_toggle=function(){this.expanded=!this.expanded,this.emit("m-toggle",{detail:{name:"timeline-item-expanded",value:this.expanded}})},TimelineExpandableItem.styles=[timelineItemStyles(),timelineExpandableItemStyles()],window.customElements.define("m-timeline-expandable-item",TimelineExpandableItem),attachContextRoot();class TimelineItem extends s$7{constructor(){super(...arguments),_TimelineItem_contextProvider.set(this,new i(this,{context:timelineItemContext,initialValue:{variant:"neutral",completed:!1,active:!1}}))}static get properties(){return{completed:{type:Boolean,reflect:!0},active:{type:Boolean,reflect:!0},divider:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0}}}connectedCallback(){super.connectedCallback(),this.slot="item",this.variant=this.variant??"neutral",this.active=this.active??!1,this.completed=this.completed??!1,this.divider=this.divider??!1}update(t){super.update(t),t.has("active")&&(this.active?(this.setAttribute("tabindex","0"),this.setAttribute("aria-active","step"),this.closest("m-timeline")?.requestUpdate()):(this.removeAttribute("tabindex"),this.removeAttribute("aria-active")))}updated(t){super.updated(t),(t.has("active")||t.has("completed")||t.has("variant"))&&__classPrivateFieldGet$1(this,_TimelineItem_contextProvider,"f").setValue({variant:this.variant??"neutral",completed:Boolean(this.completed),active:Boolean(this.active)})}render(){return x`
4204
- <div class="side">
4205
- <span aria-hidden="true" class="circle">
4206
- <slot name="item-icon">
4207
- <span class="dot"></span>
4208
- <span class="exclamation">!</span>
4209
- <m-icon
4210
- class="check"
4211
- name="check"
4212
- size="12"
4213
- color="color-text-inverted"
4214
- ></m-icon>
4215
- </slot>
4216
- </span>
4217
- <span class="track"></span>
4218
- </div>
4219
- <div
4220
- class="${o$2({content:!0,"-divider":Boolean(this.divider)})}"
4221
- >
4222
- <slot name="item-header"></slot>
4223
- <slot name="item-body"></slot>
4224
- <slot name="item-footer"></slot>
4225
- </div>
4226
- `}}_TimelineItem_contextProvider=new WeakMap,TimelineItem.styles=[timelineItemStyles()],window.customElements.define("m-timeline-item",TimelineItem);class TimelineItemBody extends s$7{connectedCallback(){super.connectedCallback(),this.slot="item-body",this.classList.add("m-timeline-item-body")}render(){return x`<slot></slot>`}}TimelineItemBody.styles=[timelineBodyStyles()],window.customElements.define("m-timeline-item-body",TimelineItemBody);class TimelineItemFooter extends s$7{connectedCallback(){super.connectedCallback(),this.slot="item-footer"}render(){return x`<slot></slot>`}}TimelineItemFooter.styles=[timelineFooterStyles()],window.customElements.define("m-timeline-item-footer",TimelineItemFooter);class TimelineItemHeader extends s$7{static get properties(){return{align:{type:String}}}connectedCallback(){super.connectedCallback(),this.slot="item-header"}update(t){super.update(t),t.has("align")&&this.style.setProperty("--m-timeline-item-header-align",this.align??"baseline")}render(){return x`
4227
- <slot name="item-header-title"></slot>
4228
- <slot name="item-header-subtitle"></slot>
4229
- <slot></slot>
4230
- `}}TimelineItemHeader.styles=[timelineItemHeaderStyles()],window.customElements.define("m-timeline-item-header",TimelineItemHeader);class TimelineItemHeaderSubtitle extends Text{connectedCallback(){super.connectedCallback(),this.slot="item-header-subtitle",this.variant="body-sm",this.color="color-text-tertiary"}}window.customElements.define("m-timeline-item-header-subtitle",TimelineItemHeaderSubtitle);class TimelineItemHeaderTitle extends Text{constructor(){super(),_TimelineItemHeaderTitle_context.set(this,void 0),_TimelineItemHeaderTitle_updateTextStyle.set(this,(()=>{const{value:t}=__classPrivateFieldGet$1(this,_TimelineItemHeaderTitle_context,"f");t&&(t.completed?(this.color="color-text-tertiary",this.variant="heading-sm"):t.active?(this.color="color-primary-60",this.variant="heading-sm-bold"):"warning"===t.variant?(this.color="color-warning-100",this.variant="heading-sm"):(this.color="color-text-secondary",this.variant="heading-sm"))})),__classPrivateFieldSet(this,_TimelineItemHeaderTitle_context,new s$2(this,{context:timelineItemContext,subscribe:!0,callback:__classPrivateFieldGet$1(this,_TimelineItemHeaderTitle_updateTextStyle,"f")}),"f")}connectedCallback(){super.connectedCallback(),this.slot="item-header-title",this.variant="heading-sm",this.color="color-text-tertiary"}}_TimelineItemHeaderTitle_context=new WeakMap,_TimelineItemHeaderTitle_updateTextStyle=new WeakMap,window.customElements.define("m-timeline-item-header-title",TimelineItemHeaderTitle);class TimelineItemIcon extends s$7{connectedCallback(){super.connectedCallback(),this.slot="item-icon"}render(){return x`<slot></slot>`}}TimelineItemIcon.styles=[timelineIconStyles()],window.customElements.define("m-timeline-item-icon",TimelineItemIcon);const TOGGLE_EVENT="m-toggle";function styles$3(){return[i$5`
4231
- .toggle-group {
4232
- inline-size: max-content;
4233
-
4234
- border: 1px solid ${getColor("color-border-input")};
4235
- padding: ${getToken("spacing-1")};
4236
-
4237
- border-radius: ${getToken("border-radius-s")};
4238
- box-sizing: border-box;
4239
-
4240
- block-size: ${getToken("global-height-default")};
4241
- }
4242
-
4243
- .toggle-group.-small {
4244
- block-size: ${getToken("global-height-small")};
4245
- }
4246
-
4247
- .toggle-group.-small ::slotted(m-toggle) {
4248
- --m-toggle-base-size: 18px;
4249
- --m-toggle-font-size: ${getToken("font-size-2")};
4250
- --m-toggle-icon-size: 10px;
4251
- }
4252
-
4253
- .toggle-group.-show-check ::slotted(m-toggle[aria-checked='true']) {
4254
- --m-toggle-icon-display: inline-flex;
4255
- }
4256
- `]}var _ToggleGroup_selectionController,_ToggleGroup_defaultSlot,_ToggleGroup_getToggles,_ToggleGroup_setToggleRole,_ToggleGroup_setToggleChecked,_ToggleGroup_setToggleDisabled,_Toggle_instances,_Toggle_button_get,_Toggle_handleClick,_Toggle_setDisabled,_Toggle_setChecked,_Tooltip_hoverTimeout,_Tooltip_focusTimeout,_Tooltip_handleFocus,_Tooltip_handleBlur,_Tooltip_handleClick,_Tooltip_handleKeyDown,_Tooltip_handleMouseOver,_Tooltip_handleMouseOut,_Tooltip_hasTrigger;class ToggleGroup extends s$7{static get properties(){return{disabled:{type:Boolean},role:{type:String,reflect:!0},showCheck:{type:Boolean,attribute:"show-check"},size:{type:String,reflect:!0},type:{type:String},value:{},selection:{state:!0}}}constructor(){super(),_ToggleGroup_selectionController.set(this,null),_ToggleGroup_defaultSlot.set(this,null),_ToggleGroup_getToggles.set(this,(()=>{__classPrivateFieldGet$1(this,_ToggleGroup_defaultSlot,"f")||__classPrivateFieldSet(this,_ToggleGroup_defaultSlot,this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...__classPrivateFieldGet$1(this,_ToggleGroup_defaultSlot,"f")?.assignedElements({flatten:!0})??[]].filter((t=>"m-toggle"===t.tagName.toLowerCase()))})),_ToggleGroup_setToggleRole.set(this,(t=>{t.setAttribute("role",["single","single-strict"].includes(this.type)?"radio":"checkbox")})),_ToggleGroup_setToggleChecked.set(this,(t=>{t.checked=this.selection.has(t.value)})),_ToggleGroup_setToggleDisabled.set(this,(t=>{t.disabled=this.disabled})),this.showCheck=!1,this.size="default",this.type="single",this.selection=new Set}update(t){super.update(t),(null!=t.get("type")&&null!=this.type||null==__classPrivateFieldGet$1(this,_ToggleGroup_selectionController,"f"))&&(__classPrivateFieldSet(this,_ToggleGroup_selectionController,new SelectionController(this,this.type,"m-toggle"),"f"),__classPrivateFieldGet$1(this,_ToggleGroup_selectionController,"f").init(toArray$1(this.value)),this.role=["single","single-strict"].includes(this.type)?"radiogroup":"group"),t.has("value")&&__classPrivateFieldGet$1(this,_ToggleGroup_selectionController,"f").init(toArray$1(this.value))}updated(t){super.updated(t),t.has("selection")&&__classPrivateFieldGet$1(this,_ToggleGroup_getToggles,"f").call(this).forEach((t=>{__classPrivateFieldGet$1(this,_ToggleGroup_setToggleChecked,"f").call(this,t)})),t.has("disabled")&&__classPrivateFieldGet$1(this,_ToggleGroup_getToggles,"f").call(this).forEach((t=>{__classPrivateFieldGet$1(this,_ToggleGroup_setToggleDisabled,"f").call(this,t)})),t.has("role")&&__classPrivateFieldGet$1(this,_ToggleGroup_getToggles,"f").call(this).forEach((t=>{__classPrivateFieldGet$1(this,_ToggleGroup_setToggleRole,"f").call(this,t)}))}render(){return x`
4257
- <m-group
4258
- class=${o$2({"toggle-group":!0,"-single":"single"===this.type,"-single-strict":"single-strict"===this.type,"-multiple":"multiple"===this.type,"-small":"small"===this.size,"-show-check":this.showCheck})}
4259
- gap="spacing-1"
4260
- >
4261
- <slot></slot>
4262
- </m-group>
4263
- `}}function styles$2(){return[styles$F(),i$5`
4264
- :host {
4265
- /*
4266
- * These custom properties are here because they are meant to be
4267
- * overriden via toggle-group styles.
4268
- */
4269
- --m-toggle-base-size: 30px;
4270
- --m-toggle-font-size: ${getToken("font-size-3")};
4271
- --m-toggle-icon-size: 12px;
4272
- --m-toggle-icon-display: none;
4273
-
4274
- --m-button-border-color: transparent;
4275
- --m-button-color: ${getColor("color-primary-100")};
4276
- --m-button-padding-x: ${getToken("spacing-2")};
4277
- --m-button-padding-y: 0;
4278
-
4279
- --m-button-base-size: var(--m-toggle-base-size);
4280
- --m-button-font-size: var(--m-toggle-font-size);
4281
- }
4282
-
4283
- ${on([".toggle"]).disabled} {
4284
- --m-button-color: ${getColor("color-text-disabled")};
4285
- }
4286
-
4287
- [aria-checked='true'] {
4288
- --m-button-background-color: ${getColor("color-primary-20")};
4289
- }
4290
-
4291
- ${on(".toggle").not.disabled.hover} {
4292
- --m-button-background-color: ${getColor("color-background-tertiary")};
4293
- --m-button-border-color: ${getColor("color-background-tertiary")};
4294
- --m-button-color: ${getColor("color-primary-100")};
4295
- }
4296
-
4297
- .check-icon {
4298
- --m-icon-size: var(--m-toggle-icon-size);
4299
- --m-icon-color: var(--m-button-color);
4300
-
4301
- display: var(--m-toggle-icon-display);
4302
- }
4303
- `]}_ToggleGroup_selectionController=new WeakMap,_ToggleGroup_defaultSlot=new WeakMap,_ToggleGroup_getToggles=new WeakMap,_ToggleGroup_setToggleRole=new WeakMap,_ToggleGroup_setToggleChecked=new WeakMap,_ToggleGroup_setToggleDisabled=new WeakMap,ToggleGroup.styles=[styles$3()],window.customElements.define("m-toggle-group",ToggleGroup);class Toggle extends s$7{static get properties(){return{checked:{type:Boolean},disabled:{type:Boolean,reflect:!0},role:{type:String,reflect:!0},value:{type:String,reflect:!0}}}constructor(){super(),_Toggle_instances.add(this),_Toggle_handleClick.set(this,(()=>{if(this.disabled)return;this.checked=!this.checked;const t={detail:{value:this.value,type:"toggle"},bubbles:!0,composed:!1};this.dispatchEvent(new CustomEvent("m-toggle",t))})),_Toggle_setDisabled.set(this,(()=>{this.setAttribute("aria-disabled",String(this.disabled??!1))})),_Toggle_setChecked.set(this,(()=>{this.setAttribute("aria-checked",String(this.checked??!1))})),this.disabled=!1,this.checked=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("click",__classPrivateFieldGet$1(this,_Toggle_handleClick,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",__classPrivateFieldGet$1(this,_Toggle_handleClick,"f"))}updated(t){super.updated(t),t.has("disabled")&&__classPrivateFieldGet$1(this,_Toggle_setDisabled,"f").call(this),t.has("checked")&&__classPrivateFieldGet$1(this,_Toggle_setChecked,"f").call(this)}render(){return x`
4304
- <button
4305
- type="button"
4306
- class=${o$2({button:!0,toggle:!0})}
4307
- role="${this.role}"
4308
- aria-checked="${this.checked}"
4309
- ?disabled="${this.disabled}"
4310
- >
4311
- <slot name="leading" slot="leading">
4312
- <m-icon name="check" class="check-icon"></m-icon>
4313
- </slot>
4314
-
4315
- <slot></slot>
4316
- </button>
4317
- `}focus(t){__classPrivateFieldGet$1(this,_Toggle_instances,"a",_Toggle_button_get)?.focus(t)}}function trim(t){return t.trim()}function convertTriggerFromAttribute(t){return t?String(t).split(/[\s,]+/).map(trim).filter(Boolean):["hover"]}function styles$1(){return[styles$m({floatingSelector:"#floating"}),i$5`
4318
- :host {
4319
- --m-popover-width: max-content;
4320
- --m-popover-min-width: 80px;
4321
- --m-popover-max-width: 80ch;
4322
- --m-popover-overflow-x: visible;
4323
-
4324
- display: inline-flex;
4325
- align-items: center;
4326
-
4327
- max-width: 100%;
4328
- }
4329
- `]}_Toggle_handleClick=new WeakMap,_Toggle_setDisabled=new WeakMap,_Toggle_setChecked=new WeakMap,_Toggle_instances=new WeakSet,_Toggle_button_get=function(){return this.renderRoot?.querySelector("button")??null},Toggle.styles=[styles$2()],window.customElements.define("m-toggle",Toggle);class Tooltip extends Popover{static get properties(){return{...Popover.properties,trigger:{type:String,converter:{fromAttribute:convertTriggerFromAttribute}}}}constructor(){super(),_Tooltip_hoverTimeout.set(this,void 0),_Tooltip_focusTimeout.set(this,void 0),_Tooltip_handleFocus.set(this,(()=>{__classPrivateFieldGet$1(this,_Tooltip_hasTrigger,"f").call(this,"focus")&&(clearTimeout(__classPrivateFieldGet$1(this,_Tooltip_focusTimeout,"f")),__classPrivateFieldSet(this,_Tooltip_focusTimeout,window.setTimeout((()=>this.show()),450),"f"))})),_Tooltip_handleBlur.set(this,(()=>{__classPrivateFieldGet$1(this,_Tooltip_hasTrigger,"f").call(this,"focus")&&(clearTimeout(__classPrivateFieldGet$1(this,_Tooltip_focusTimeout,"f")),__classPrivateFieldSet(this,_Tooltip_focusTimeout,window.setTimeout((()=>this.hide()),450),"f"))})),_Tooltip_handleClick.set(this,(()=>{__classPrivateFieldGet$1(this,_Tooltip_hasTrigger,"f").call(this,"click")&&this.toggle()})),_Tooltip_handleKeyDown.set(this,(t=>{this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide())})),_Tooltip_handleMouseOver.set(this,(()=>{__classPrivateFieldGet$1(this,_Tooltip_hasTrigger,"f").call(this,"hover")&&(clearTimeout(__classPrivateFieldGet$1(this,_Tooltip_hoverTimeout,"f")),__classPrivateFieldSet(this,_Tooltip_hoverTimeout,window.setTimeout((()=>this.show()),450),"f"))})),_Tooltip_handleMouseOut.set(this,(()=>{__classPrivateFieldGet$1(this,_Tooltip_hasTrigger,"f").call(this,"hover")&&(clearTimeout(__classPrivateFieldGet$1(this,_Tooltip_hoverTimeout,"f")),__classPrivateFieldSet(this,_Tooltip_hoverTimeout,window.setTimeout((()=>this.hide()),450),"f"))})),_Tooltip_hasTrigger.set(this,(t=>this.trigger.includes(t))),this.position="fixed",this.placement="top-start",this.trigger=["hover","focus"]}connectedCallback(){super.connectedCallback(),this.addEventListener("blur",__classPrivateFieldGet$1(this,_Tooltip_handleBlur,"f"),!0),this.addEventListener("click",__classPrivateFieldGet$1(this,_Tooltip_handleClick,"f")),this.addEventListener("focus",__classPrivateFieldGet$1(this,_Tooltip_handleFocus,"f"),!0),this.addEventListener("keydown",__classPrivateFieldGet$1(this,_Tooltip_handleKeyDown,"f")),this.addEventListener("mouseout",__classPrivateFieldGet$1(this,_Tooltip_handleMouseOut,"f")),this.addEventListener("mouseover",__classPrivateFieldGet$1(this,_Tooltip_handleMouseOver,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",__classPrivateFieldGet$1(this,_Tooltip_handleBlur,"f"),!0),this.removeEventListener("focus",__classPrivateFieldGet$1(this,_Tooltip_handleFocus,"f"),!0),this.removeEventListener("click",__classPrivateFieldGet$1(this,_Tooltip_handleClick,"f")),this.removeEventListener("keydown",__classPrivateFieldGet$1(this,_Tooltip_handleKeyDown,"f")),this.removeEventListener("mouseover",__classPrivateFieldGet$1(this,_Tooltip_handleMouseOver,"f")),this.removeEventListener("mouseout",__classPrivateFieldGet$1(this,_Tooltip_handleMouseOut,"f"))}getReferenceElement(){const t=this.shadowRoot.querySelector('slot[name="reference"]'),[e]=t.assignedElements({flatten:!0});return e}getFloatingElement(){return this.shadowRoot.querySelector("#floating")}getArrowElement(){return this.shadowRoot.querySelector("#arrow")}render(){return x`
4330
- <slot name="reference" aria-describedby="floating"></slot>
4331
- <div
4332
- id="floating"
4333
- role="tooltip"
4334
- aria-live=${this.open?"polite":"off"}
4335
- >
4336
- ${this.renderArrow()}
4337
- <slot name="floating" aria-hidden="true"></slot>
4338
- </div>
4339
- `}}_Tooltip_hoverTimeout=new WeakMap,_Tooltip_focusTimeout=new WeakMap,_Tooltip_handleFocus=new WeakMap,_Tooltip_handleBlur=new WeakMap,_Tooltip_handleClick=new WeakMap,_Tooltip_handleKeyDown=new WeakMap,_Tooltip_handleMouseOver=new WeakMap,_Tooltip_handleMouseOut=new WeakMap,_Tooltip_hasTrigger=new WeakMap,Tooltip.styles=[styles$1()],window.customElements.define("m-tooltip",Tooltip);const TOOLTIP_PLACEMENT_VALUES=POPOVER_PLACEMENT_VALUES;function styles(){return i$5`
4340
- :host {
4341
- inline-size: var(--m-logo-size);
4342
- block-size: var(--m-logo-size);
4343
- display: block;
4344
- }
4345
-
4346
- :host linearGradient {
4347
- transform-origin: center;
4348
- }
4349
- `}var _LogoLoader_instances,_LogoLoader_getSize;const DEFAULT_SIZE="48";class LogoLoader extends s$7{constructor(){super(...arguments),_LogoLoader_instances.add(this)}static get properties(){return{size:{type:String,reflect:!0}}}connectedCallback(){super.connectedCallback(),this.style.setProperty("--m-logo-size",__classPrivateFieldGet$1(this,_LogoLoader_instances,"m",_LogoLoader_getSize).call(this))}update(t){super.update(t),t.has("size")&&this.style.setProperty("--m-logo-size",__classPrivateFieldGet$1(this,_LogoLoader_instances,"m",_LogoLoader_getSize).call(this))}render(){return b$1`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 49 48"><g opacity=".7"><mask id="a" width="49" height="16" x="0" y="32" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M32.1364 48H.5l15.1072-15.2727H48.5L33.4266 47.317c-.3323.3324-.818.683-1.2902.683Z"/></mask><g mask="url(#a)"><path fill="url(#b)" d="M-10.4091-10.9091h69.8182v69.8182h-69.8182z"/></g></g><mask id="c" width="32" height="17" x="17" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M17.9546 16.3636V0H48.5L33.2273 16.3636H17.9546Z"/></mask><g mask="url(#c)"><path fill="url(#d)" d="M-10.4091-10.9091h69.8182v69.8182h-69.8182z"/></g><g opacity=".7"><mask id="e" width="16" height="31" x="33" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M48.5 30.5455H33.2273V16.3637L48.5 0v30.5455Z"/></mask><g mask="url(#e)"><path fill="url(#f)" d="M-10.4091-10.9091h69.8182v69.8182h-69.8182z"/></g></g><mask id="g" width="16" height="48" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M15.7727 0v32.7273L.5 48V16.94c0-.4722.18803-.9226.52036-1.2571L15.7727 0Z"/></mask><g mask="url(#g)"><path fill="url(#h)" d="M-10.4091-10.9091h69.8182v69.8182h-69.8182z"/></g><defs><linearGradient id="b" x1="3.56649" x2="53.8665" y1="50.4164" y2=".131295" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#00D7D7"/><stop offset="1" stop-color="#84F11E"/><animateTransform attributeName="gradientTransform" dur="0.8s" repeatCount="indefinite" type="rotate" values="0; 360"/></linearGradient><linearGradient id="d" x1="3.56649" x2="53.8665" y1="50.4164" y2=".131295" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#00D7D7"/><stop offset="1" stop-color="#84F11E"/><animateTransform attributeName="gradientTransform" dur="0.8s" repeatCount="indefinite" type="rotate" values="0; 360"/></linearGradient><linearGradient id="f" x1="3.56649" x2="53.8665" y1="50.4164" y2=".131295" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#00D7D7"/><stop offset="1" stop-color="#84F11E"/><animateTransform attributeName="gradientTransform" dur="0.8s" repeatCount="indefinite" type="rotate" values="0; 360"/></linearGradient><linearGradient id="h" x1="3.56649" x2="53.8665" y1="50.4164" y2=".131295" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#00D7D7"/><stop offset="1" stop-color="#84F11E"/><animateTransform attributeName="gradientTransform" dur="0.8s" repeatCount="indefinite" type="rotate" values="0; 360"/></linearGradient></defs></svg>`}}_LogoLoader_instances=new WeakSet,_LogoLoader_getSize=function(){const t=parseInt(this.size??"48",10);return Number.isNaN(t)?"48px":`${t||"48"}px`},LogoLoader.styles=[styles()],window.customElements.define("m-logo-loader",LogoLoader);export{EmptyStateHeader as $,Accordion as A,BackButton as B,Card as C,Dialog as D,DialogActionPrimary as E,DialogActionSecondary as F,DialogActionTertiary as G,DialogActions as H,DialogBody as I,DialogClose as J,DialogFooter as K,DialogHeader as L,Divider as M,Drawer as N,DRAWER_SIZES as O,DrawerActionPrimary as P,DrawerActionSecondary as Q,DrawerActionTertiary as R,DrawerActions as S,DrawerBody as T,DrawerClose as U,DrawerHeader as V,Dropdown as W,DropdownTrigger as X,DropdownMenu as Y,DropdownItem as Z,EmptyStateAction as _,AccordionTitle as a,Tabs as a$,EmptyStateIllustration as a0,EmptyStateMessage as a1,EmptyState as a2,EMPTY_STATE_VARIANTS as a3,Field as a4,FieldHint as a5,FieldLabel as a6,FIELD_STATUSES as a7,Header as a8,HeaderActions as a9,Column as aA,Link as aB,PageContent as aC,Pagination as aD,ProgressBar as aE,ProgressBarCountdown as aF,Radio as aG,RadioGroup as aH,Section as aI,SectionTitle as aJ,SpinnerWheel as aK,Steps as aL,Step as aM,Switch as aN,Table as aO,defaultTableProps as aP,TableHead as aQ,TableHeadCell as aR,defaultTableHeadCellProps as aS,TableBody as aT,TableFoot as aU,TableRow as aV,TableCell as aW,defaultTableCellProps as aX,TableToolbar as aY,TableFeedback as aZ,TableActions as a_,HeaderContent as aa,HeaderTitle as ab,SubHeader as ac,AVAILABLE_ICONS as ad,Icon as ae,Label as af,defaultLabeledValueProps as ag,LabeledValue as ah,LabeledValueLabel as ai,LabeledValueValue as aj,ALIGN_ITEMS_VALUES as ak,JUSTIFY_CONTENT_VALUES as al,Box as am,defaultBoxProps as an,Group as ao,defaultGroupProps as ap,Stack as aq,defaultStackProps as ar,Grid as as,defaultGridProps as at,Sidebar as au,defaultSidebarProps as av,Switcher as aw,defaultSwitcherProps as ax,Container as ay,Row as az,b,Tab as b0,TabPanel as b1,Tag as b2,ActionableTag as b3,Text as b4,TextArea as b5,TextField as b6,Timeline as b7,TimelineExpandableItem as b8,TimelineItem as b9,TimelineItemBody as ba,TimelineItemFooter as bb,TimelineItemHeader as bc,TimelineItemHeaderSubtitle as bd,TimelineItemHeaderTitle as be,TimelineItemIcon as bf,ToggleGroup as bg,Toggle as bh,Tooltip as bi,TOOLTIP_PLACEMENT_VALUES as bj,LogoLoader as bk,AccordionContent as c,Badge as d,BannerActionPrimary as e,BannerActionSecondary as f,BannerActions as g,BannerDescription as h,BannerIcon as i,BannerTitle as j,Banner as k,Body as l,Button as m,CardBody as n,CardSubtitle as o,CardTitle as p,CardDivider as q,CardFooter as r,CardActionPrimary as s,typographyVariants as t,CardActionSecondary as u,CardActionTertiary as v,Checkbox as w,CloseButton as x,DIALOG_SIZES as y,DIALOG_VARIANTS as z};
4350
- //# sourceMappingURL=index-CU4DhJ1z.js.map